<style>
#l-banners {
display: none !important;
}
.d-flex {
display: flex;
}
.flex-col {
flex-direction: column;
}
.flex-center {
justify-content: center;
align-items: center;
}
section.pdj__intro h1 {
font-size: 4rem;
color: #fff;
text-align: center;
}
section.pdj__intro h1 span {
font-size: 2.5rem;
color: #fff;
text-align: center;
display: block;
}
section.pdj__intro {
padding: 120px 10px;
background-image: url(https://s.topchretien.com/media/filer_public/11/ad/11ad4082-e170-489a-8a2f-aef4d6541c26/pdj__top-banner.png);
background-size: cover;
background-position: bottom center;
position: relative;
}
@media screen and (max-width:480px) {
section.pdj__intro {
padding: 80px 10px;
}
section.pdj__intro h1 span {
font-size: 1.5rem;
}
section.pdj__intro h1 {
font-size: 2.5rem;
}
}
.pdj__video-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.pdj__video-container.is-open {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.pdj__video-container iframe {
width: 100%;
height: 100%;
}
</style>
<section class="pdj__intro">
<div class="container">
<div class="d-flex flex-col flex-center">
<h1 class="font-size--40 mb--20 font-italic fw-900"><span class="font-playfair">Commencez la
journée</span><span>Bien accompagné(e) !</span></h1>
<a href="#" class="btn-base btn-devotional btn-md">Découvrir en vidéo</a>
<div class="pdj__video-container">
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/6ZCjRcaoHLg?si=CGLIOdLWE-RX4m1y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<script>
ready(function () {
$('.pdj__intro .btn-devotional').on('click', function (e) {
e.preventDefault();
$('.pdj__video-container').toggleClass('is-open');
$('.pdj__video-container iframe').attr('src', 'https://www.youtube-nocookie.com/embed/6ZCjRcaoHLg?si=CGLIOdLWE-RX4m1y&autoplay=1&rel=0');
});
});
</script>
<div class="section__intro" style="position:relative;">
<div class="container">
<div class="d-flex flex-wrap--md gap--50">
<span class="dis--block font-playfair font-italic fw-900">Pour vous</span>aujourd'hui
</div>
</div>
</div>
<span class="dis--block font-playfair font-italic fw-900">Les dernières</span>Pensées
<div class="container">
<div class="devotional__section-title text-center mb--50">
<h2 class="fw-900 font-italic font-size--52 line-height--1-2"><span class="font-playfair fw-900 dis--block font-size--38">Les thèmes phares</span>de La Pensée du Jour</h2>
</div>
<div class="devotional-themes--inner">
<!-- ELEMENT -->
<div class="devotional-themes--element">
<a href="https://lapenseedujour.topchretien.com/?sort=date&tags=foi">
<div class="devotional-themes--image">
<img src="https://s.topchretien.com/media/filer_public/61/07/61079de1-5ffa-44ff-a59e-80803d1cd20f/pdj-faith.svg" alt="">
</div>
<h3 class="devotional-themes--title font-size--20 fw-500">
Foi
</h3>
</a>
</div>
<!-- ELEMENT -->
<div class="devotional-themes--element">
<a href="https://lapenseedujour.topchretien.com/?sort=date&tags=priere">
<div class="devotional-themes--image">
<img src="https://s.topchretien.com/media/filer_public/d1/ec/d1ec6774-657a-40f3-8d6f-637c322f73f2/pdj-pray.svg" alt="">
</div>
<h3 class="devotional-themes--title font-size--20 fw-500">
Prière
</h3>
</a>
</div>
<!-- ELEMENT -->
<div class="devotional-themes--element">
<a href="https://lapenseedujour.topchretien.com/?sort=date&tags=amour">
<div class="devotional-themes--image">
<img src="https://s.topchretien.com/media/filer_public/a7/84/a7849478-75fa-42d4-8fc7-0cf5138085e4/pdj-love.svg" alt="">
</div>
<h3 class="devotional-themes--title font-size--20 fw-500">
Amour
</h3>
</a>
</div>
<!-- ELEMENT -->
<div class="devotional-themes--element">
<a href="https://lapenseedujour.topchretien.com/?sort=date&tags=obeissance">
<div class="devotional-themes--image">
<img src="https://s.topchretien.com/media/filer_public/2a/4c/2a4ce121-5aa0-4bc9-bcba-a8576ae40cae/pdj-obey.svg" alt="">
</div>
<h3 class="devotional-themes--title font-size--20 fw-500">
Obéissance
</h3>
</a>
</div>
<!-- ELEMENT -->
<div class="devotional-themes--element">
<a href="https://lapenseedujour.topchretien.com/?sort=date&tags=relations">
<div class="devotional-themes--image">
<img src="https://s.topchretien.com/media/filer_public/f5/5e/f55e4681-1f0b-4763-aff1-63e075d592fc/pdj-relations.svg" alt="">
</div>
<h3 class="devotional-themes--title font-size--20 fw-500">
Relations
</h3>
</a>
</div>
<!-- ELEMENT -->
<div class="devotional-themes--element">
<a href="https://lapenseedujour.topchretien.com/?sort=date&tags=perseverance">
<div class="devotional-themes--image">
<img src="https://s.topchretien.com/media/filer_public/27/89/27899927-0d6f-433b-84d1-4e38f3d6203a/pdj-perseverance.svg" alt="">
</div>
<h3 class="devotional-themes--title font-size--20 fw-500">
Persévérance
</h3>
</a>
</div>
</div>
</div>
<span class="dis--block font-playfair font-italic fw-900">Les auteurs</span>de La Pensée du Jour
<span class="dis--block font-playfair font-italic fw-900">Les Pensées</span>les plus populaires
<div class="custom-shape-divider-bottom-1662293271">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path d="M0,0V7.23C0,65.52,268.63,112.77,600,112.77S1200,65.52,1200,7.23V0Z" class="shape-fill"></path>
</svg>
</div>
<div class="container plr_sm--30">
<div class="row align-items-center gap--50">
<div class="col">
<img src="https://s.topchretien.com/media/filer_public/d8/c3/d8c3b443-2a3f-4235-b866-66cc47ea7074/pdj-story.png" alt="">
</div>
<div class="col text-left">
<div class="devotional__section-title text-left mb--30">
<h2 class="fw-900 font-italic font-size--52 line-height--1-2"><span class="font-playfair fw-900 dis--block font-size--38">L'histoire</span>de La Pensée du Jour</h2>
</div>
<p class="font-weight-bolder mb--30">
C’est en 2000 qu’est née l’idée de « La Pensée du Jour » du TopChrétien.<br>
Si vous ne la connaissez pas encore, découvrez la petite histoire qui se cache derrière.<br>
Revenons à l’année 2000.<br>
Un pasteur, Bertrand Colpier, ami d’Éric Célérier, fondateur du TopChrétien, envoyait un email, le soir, aux quelques chrétiens de son église de Montfermeil connectés à Internet. À cette époque, la généralisation de l’accès à Internet commençait...
</p>
<a href="https://lapenseedujour.topchretien.com/histoire-de-la-pensee-du-jour/" class="btn-base round btn-md btn-devotional">Découvrir l'histoire</a>
</div>
</div>
</div>
<div class="custom-shape-divider-bottom-1662293538">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path d="M0,0V7.23C0,65.52,268.63,112.77,600,112.77S1200,65.52,1200,7.23V0Z" class="shape-fill"></path>
</svg>
</div>
<div class="container plr_sm--30">
<div class="row align-items-center gap--50">
<div class="col text-left">
<div class="devotional__section-title mb--30">
<h2 class="fw-900 font-italic font-size--52 line-height--1-2"><span class="font-playfair fw-900 dis--block font-size--38">Emmenez-la</span>avec vous !</h2>
</div>
<p class="font-weight-bolder mb--30">L’application La Pensée du Jour est disponible sur toutes les plateformes !<br>Passez un moment de SELAH en toute occasion !</p>
<div class="mobile-app-download-link text-left">
<a title="Télécharger l'application TopChrétien sur Google Play" href="https://play.google.com/store/apps/details?id=com.topchretien.lapenseedujour&hl=fr&gl=US" target="_blank"> <span class="btn-dwld-app btn-google medium">GOOGLE PLAY</span> </a>
<a title="Télécharger l'application TopChrétien sur l'App Store" href="https://apps.apple.com/mg/app/la-pens%C3%A9e-du-jour/id1561806578" target="_blank"> <span class="btn-dwld-app btn-apple medium">APP STORE</span> </a>
</div>
</div>
<div class="col">
<img src="https://s.topchretien.com/media/filer_public/db/17/db17dcec-747f-4339-bafe-75703721eb9d/pdj-mockup.png" alt="">
</div>
</div>
</div>