<!DOCTYPE html>
<html lang="fr">

        <head>
    <meta charset="utf-8">
    <meta name="description" content="Pour la première fois sur internet, Retraite dans la ville propose une lecture thématique de la Bible : la joie, l&#039;espérance, l&#039;amour, la liberté, etc... Grâce aux textes empruntés à l’Ancien et au Nouveau Testament, vous approfondissez votre connaissance de Dieu et de vous-même.">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1.0, user-scalable=no">
    <title>   Lumières dans la Bible
                    - parcours biblique par les Dominicains
        </title>

                <link rel="shortcut icon" type="image/x-icon" href="/assets/ldlb/images/favicon.ico">
        <!-- Vendor Styles -->
        <link rel="stylesheet" href="/assets/app/vendor/bootstrap-4.0.0/css/bootstrap.min.css" type="text/css" media="all">
        <link rel="stylesheet" href="/assets/app/vendor/magnific-popup/magnific-popup.css" type="text/css" media="all">
        <link rel="stylesheet" href="/assets/app/vendor/owl-carousel2-2.3.4/owl.carousel.css" type="text/css" media="all">
        <link rel="stylesheet" href="/assets/app/vendor/selectric/selectric.css">
        <link rel="stylesheet" href=" /assets/app/vendor/malihu-custom-scrollbar-plugin-master/jquery.mCustomScrollbar.min.css">
        <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" rel="stylesheet"/>

        <link rel="stylesheet" type="text/css" href="/assets/app/css/bundle.css">
        <link rel="stylesheet" type="text/css" href="/assets/app/css/cookies.css">
    
    
        <style>
            .header .btn--icon:before { background: #93c178 !important }
            .header .nav-links a:before { background: #93c178 !important }
            .header .btn--icon-hover:hover svg path { fill: #93c178 !important }
            .header .socials a:hover svg path { fill: #93c178 !important }
            .section-about--red .section__content { background:#93c178!important }
            .section-about .section__content, .section-listing .section__content, .section-links .section__head, .section-callout .section__shape--left:before, .testimonial, .box .box__body, .section-timeline .section__entry:after { background:#93c178!important }
            .section--steps .section__shape { background: #93c178 !important }
            .section--steps .section__shape p  { color:#86b56b!important }
            .section--steps .section__entry { background: #93c178 !important }
            .article--main .article__titles .styleH1 { color:#86b56b!important }
            .testimonial .ico-quote-decoration { color:#86b56b!important }
            .section-links--red .section__head { background:#93c178!important }
            .section-callout--red .section__shape--left:before { background:#93c178!important }
            .list-tags--red:before { background:#93c178!important }
            .header .btn-menu.nav-opened span, .header .btn-menu span { background:#93c178!important }
            .header .header__menu { background:#93c178!important }
            .btn-close--red:not(.btn-close--simple) { background:#93c178!important }
            .btn--red:after { background:#93c178!important }
            .heart2-path-2-1 { fill:#93c178!important }
            .progress .progress-bar { border-color:#93c178!important }
            .article-images--red .styleH2, .article-images--red h2 { color:#93c178!important }
            .section-timeline .section__entry { background: #93c178 !important; color: #3F4041 !important }
            .section-timeline.section--red .section__entry:after { background:#93c178!important }
            .section--red .nav-timeline .nav__dot:after { background:#93c178!important }
            #slide_youtube .btn-play { position: relative; top: 65%; left: 60%; }

            .custom-control-indicator:before { background-color: #93c178 !important; }

            .audio-player progress[value] {  background-color: #3F4041 !important; color: #93c178 !important; }
            .audio-player progress::-moz-progress-bar {  background-color: #93c178 !important; color: #93c178 !important; }
            .audio-player progress::-webkit-progress-value {  background-color: #93c178 !important; color: #93c178 !important; }
            .audio-player progress {  background-color: #93c178 !important; color: #93c178 !important; }

            #cadenceAboModal li { list-style: none; }
            #cadenceAboModal li .custom-control-description { font-size: 16px; }
            /* Buttons */
            .btn-close { background-color: #93c178 !important; }
            .btn-close:hover { background-color: #3F4041 !important; }
            .btn-close:hover span {  background-color: #93c178 !important; }
            .btn.btn--bg-color:hover { color: #3F4041 !important;  }
            .btn.switchfromhover:hover { color: #93c178 !important;  }
            .btn.btn--bg-color:after { background-color: #93c178 !important }
            .btn.btn--on-color { border-color: #3F404164 !important; color: #3F4041 !important; }
            .btn.btn--bg-color:hover svg .cls-1 { fill: #3F4041 !important }
            .btn.btn--bg-color:hover svg .cls-2 { fill: #93c178 !important }
            .btn-round--dark text, .btn-round--dark path { stroke: #93c178 !important; fill: #93c178 !important }
            .btn-round--dark:hover { background: #93c178 !important }
            .btn-round--dark:hover text, .btn-round--dark:hover path { stroke: #3F4041 !important; fill: #3F4041 !important }
            .btn.btn--bg-red { color: white; border-color:#93c178; background:#93c178; }
            .btn--mail:hover svg path { fill: #93c178 !important; }

            .mfp-anim-in .mfp-close:before, .mfp-anim-in .mfp-close:after { background: #93c178 !important }
            .audio-player .cls-2, .audio-player .cls-2-play { fill: #93c178 !important; fill-rule: evenodd; }
            .list-dropdowns button strong, .list-dropdowns button span { color: #3F4041 !important }
            .list-dropdowns button:hover strong, .list-dropdowns button:hover span { color: #93c178 !important }
            .dropdown.dropdown--button.show button strong, .dropdown.dropdown--button.show button span { color: #93c178 !important }
            .dropdown.dropdown--button.show button { border-color: transparent !important }
            .dropdown--button .dropdown-toggle:before { border-color: #3F4041 transparent transparent transparent !important }
            .dropdown--button .dropdown-toggle:hover:before { border-color: #93c178 transparent transparent transparent !important }
            .dropdown--button.show .dropdown-toggle:before { border-color: #93c178 transparent transparent transparent !important }
            .btn.btn--bg-color-to-dark { background-color: #93c178 !important; border-color: #93c178 !important; color: #3F4041 !important; }
            .btn.btn--bg-color-to-dark svg .cls-1 { fill: #3F4041 !important }
            .btn.btn--bg-color-to-dark svg .cls-2 { fill: #93c178 !important }
            .btn.btn--bg-color-to-dark:hover { border-color: #3f4041 !important; color: #93c178 !important }
            .btn.btn--bg-color-to-dark:after { background-color: #3f4041 !important }
            .btn.btn--bg-color-to-dark:hover svg .cls-1 { fill: #93c178 !important }
            .btn.btn--bg-color-to-dark:hover svg .cls-2 { fill: #3f4041 !important }
            .btn-play-pause svg .cls-1-play { fill: #3f4041 !important }
            .btn-play-pause svg .cls-2-play { fill: #93c178 !important }
            .btn-play-pause:hover svg .cls-1-play { fill: #93c178 !important }
            .btn-play-pause:hover svg .cls-2-play { fill: #3f4041 !important }
            .btn-toggle:hover { background: #93c178 !important }
            .btn.btn--dark.btn--audio { background-color: #93c178 !important; border: 0; }
            .btn.btn--dark.btn--audio:hover .cls-1-play { fill: #93c178 !important; }
            .form .form-control:focus { border-color: #93c178 !important; -webkit-box-shadow: none; box-shadow: none; }
            .btn--with-icon:hover svg path, .btn--with-icon.active svg path { fill: #93c178 !important }
            .btn--with-icon.active { color: #93c178 !important }
            .nav-dropdown-alt { color: #93c178 !important }
            .list-tags:before, .nav-timeline .nav__dot:after { background: #93c178 !important }
            .btn--size2:hover, .btn--action:hover, .btn--text-red:hover { color: #93c178 !important }
            .btn-play-ldlb:after { background-size: 100% 100%; background-repeat: no-repeat; background-image: url(/assets/ldlb/images/temp/SVGs/ico-play-small-hover.svg); }

            /* Nav */
            .nav-menu { color: #3F4041 !important; }

            @media (min-width: 1199px) {
                .header .btn--icon-hover:hover { color: #93c178 !important }
                .header .btn:not(.btn--icon):hover { color: #93c178 !important }
                .btn--text-red:hover { color: #93c178 !important }
                .btn--red:hover { border-color: #93c178 !important }
                .socials--red a:hover svg path { fill: #93c178 !important }
                .btn--dark:hover { color: #93c178 !important; }
            }

            @media(min-width: 1199px){
                .paging .paging__prev:hover i { background-image: url(/assets/ldlb/images/temp/ico-arrow-left-hover.png); }
                .paging .paging__next:hover i { background-image: url(/assets/ldlb/images/temp/ico-arrow-hover.png); }
                .slider-controls .owl-btn--prev:hover i,
                .slider-controls .owl-prev:hover i { background-image: url(/assets/ldlb/images/temp/ico-arrow-left-hover.png); }

                .slider-controls .owl-btn--next:hover i,
                .slider-controls .owl-next:hover i { background-image: url(/assets/ldlb/images/temp/ico-arrow-hover.png); }

                .btn--back:hover .ico-arrow-back { background-image: url(/assets/ldlb/images/temp/ico-arrow-back-colored@2x.png); }
                .btn--back:hover .ico-arrow-back { background-image: url(/assets/ldlb/images/temp/ico-arrow-back-colored@2x.png); }
            }

            @media (max-width: 767px) {
                .header .header__nav { background:#93c178!important }
                .header:before { background:#93c178!important }

                .nav-menu .in-view { margin: auto; text-align: center; width: 100%; font-size: 1.4em; font-family: 'Canela', sans-serif; margin-bottom: 5px; }
                .nav-menu { max-width: none; margin: 0 -20px; padding: 26px 20px 18px; font-size: 17px; background: #93c178; color: #3f4041; font-family: 'Basis Grotesque', sans-serif; font-weight: 300; letter-spacing: -.01em; }
                .nav-menu ul { max-width: 335px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
                .nav-menu li { position: relative; padding: 0 8px 3px; }
                .nav-menu li:after { content: '-'; position: absolute; top: 0px; right: -3px; font-family: 'Basis Grotesque', sans-serif; font-size: 17px; font-weight: 300; color: #93c178 }
                .btn--dark:hover { color: #93c178 !important; }
                #slide_youtube .btn-play { width: 90px; position: relative; top: 86%; left: 50%; }
                .footer.footer--red { margin-top: 11px; }
                .footer .form { margin: 0 auto 0;}
                #section-appendices { margin-top:15px; }
            }

            #cookie-law-info-bar a, #cookie-law-info-bar a:hover, #cookie-law-info-bar a:visited {
                color:#93c178!important;
            }
            #cookie-law-info-bar .cookie-link {
                color:#93c178!important;
            }
            #cookie-law-info-bar .cookie-btn, #cookie-law-info-bar .cookie-btn:hover, #cookie-law-info-bar .cookie-btn:visited {
                color: #ffffff!important;
                background-color:#93c178!important;
            }


        </style>
        <!-- Facebook Pixel Code -->
    <script>
        !function(f,b,e,v,n,t,s)
        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
            n.queue=[];t=b.createElement(e);t.async=!0;
            t.src=v;s=b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t,s)}(window,document,'script',
            'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '647407429429282');
        fbq('track', 'PageView');
    </script>

    <!-- Google Analytics -->
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-12963282-17', 'auto');
        ga('send', 'pageview');
    </script>
    <script async="" src="https://www.google-analytics.com/analytics.js"></script>

    <!-- End Google Analytics -->
    <noscript>
        <img height="1" width="1"
             src="https://www.facebook.com/tr?id=647407429429282&ev=PageView
&noscript=1"/>
    </noscript>
    <!-- End Facebook Pixel Code -->

    </head>

<body class="red">
<div class="wrapper" id="base-wrapper">

            
<header class="header  fade-on-load">
    <div class="header__bar">
        <div class="container">
            <div class="header__inner d-flex justify-content-between">
                <div class="header__info">
                    <ul>
                        <li>
                            Samedi 19 septembre 2020
                        </li>

                        <li>
                            <!--input type="hidden" id="proposition-en-cours" value="LDLB"-->
                            <strong><span id="newsletter-member-count">---</span> membres</strong>
                                                            inscrits au parcours !
                                                    </li>
                    </ul>
                </div><!-- /.header__info -->

                <div class="header__actions d-flex">
                    <nav class="nav-actions hidden-xs">
                        <ul>
                            <li>
                                <a href="#" class="btn btn--icon btn--icon-hover jsToggleModal" data-toggle="" data-target="#newsletterModal">
                                    <i class="ico-mail">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="15" viewBox="0 0 22 15">
                                            <defs>
                                                <style>
                                                    .cls-1 {
                                                        fill: #fcf9f5;
                                                        fill-rule: evenodd;
                                                    }
                                                </style>
                                            </defs>
                                            <path data-name="Forme 12" class="cls-1" d="M20.257,0H1.746A1.729,1.729,0,0,0,.006,1.716V13.284A1.73,1.73,0,0,0,1.746,15h18.51A1.73,1.73,0,0,0,22,13.284V1.716A1.731,1.731,0,0,0,20.257,0ZM10.862,9.951a0.6,0.6,0,0,1-.067.057,0.3,0.3,0,0,1-.052-0.044L2.57,1.464H19.258Zm-3.91-1.8L1.489,12.766V2.464Zm1.02,1.062L9.68,10.984a1.584,1.584,0,0,0,1.113.5,1.608,1.608,0,0,0,1.126-.506L13.913,8.96,19.2,13.537H2.854Zm12.541,3.52L14.949,7.912l5.564-5.624v10.44Z"></path>
                                        </svg>
                                    </i>
                                                                            Inscrivez-vous au parcours
                                                                    </a>
                            </li>
                        </ul>
                    </nav><!-- /.nav-actions -->

                    <div class="socials">
                        <ul>
                            <li>
                                <a href="https://twitter.com/rdlv_org" target="_blank">
                                    <i class="ico-twitter">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14">
                                            <defs>
                                                <style>
                                                    .cls-1 {
                                                        fill: #fcf9f5;
                                                        fill-rule: evenodd;
                                                    }
                                                </style>
                                            </defs>
                                            <path data-name="Forme 6" class="cls-1" d="M17.074,1.642a5.784,5.784,0,0,1-2.038.529A3.361,3.361,0,0,0,16.55.235a7.343,7.343,0,0,1-2.215.881A3.161,3.161,0,0,0,11.83,0,3.557,3.557,0,0,0,8.39,4.34,9.954,9.954,0,0,1,1.163.645,3.5,3.5,0,0,0,2.269,5.336,2.934,2.934,0,0,1,.695,4.868a3.509,3.509,0,0,0,2.8,3.518,3.54,3.54,0,0,1-1.575.058,3.588,3.588,0,0,0,3.266,2.463A6.9,6.9,0,0,1,0,12.372,9.955,9.955,0,0,0,15.325,3.46,6.465,6.465,0,0,0,17.074,1.642Z"></path>
                                        </svg>

                                    </i>
                                </a>
                            </li>

                            <li>
                                <a href="https://www.instagram.com/retraite_dans_la_ville/" target="_blank">
                                    <i class="ico-instagram">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14">
                                            <defs>
                                                <style>
                                                    .cls-1 {
                                                        fill: #fcf9f5;
                                                        fill-rule: evenodd;
                                                    }
                                                </style>
                                            </defs>
                                            <path data-name="Forme 4" class="cls-1" d="M13.4,0.036H2.612A1.6,1.6,0,0,0,.97,1.666V12.429A1.583,1.583,0,0,0,2.612,14H13.458A1.632,1.632,0,0,0,15.1,12.371V1.666A1.684,1.684,0,0,0,13.4.036ZM8,4.342a2.718,2.718,0,0,1,2.7,2.676,2.7,2.7,0,0,1-5.394,0A2.717,2.717,0,0,1,8,4.342Zm5.277,7.389a0.523,0.523,0,0,1-.528.523h-9.5a0.523,0.523,0,0,1-.528-0.523V5.853H3.843a1.685,1.685,0,0,0-.119.583,1.982,1.982,0,0,0-.058.582,4.338,4.338,0,0,0,8.676,0,1.794,1.794,0,0,0-.058-0.582,2.014,2.014,0,0,0-.118-0.583H13.28v5.877Zm0-8.145a0.524,0.524,0,0,1-.528.524h-1.29a0.522,0.522,0,0,1-.526-0.524V2.3a0.522,0.522,0,0,1,.526-0.523h1.29a0.524,0.524,0,0,1,.528.523v1.28Z"></path>
                                        </svg>
                                    </i>
                                </a>
                            </li>

                            <li>
                                <a href="https://www.facebook.com/RDLV.org" target="_blank">
                                    <i class="ico-facebook">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14">
                                            <defs>
                                                <style>
                                                    .cls-1 {
                                                        fill: #fcf9f5;
                                                        fill-rule: evenodd;
                                                    }
                                                </style>
                                            </defs>
                                            <path data-name="Forme 5" class="cls-1" d="M2.7,4.691H0.938V7.019H2.7V14H5.646V7.019H7.764L8,4.691H5.646V3.7c0-.582.116-0.756,0.647-0.756H8V0.036H5.762c-2.118,0-3.06.931-3.06,2.676V4.691Z"></path>
                                        </svg>
                                    </i>
                                </a>
                            </li>

                            <li>
                                <a href="https://www.youtube.com/user/frerethierry" target="_blank">
                                    <i class="ico-youtube">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14">
                                            <defs>
                                                <style>
                                                    .cls-1 {
                                                        fill: #fcf9f5;
                                                        fill-rule: evenodd;
                                                    }
                                                </style>
                                            </defs>
                                            <path data-name="Forme 1412" class="cls-1" d="M1.592,0H2.455L3.048,2.156,3.6,0H4.469l-1,3.209V5.4H2.613V3.207ZM5.548,1.381a1.032,1.032,0,0,0-1.115,1.07V4.4A0.97,0.97,0,0,0,5.548,5.471,1.029,1.029,0,0,0,6.643,4.4V2.451A1.056,1.056,0,0,0,5.548,1.381Zm0.319,2.99a0.329,0.329,0,0,1-.319.376,0.338,0.338,0,0,1-.332-0.376V2.517a0.329,0.329,0,1,1,.651,0V4.371ZM8.7,1.414V4.438a0.789,0.789,0,0,1-.447.3c-0.164,0-.2-0.108-0.2-0.267V1.414H7.29v3.33a0.572,0.572,0,0,0,.533.711,1.209,1.209,0,0,0,.88-0.5V5.4H9.466V1.414H8.7ZM10.024,9.5C9.757,9.5,9.7,9.679,9.7,9.941v0.383h0.64V9.94C10.342,9.683,10.288,9.5,10.024,9.5ZM7.2,9.519a0.574,0.574,0,0,0-.151.115V12a0.659,0.659,0,0,0,.173.133A0.316,0.316,0,0,0,7.6,12.093a0.419,0.419,0,0,0,.065-0.262V9.872a0.482,0.482,0,0,0-.078-0.292A0.311,0.311,0,0,0,7.2,9.519Zm2.9-3.029c-1.564-.1-6.64-0.1-8.2,0C0.212,6.6.011,7.593,0,10.2c0.011,2.605.21,3.6,1.9,3.713,1.559,0.1,6.636.1,8.2,0,1.689-.112,1.887-1.1,1.9-3.713C11.987,7.6,11.791,6.6,10.1,6.489ZM2.7,12.72H1.888v-4.4H1.04V7.577H3.55V8.324H2.7v4.4h0Zm2.907,0H4.887V12.3a1.549,1.549,0,0,1-.418.352,0.568,0.568,0,0,1-.93-0.557V8.926H4.266v2.909c0,0.152.039,0.255,0.192,0.255a0.752,0.752,0,0,0,.429-0.284V8.926H5.612V12.72h0Zm2.795-.786a0.691,0.691,0,0,1-.664.834,0.84,0.84,0,0,1-.69-0.341V12.72H6.32V7.577H7.053V9.233A0.879,0.879,0,0,1,7.7,8.878a0.774,0.774,0,0,1,.707.952v2.1h0Zm2.683-1.022H9.7v0.716c0,0.285.026,0.531,0.317,0.531,0.308,0,.324-0.2.324-0.531V11.366H11.09v0.285A1.006,1.006,0,0,1,10,12.824a1.03,1.03,0,0,1-1.046-1.173v-1.7a1.057,1.057,0,0,1,1.1-1.117A0.972,0.972,0,0,1,11.09,9.948v0.964h0Z"></path>
                                        </svg>
                                    </i>
                                </a>
                            </li>
                        </ul>
                    </div><!-- /.socials -->
                </div><!-- /.header__actions -->
            </div><!-- /.header__inner -->
        </div><!-- /.container -->
    </div><!-- /.header__bar -->

    <div class="header__content">
        <div class="container">
            <div class="header__inner d-flex">
                <a href="/" class="logo">
                    <figure>
                                                    <img src="/medias/images/logo-5ea98c8ca1228351197731.png" alt="">
                        
                        <img src="/assets/ldlb/images/temp/logo-white.png" alt="">
                    </figure>

                    <p class="styleH6"><strong>Lumières</strong> dans la Bible</p>

                    <p>S&#039;arrêter, méditer la Bible</p>
                </a><!-- /.logo -->

                <div class="header__nav">
                    <nav class="nav-links">

                                                    <style>
                                @media (min-width: 767px) {
                                    .header .nav-links {margin-left: 17.2%;}
                                }
                            </style>
                            <ul class="menu-nav">
                                <li class="">
                                    <a href="/meditations">Méditations</a>
                                </li>
                                <li>
                                    <a href="/themes">Thèmes</a>
                                </li>
                                <li>
                                    <a href="" class="btn btn--icon btn--icon-hover jsToggleModal" data-toggle="" data-target="#newsletterModal">
                                        <i class="ico-mail" style="margin-bottom: 10px;">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="22" height="15" viewBox="0 0 22 15">
                                                <defs>
                                                    <style>
                                                        .cls-1 {
                                                            fill: #fcf9f5;
                                                            fill-rule: evenodd;
                                                        }
                                                    </style>
                                                </defs>
                                                <path data-name="Forme 12" class="cls-1" d="M20.257,0H1.746A1.729,1.729,0,0,0,.006,1.716V13.284A1.73,1.73,0,0,0,1.746,15h18.51A1.73,1.73,0,0,0,22,13.284V1.716A1.731,1.731,0,0,0,20.257,0ZM10.862,9.951a0.6,0.6,0,0,1-.067.057,0.3,0.3,0,0,1-.052-0.044L2.57,1.464H19.258Zm-3.91-1.8L1.489,12.766V2.464Zm1.02,1.062L9.68,10.984a1.584,1.584,0,0,0,1.113.5,1.608,1.608,0,0,0,1.126-.506L13.913,8.96,19.2,13.537H2.854Zm12.541,3.52L14.949,7.912l5.564-5.624v10.44Z"></path>
                                            </svg>
                                        </i>

                                        Inscrivez-vous <br> à la retraite
                                    </a>
                                </li>
                            </ul>
                                            </nav><!-- /.nav-links -->

                    <div class="header__nav-inner d-flex justify-content-end align-items-center">
                        <nav class="nav-actions nav-actions--alt hidden-xs">
                            <ul>
                                <li>
                                    <a href="#" class="btn btn--icon btn--icon-right btn-search" data-toggle="modal" data-target="#searchModalRed">
                                        <span>Recherche</span>

                                        <i class="ico-search">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                                                <defs>
                                                    <style>
                                                        .cls-1 {
                                                            fill: #fcf9f5;
                                                            fill-rule: evenodd;
                                                        }
                                                    </style>
                                                </defs>
                                                <path data-name="Forme 1" class="cls-1" d="M15.729,14.359l-3.31-3.282a6.821,6.821,0,0,0,1.4-4.164A6.909,6.909,0,1,0,6.909,13.8a6.992,6.992,0,0,0,4.175-1.395l3.289,3.3A0.953,0.953,0,0,0,15.03,16,0.987,0.987,0,0,0,15.729,14.359ZM1.914,6.913A5.016,5.016,0,1,1,6.909,11.9,5,5,0,0,1,1.914,6.913Z"></path>
                                            </svg>
                                        </i>
                                    </a>
                                </li>

                                <li class="dropdown">
                                    <button class="btn btn--icon btn--icon-right btn-profile dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <span>Mon compte</span>

                                        <i class="ico-profile">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15">
                                                <defs>
                                                    <style>
                                                        .cls-1 {
                                                            fill: #fcf9f5;
                                                            fill-rule: evenodd;
                                                        }
                                                    </style>
                                                </defs>
                                                <path data-name="Forme 3" class="cls-1" d="M14.822,13.31A8.87,8.87,0,0,0,10,9.613a5.208,5.208,0,0,0,2.435-4.448A5.058,5.058,0,0,0,7.5,0,5.057,5.057,0,0,0,2.566,5.165,5.211,5.211,0,0,0,5,9.613a8.866,8.866,0,0,0-4.822,3.7,1.113,1.113,0,0,0,.278,1.5,1,1,0,0,0,1.434-.291A6.687,6.687,0,0,1,7.5,11.4a6.689,6.689,0,0,1,5.611,3.122,1,1,0,0,0,1.435.291A1.116,1.116,0,0,0,14.822,13.31ZM7.5,2.167a2.937,2.937,0,0,1,2.866,3,2.938,2.938,0,0,1-2.866,3,2.938,2.938,0,0,1-2.864-3A2.937,2.937,0,0,1,7.5,2.167Z"></path>
                                            </svg>
                                        </i>
                                    </button>

                                    <div class="nav-dropdown dropdown-menu" aria-labelledby="dropdownMenuButton">
                                        <div class="nav__content">
                                                                                            <a href="/inscription" class="btn-link">Connexion</a>
                                                                                    </div><!-- /.nav__content -->
                                    </div><!-- /.nav-dropdown -->
                                </li>
                            </ul>
                        </nav><!-- /.nav-actions -->

                                                    <a href="https://retraitedanslaville.iraiser.eu/b/mon-don?cid=46&_cv=1" target="_blank"  class="btn btn--action">Faire un don</a>
                                            </div><!-- /.header__nav-inner -->

                    <div class="header__menu">
                        <div class="header__menu-inner">
                            <a href="/" class="logo logo--white">
                                <figure>
                                    <img src="/assets/ldlb/images/temp/logo-white.png" alt="">
                                </figure>

                                <p class="styleH6" style="color:#fff"><strong>Lumières</strong> dans la Bible</p>

                                <p style="color:#fff">S&#039;arrêter, méditer la Bible</p>
                            </a>
                            <nav class="nav-menu custom-color-text">
                                <ul>
                                    <li>
                                        <a href="https://www.retraitedanslaville.org/" target="_blank">Retraite dans la ville</a>
                                    </li>
                                    <li>
                                        <a href="https://dimanche.retraitedanslaville.org/" target="_blank">Dimanche dans la ville</a>
                                    </li>

                                    <li>
                                        <a href="https://priere.retraitedanslaville.org/" target="_blank">Prière dans la ville</a>
                                    </li>

                                                                            <li>
                                            <a href="https://careme.retraitedanslaville.org/" target="_blank">Carême dans la ville</a>
                                        </li>
                                        <li>
                                            <a href="https://avent.retraitedanslaville.org/" target="_blank">Avent dans la ville</a>
                                        </li>
                                    
                                    
                                    <li>
                                        <a href="https://www.theobule.org/" target="_blank">Théobule</a>
                                    </li>

                                    <li>
                                        <a href="https://www.theodom.org/" target="_blank">ThéoDom</a>
                                    </li>
                                </ul>
                            </nav><!-- /.nav-menu -->
                        </div><!-- /.header__menu-inner -->
                    </div><!-- /.header__menu -->
                </div><!-- /.header__nav -->
            </div><!-- /.header__inner -->

            <a href="#" class="btn-menu">
                <span></span>
                <span></span>
                <span></span>
            </a>

            <nav class="nav-actions nav-actions--alt hidden-sm hidden-md hidden-lg">
                <ul>
                    <li>
                        <a href="#" class="btn btn--icon btn--icon-right btn-search" data-toggle="modal" data-target="#searchModalRed">
                            <span>Recherche</span>

                            <i class="ico-search">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                                    <defs>
                                        <style>
                                            .cls-1 {
                                                fill: #fcf9f5;
                                                fill-rule: evenodd;
                                            }
                                        </style>
                                    </defs>
                                    <path data-name="Forme 1" class="cls-1" d="M15.729,14.359l-3.31-3.282a6.821,6.821,0,0,0,1.4-4.164A6.909,6.909,0,1,0,6.909,13.8a6.992,6.992,0,0,0,4.175-1.395l3.289,3.3A0.953,0.953,0,0,0,15.03,16,0.987,0.987,0,0,0,15.729,14.359ZM1.914,6.913A5.016,5.016,0,1,1,6.909,11.9,5,5,0,0,1,1.914,6.913Z"></path>
                                </svg>

                            </i>
                        </a>
                    </li>

                    <li class="dropdown">
                        <button class="btn btn--icon btn--icon-right btn-profile dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span>Mon compte</span>

                            <i class="ico-profile">
                                <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15">
                                    <defs>
                                        <style>
                                            .cls-1 {
                                                fill: #fcf9f5;
                                                fill-rule: evenodd;
                                            }
                                        </style>
                                    </defs>
                                    <path data-name="Forme 3" class="cls-1" d="M14.822,13.31A8.87,8.87,0,0,0,10,9.613a5.208,5.208,0,0,0,2.435-4.448A5.058,5.058,0,0,0,7.5,0,5.057,5.057,0,0,0,2.566,5.165,5.211,5.211,0,0,0,5,9.613a8.866,8.866,0,0,0-4.822,3.7,1.113,1.113,0,0,0,.278,1.5,1,1,0,0,0,1.434-.291A6.687,6.687,0,0,1,7.5,11.4a6.689,6.689,0,0,1,5.611,3.122,1,1,0,0,0,1.435.291A1.116,1.116,0,0,0,14.822,13.31ZM7.5,2.167a2.937,2.937,0,0,1,2.866,3,2.938,2.938,0,0,1-2.866,3,2.938,2.938,0,0,1-2.864-3A2.937,2.937,0,0,1,7.5,2.167Z"></path>
                                </svg>
                            </i>
                        </button>

                        <div class="nav-dropdown dropdown-menu" aria-labelledby="dropdownMenuButton">
                            <div class="nav__content">
                                                                    <a href="/inscription" class="btn-link">Connexion</a>
                                                            </div><!-- /.nav__content -->
                        </div><!-- /.nav-dropdown -->
                    </li>
                </ul>
            </nav><!-- /.nav-actions -->
        </div><!-- /.container -->
    </div><!-- /.header__content -->
</header><!-- /.header -->
        <div class="modal modal--search fade" id="searchModalRed" tabindex="-1" role="dialog" aria-labelledby="searchModalRedLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="container container--fluid">
            <div class="modal-content">
                <div class="modal-head">
                    <a href="/" class="logo">
                        <figure>
                                                            <img src="/medias/images/logo-5ea98c8ca1228351197731.png" alt="">
                                                        <img src="/assets/adlv/images/temp/logo-white.png" alt="">
                        </figure>

                        <p class="styleH6"><strong>Lumières</strong> dans la Bible</p>

                        <p>S&#039;arrêter, méditer la Bible</p>
                    </a><!-- /.logo -->

                    <p class="modal-hint">Fermer</p><!-- /.modal-hint -->

                    <a href="#" class="btn-close btn-close--" data-dismiss="modal">
                        <span></span>
                        <span></span>
                    </a>
                </div><!-- /.modal-head -->

                <div class="modal-entry">
                    <div class="search search--">
                        <form action="/recherche" method="get" autocomplete="off">
                            <label for="q2">
                                <i class="ico-search">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                                        <defs>
                                            <style>
                                                .cls-1 {fill: #fff;fill-rule: evenodd;}
                                            </style>
                                        </defs>
                                        <path data-name="Forme 1" class="cls-1" d="M15.729,14.359l-3.31-3.282a6.821,6.821,0,0,0,1.4-4.164A6.909,6.909,0,1,0,6.909,13.8a6.992,6.992,0,0,0,4.175-1.395l3.289,3.3A0.953,0.953,0,0,0,15.03,16,0.987,0.987,0,0,0,15.729,14.359ZM1.914,6.913A5.016,5.016,0,1,1,6.909,11.9,5,5,0,0,1,1.914,6.913Z"></path>
                                    </svg>
                                </i>

                                Saisissez votre recherche :
                            </label>

                            <input type="search" autocomplete="off" name="q" id="q2" value="" placeholder="Votre recherche" class="search__field autocomplete">

                            <button type="submit" class="search__btn hidden"></button>
                        </form>
                    </div><!-- /.search -->
                </div><!-- /.modal-entry -->
            </div><!-- /.modal-content -->
        </div><!-- /.container -->
    </div>
</div><!-- ./modal -->
    
        <div class="main">
        <div class="slider-intro slider-intro--" data-imagetranslate="0">
            <div class="slider-controls slider-controls-- delay js-reveal-content" data-type="slide-in" data-delay="200">
                <div class="slider__arrows">
                    <div class="progress progress--">
						  <span class="progress-left">
						    <span class="progress-bar"></span>
						  </span>
                        <span class="progress-right">
						    <span class="progress-bar"></span>
						  </span>
                    </div>

                    <div class="progress progress-- progress--right">
						  <span class="progress-left">
						    <span class="progress-bar"></span>
						  </span>
                        <span class="progress-right">
						    <span class="progress-bar"></span>
						  </span>
                    </div>
                </div>
            </div><!-- /.slider-controls -->

            <div class="slider__clip">
                <div class="slider__slides">
                                                                    
                        
                        <div class="slider__slide" style="background-color: black;">
                                                            <figure class="slider__slide-image" style="background-image: url(/medias/images/verite3-5ef9e2885f8e1894880892.jpg)"></figure><!-- /.slider__slide-image -->
                                <div class="slider-dark-mask"></div>

                            
                            <div class="slider__slide-content">
                                <div class="container">
                                    <div class="slider__slide-entry js-reveal" data-type="slide-in">
                                        <ul class="list-tags list-tags-- list-tags--white">
                                            <li>
                                                Méditations
                                            </li>

                                            <li>
                                                18.09.2020
                                            </li>

                                                                                            <li class="hidden-xs">
                                                    <span>Méditation</span>
                                                </li>
                                                                                    </ul><!-- /.list-tags -->

                                        <p class="styleH1">Qu’est-ce que la vérité ?</p>

                                        Pilate dit à Jésus : « Alors, tu es roi ? » Il répondit : « C’est toi-même qui dis que je suis roi. Moi, je suis né, je ...

                                        <ul class="list-actions">
                                            <li>
                                                <a href="" class="btn-fav btn-fav-- " data-typepage="MeditationPage" data-id="234">
                                                    <i class="ico-heart">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
                                                            <defs>
                                                                <style>.heart-path-1-1 {fill: none;stroke: #fff;stroke-width: 1px;opacity: 0.4;}.heart-path-1-2 {fill: #fff;fill-rule: evenodd;}</style>
                                                            </defs>
                                                            <rect data-name="Rectangle arrondi 3" class="heart-path-1-1" x="1" y="1" width="18" height="18" rx="9" ry="9"/>
                                                            <path data-name="Forme 13" class="heart-path-1-2" d="M11.912,7A2.082,2.082,0,0,0,10,8.358,2.087,2.087,0,0,0,8.088,7,2.174,2.174,0,0,0,6,9.25a2.323,2.323,0,0,0,.847,1.808L10,14l3.15-2.942A2.3,2.3,0,0,0,14,9.25,2.176,2.176,0,0,0,11.912,7Z"/>
                                                        </svg>

                                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                                            <defs>
                                                                <style>
                                                                    .heart2-path-2-1 {fill: #fc411d;}
                                                                    .heart2-path-2-2 {fill: #3f4041; fill-rule: evenodd;}
                                                                </style>
                                                            </defs>
                                                            <circle class="heart2-path-2-1" cx="16" cy="16" r="16"/>
                                                            <path id="Forme_13" data-name="Forme 13" class="heart2-path-2-2" d="M19.186,11A3.474,3.474,0,0,0,16,13.264,3.477,3.477,0,0,0,12.813,11a3.625,3.625,0,0,0-3.481,3.75,3.873,3.873,0,0,0,1.415,3.013L16,22.667l5.253-4.9a3.85,3.85,0,0,0,1.413-3.013A3.624,3.624,0,0,0,19.186,11Z"/>
                                                        </svg>
                                                    </i>

                                                    <p>
                                                        <span>Ajouter à mes favoris</span>

                                                        <span>Retirer de mes favoris</span>
                                                    </p>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="/meditation/234" class="btn btn--size2 btn--text-red">Lire la suite</a>
                                            </li>
                                        </ul><!-- /.list-actions -->
                                    </div><!-- /.slider__slide-entry -->
                                </div><!-- /.container -->
                            </div><!-- /.slider__slide-content -->
                        </div><!-- /.slider__slide -->
                                                                    
                        
                        <div class="slider__slide" style="background-color: black;">
                                                            <figure class="slider__slide-image" style="background-image: url(/medias/images/capture-teaser-yh-comp-5ebeb4e26dfff316948797.jpg)"></figure><!-- /.slider__slide-image -->
                                <div class="slider-dark-mask"></div>

                            
                            <div class="slider__slide-content">
                                <div class="container">
                                    <div class="slider__slide-entry js-reveal" data-type="slide-in">
                                        <ul class="list-tags list-tags-- list-tags--white">
                                            <li>
                                                Articles
                                            </li>

                                            <li>
                                                13.05.2020
                                            </li>

                                                                                    </ul><!-- /.list-tags -->

                                        <p class="styleH1">Alimentez votre vie spirituelle !</p>

                                        <p>Le frère Yves Habert vous présente ce nouveau parcours biblique.<br></p>

                                        <ul class="list-actions">
                                            <li>
                                                <a href="" class="btn-fav btn-fav-- " data-typepage="ArticlePage" data-id="8">
                                                    <i class="ico-heart">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
                                                            <defs>
                                                                <style>.heart-path-1-1 {fill: none;stroke: #fff;stroke-width: 1px;opacity: 0.4;}.heart-path-1-2 {fill: #fff;fill-rule: evenodd;}</style>
                                                            </defs>
                                                            <rect data-name="Rectangle arrondi 3" class="heart-path-1-1" x="1" y="1" width="18" height="18" rx="9" ry="9"/>
                                                            <path data-name="Forme 13" class="heart-path-1-2" d="M11.912,7A2.082,2.082,0,0,0,10,8.358,2.087,2.087,0,0,0,8.088,7,2.174,2.174,0,0,0,6,9.25a2.323,2.323,0,0,0,.847,1.808L10,14l3.15-2.942A2.3,2.3,0,0,0,14,9.25,2.176,2.176,0,0,0,11.912,7Z"/>
                                                        </svg>

                                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                                            <defs>
                                                                <style>
                                                                    .heart2-path-2-1 {fill: #fc411d;}
                                                                    .heart2-path-2-2 {fill: #3f4041; fill-rule: evenodd;}
                                                                </style>
                                                            </defs>
                                                            <circle class="heart2-path-2-1" cx="16" cy="16" r="16"/>
                                                            <path id="Forme_13" data-name="Forme 13" class="heart2-path-2-2" d="M19.186,11A3.474,3.474,0,0,0,16,13.264,3.477,3.477,0,0,0,12.813,11a3.625,3.625,0,0,0-3.481,3.75,3.873,3.873,0,0,0,1.415,3.013L16,22.667l5.253-4.9a3.85,3.85,0,0,0,1.413-3.013A3.624,3.624,0,0,0,19.186,11Z"/>
                                                        </svg>
                                                    </i>

                                                    <p>
                                                        <span>Ajouter à mes favoris</span>

                                                        <span>Retirer de mes favoris</span>
                                                    </p>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="/article/8" class="btn btn--size2 btn--text-red">Lire la suite</a>
                                            </li>
                                        </ul><!-- /.list-actions -->
                                    </div><!-- /.slider__slide-entry -->
                                </div><!-- /.container -->
                            </div><!-- /.slider__slide-content -->
                        </div><!-- /.slider__slide -->
                                                                    
                        
                        <div class="slider__slide" style="background-color: black;">
                                                            <figure class="slider__slide-image" style="background-image: url(/medias/images/antoine-de-la-f-paix-5f620e783d774121703114.PNG)"></figure><!-- /.slider__slide-image -->
                                <div class="slider-dark-mask"></div>

                            
                            <div class="slider__slide-content">
                                <div class="container">
                                    <div class="slider__slide-entry js-reveal" data-type="slide-in">
                                        <ul class="list-tags list-tags-- list-tags--white">
                                            <li>
                                                Thème Biblique
                                            </li>

                                            <li>
                                                16.09.2020
                                            </li>

                                                                                            <li class="hidden-xs">
                                                    <span>Lumières</span>
                                                </li>
                                                                                    </ul><!-- /.list-tags -->

                                        <p class="styleH1">Prochainement : la Paix</p>

                                        <p>A partir du 21 septembre, nous méditons les textes bibliques sur le thème de la « Paix » avec le frère Antoine de la Fayolle</p>

                                        <ul class="list-actions">
                                            <li>
                                                <a href="" class="btn-fav btn-fav-- " data-typepage="Thème BibliquePage" data-id="6">
                                                    <i class="ico-heart">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
                                                            <defs>
                                                                <style>.heart-path-1-1 {fill: none;stroke: #fff;stroke-width: 1px;opacity: 0.4;}.heart-path-1-2 {fill: #fff;fill-rule: evenodd;}</style>
                                                            </defs>
                                                            <rect data-name="Rectangle arrondi 3" class="heart-path-1-1" x="1" y="1" width="18" height="18" rx="9" ry="9"/>
                                                            <path data-name="Forme 13" class="heart-path-1-2" d="M11.912,7A2.082,2.082,0,0,0,10,8.358,2.087,2.087,0,0,0,8.088,7,2.174,2.174,0,0,0,6,9.25a2.323,2.323,0,0,0,.847,1.808L10,14l3.15-2.942A2.3,2.3,0,0,0,14,9.25,2.176,2.176,0,0,0,11.912,7Z"/>
                                                        </svg>

                                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                                            <defs>
                                                                <style>
                                                                    .heart2-path-2-1 {fill: #fc411d;}
                                                                    .heart2-path-2-2 {fill: #3f4041; fill-rule: evenodd;}
                                                                </style>
                                                            </defs>
                                                            <circle class="heart2-path-2-1" cx="16" cy="16" r="16"/>
                                                            <path id="Forme_13" data-name="Forme 13" class="heart2-path-2-2" d="M19.186,11A3.474,3.474,0,0,0,16,13.264,3.477,3.477,0,0,0,12.813,11a3.625,3.625,0,0,0-3.481,3.75,3.873,3.873,0,0,0,1.415,3.013L16,22.667l5.253-4.9a3.85,3.85,0,0,0,1.413-3.013A3.624,3.624,0,0,0,19.186,11Z"/>
                                                        </svg>
                                                    </i>

                                                    <p>
                                                        <span>Ajouter à mes favoris</span>

                                                        <span>Retirer de mes favoris</span>
                                                    </p>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="/theme/6" class="btn btn--size2 btn--text-red">Lire la suite</a>
                                            </li>
                                        </ul><!-- /.list-actions -->
                                    </div><!-- /.slider__slide-entry -->
                                </div><!-- /.container -->
                            </div><!-- /.slider__slide-content -->
                        </div><!-- /.slider__slide -->
                                                                    
                        
                        <div class="slider__slide" style="background-color: black;">
                                                            <figure class="slider__slide-image" style="background-image: url(/medias/images/photographe-ldb-5ec23984b866f313740468.jpg)"></figure><!-- /.slider__slide-image -->
                                <div class="slider-dark-mask"></div>

                            
                            <div class="slider__slide-content">
                                <div class="container">
                                    <div class="slider__slide-entry js-reveal" data-type="slide-in">
                                        <ul class="list-tags list-tags-- list-tags--white">
                                            <li>
                                                Articles
                                            </li>

                                            <li>
                                                18.05.2020
                                            </li>

                                                                                    </ul><!-- /.list-tags -->

                                        <p class="styleH1">Capteur de lumière</p>

                                        <p>Portrait de Dominique Lefèvre, photographe, qui illustre les méditations de Lumières dans la Bible<br></p>

                                        <ul class="list-actions">
                                            <li>
                                                <a href="" class="btn-fav btn-fav-- " data-typepage="ArticlePage" data-id="11">
                                                    <i class="ico-heart">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
                                                            <defs>
                                                                <style>.heart-path-1-1 {fill: none;stroke: #fff;stroke-width: 1px;opacity: 0.4;}.heart-path-1-2 {fill: #fff;fill-rule: evenodd;}</style>
                                                            </defs>
                                                            <rect data-name="Rectangle arrondi 3" class="heart-path-1-1" x="1" y="1" width="18" height="18" rx="9" ry="9"/>
                                                            <path data-name="Forme 13" class="heart-path-1-2" d="M11.912,7A2.082,2.082,0,0,0,10,8.358,2.087,2.087,0,0,0,8.088,7,2.174,2.174,0,0,0,6,9.25a2.323,2.323,0,0,0,.847,1.808L10,14l3.15-2.942A2.3,2.3,0,0,0,14,9.25,2.176,2.176,0,0,0,11.912,7Z"/>
                                                        </svg>

                                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                                            <defs>
                                                                <style>
                                                                    .heart2-path-2-1 {fill: #fc411d;}
                                                                    .heart2-path-2-2 {fill: #3f4041; fill-rule: evenodd;}
                                                                </style>
                                                            </defs>
                                                            <circle class="heart2-path-2-1" cx="16" cy="16" r="16"/>
                                                            <path id="Forme_13" data-name="Forme 13" class="heart2-path-2-2" d="M19.186,11A3.474,3.474,0,0,0,16,13.264,3.477,3.477,0,0,0,12.813,11a3.625,3.625,0,0,0-3.481,3.75,3.873,3.873,0,0,0,1.415,3.013L16,22.667l5.253-4.9a3.85,3.85,0,0,0,1.413-3.013A3.624,3.624,0,0,0,19.186,11Z"/>
                                                        </svg>
                                                    </i>

                                                    <p>
                                                        <span>Ajouter à mes favoris</span>

                                                        <span>Retirer de mes favoris</span>
                                                    </p>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="/article/11" class="btn btn--size2 btn--text-red">Lire la suite</a>
                                            </li>
                                        </ul><!-- /.list-actions -->
                                    </div><!-- /.slider__slide-entry -->
                                </div><!-- /.container -->
                            </div><!-- /.slider__slide-content -->
                        </div><!-- /.slider__slide -->
                                                                    
                        
                        <div class="slider__slide" style="background-color: black;">
                                                            <figure class="slider__slide-image" style="background-image: url(/medias/images/beaufort-5ed641dcb8889163355071.jpg)"></figure><!-- /.slider__slide-image -->
                                <div class="slider-dark-mask"></div>

                            
                            <div class="slider__slide-content">
                                <div class="container">
                                    <div class="slider__slide-entry js-reveal" data-type="slide-in">
                                        <ul class="list-tags list-tags-- list-tags--white">
                                            <li>
                                                Articles
                                            </li>

                                            <li>
                                                02.06.2020
                                            </li>

                                                                                    </ul><!-- /.list-tags -->

                                        <p class="styleH1">La musique des soeurs de Beaufort</p>

                                        <p>Les soeurs dominicaines de Beaufort ont composé les musiques d'introduction aux textes bibliques</p>

                                        <ul class="list-actions">
                                            <li>
                                                <a href="" class="btn-fav btn-fav-- " data-typepage="ArticlePage" data-id="13">
                                                    <i class="ico-heart">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
                                                            <defs>
                                                                <style>.heart-path-1-1 {fill: none;stroke: #fff;stroke-width: 1px;opacity: 0.4;}.heart-path-1-2 {fill: #fff;fill-rule: evenodd;}</style>
                                                            </defs>
                                                            <rect data-name="Rectangle arrondi 3" class="heart-path-1-1" x="1" y="1" width="18" height="18" rx="9" ry="9"/>
                                                            <path data-name="Forme 13" class="heart-path-1-2" d="M11.912,7A2.082,2.082,0,0,0,10,8.358,2.087,2.087,0,0,0,8.088,7,2.174,2.174,0,0,0,6,9.25a2.323,2.323,0,0,0,.847,1.808L10,14l3.15-2.942A2.3,2.3,0,0,0,14,9.25,2.176,2.176,0,0,0,11.912,7Z"/>
                                                        </svg>

                                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                                            <defs>
                                                                <style>
                                                                    .heart2-path-2-1 {fill: #fc411d;}
                                                                    .heart2-path-2-2 {fill: #3f4041; fill-rule: evenodd;}
                                                                </style>
                                                            </defs>
                                                            <circle class="heart2-path-2-1" cx="16" cy="16" r="16"/>
                                                            <path id="Forme_13" data-name="Forme 13" class="heart2-path-2-2" d="M19.186,11A3.474,3.474,0,0,0,16,13.264,3.477,3.477,0,0,0,12.813,11a3.625,3.625,0,0,0-3.481,3.75,3.873,3.873,0,0,0,1.415,3.013L16,22.667l5.253-4.9a3.85,3.85,0,0,0,1.413-3.013A3.624,3.624,0,0,0,19.186,11Z"/>
                                                        </svg>
                                                    </i>

                                                    <p>
                                                        <span>Ajouter à mes favoris</span>

                                                        <span>Retirer de mes favoris</span>
                                                    </p>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="/article/13" class="btn btn--size2 btn--text-red">Lire la suite</a>
                                            </li>
                                        </ul><!-- /.list-actions -->
                                    </div><!-- /.slider__slide-entry -->
                                </div><!-- /.container -->
                            </div><!-- /.slider__slide-content -->
                        </div><!-- /.slider__slide -->
                                                                    
                        
                        <div class="slider__slide" style="background-color: black;">
                                                            <figure class="slider__slide-image" style="background-image: url(/medias/images/2comediens-2020-5ec3f2181984e486116634.jpg)"></figure><!-- /.slider__slide-image -->
                                <div class="slider-dark-mask"></div>

                            
                            <div class="slider__slide-content">
                                <div class="container">
                                    <div class="slider__slide-entry js-reveal" data-type="slide-in">
                                        <ul class="list-tags list-tags-- list-tags--white">
                                            <li>
                                                Articles
                                            </li>

                                            <li>
                                                15.05.2020
                                            </li>

                                                                                    </ul><!-- /.list-tags -->

                                        <p class="styleH1">Ils prêtent leurs voix à la Bible</p>

                                        <p>Portraits des comédiens Sophie Fogarassy et de Fitzgerald Berthon, qui lisent les textes bibliques médités</p>

                                        <ul class="list-actions">
                                            <li>
                                                <a href="" class="btn-fav btn-fav-- " data-typepage="ArticlePage" data-id="9">
                                                    <i class="ico-heart">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
                                                            <defs>
                                                                <style>.heart-path-1-1 {fill: none;stroke: #fff;stroke-width: 1px;opacity: 0.4;}.heart-path-1-2 {fill: #fff;fill-rule: evenodd;}</style>
                                                            </defs>
                                                            <rect data-name="Rectangle arrondi 3" class="heart-path-1-1" x="1" y="1" width="18" height="18" rx="9" ry="9"/>
                                                            <path data-name="Forme 13" class="heart-path-1-2" d="M11.912,7A2.082,2.082,0,0,0,10,8.358,2.087,2.087,0,0,0,8.088,7,2.174,2.174,0,0,0,6,9.25a2.323,2.323,0,0,0,.847,1.808L10,14l3.15-2.942A2.3,2.3,0,0,0,14,9.25,2.176,2.176,0,0,0,11.912,7Z"/>
                                                        </svg>

                                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                                            <defs>
                                                                <style>
                                                                    .heart2-path-2-1 {fill: #fc411d;}
                                                                    .heart2-path-2-2 {fill: #3f4041; fill-rule: evenodd;}
                                                                </style>
                                                            </defs>
                                                            <circle class="heart2-path-2-1" cx="16" cy="16" r="16"/>
                                                            <path id="Forme_13" data-name="Forme 13" class="heart2-path-2-2" d="M19.186,11A3.474,3.474,0,0,0,16,13.264,3.477,3.477,0,0,0,12.813,11a3.625,3.625,0,0,0-3.481,3.75,3.873,3.873,0,0,0,1.415,3.013L16,22.667l5.253-4.9a3.85,3.85,0,0,0,1.413-3.013A3.624,3.624,0,0,0,19.186,11Z"/>
                                                        </svg>
                                                    </i>

                                                    <p>
                                                        <span>Ajouter à mes favoris</span>

                                                        <span>Retirer de mes favoris</span>
                                                    </p>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="/article/9" class="btn btn--size2 btn--text-red">Lire la suite</a>
                                            </li>
                                        </ul><!-- /.list-actions -->
                                    </div><!-- /.slider__slide-entry -->
                                </div><!-- /.container -->
                            </div><!-- /.slider__slide-content -->
                        </div><!-- /.slider__slide -->
                                    </div><!-- /.slider__slides -->
            </div><!-- /.slider__clip -->
        </div><!-- /.slider-intro -->

                    <section class="section-about section-about--">
                <header class="section__head js-reveal-content" data-type="slide-in">
                    <div class="container container--fluid">
                        <div class="section__content">
                            <figure class="section__shape">
                                <img src="/assets/ldlb/images/temp/ico-cross.png" alt="" width="179" height="259" >
                            </figure><!-- /.section__shape -->

                            <div class="section__entry">
                                <h1>Méditations</h1>

                                                                    <p class="">Découvrez les dernières méditations du parcours biblique</p>
                                
                                <a href="/meditations?meditation=true" class="btn btn--on-color switchfromhover">Voir toutes les méditations</a>
                            </div><!-- /.section__entry -->
                        </div><!-- /.section__content -->
                    </div><!-- /.container -->
                </header><!-- /.section__head -->

                <div class="section__body">
                    <div class="container">
                        <div class="slider-links js-reveal-content" data-type="slide-in" id="slider-links-1" data-slidesnum="2" data-imagetranslate="100">
                            <div class="slider-controls slider-controls--">
                                                                    <div class="slider__arrows">
                                        <button type="button" role="presentation" class="owl-btn owl-btn--prev">
                                            <i class="ico-arrow-dark-left"></i>
                                        </button>

                                        <button type="button" role="presentation" class="owl-btn owl-btn--next">
                                            <i class="ico-arrow-dark"></i>
                                        </button>
                                    </div><!-- /.slider__arrows -->

                                    <div class="slider__dots">
                                        <button type="button" role="button" class="owl-dot-paging active">
                                            <span></span>
                                        </button>

                                        <button type="button" role="button" class="owl-dot-paging">
                                            <span></span>
                                        </button>
                                    </div><!-- /.slider__dots -->
                                                            </div><!-- /.slider-controls -->

                            <div class="slider__clip">
                                <div class="slider__cols">
                                                                            <div class="slider__col ">
                                            <div class="slider__slides">
                                                        
    <div class="slider__slide ">
        <div class="link link--content-size2">
            <div class="link__head">
                <div class="link__image">
                    <a href="/meditation/234">
                                                    <figure style="background-image: url(/medias/images/verite3-5ef9e2885f8e1894880892.jpg);"></figure>
                                            </a>
                </div><!-- /.link__image -->

                <ul class="list-actions list-actions--red d-flex">
                                            <li>
                            <a href="#" class="btn-play-small jsPlayAudioItem" onclick="ga('send', 'event', 'Meditation : Vérité - Qu&#039;est-ce que la vérité ?', 'Bloc(s) : Player audio', 'CTA : Play')">
                                <i class="ico-play-small">
                                    <img src="/assets/ldlb/images/temp/SVGs/ico-play-small.svg" alt="">

                                    <img src="/assets/ldlb/images/temp/SVGs/ico-play-small-hover.svg" alt="">
                                </i>
                            </a>

                            <div class="audio__container hidden" data-audio-id="234" data-audio-index="0">
                                <div class="audio-title">Méditation</div>
                                <div class="audio-subtitle">Vérité - Qu&#039;est-ce que la vérité ?</div>
                                                                    <div class="audio-image">/medias/images/verite3-5ef9e2885f8e1894880892.jpg</div>
                                                                <div class="audio-source">/medias/audios/appartenir-a-la-verite-corrige-5efeec28779c7805917990.mp3</div>
                            </div><!-- /.audio__container -->
                        </li>
                    
                    <li>
                        <a href="" class="btn-fav " data-typePage="MeditationPage" data-id="234"
                           onclick="ga('send', 'event', 'Meditation : Vérité - Qu&#039;est-ce que la vérité ?', 'Bloc(s) : ajouter à mes favoris', 'CTA : ajouter à mes favoris')" >
                            <i class="ico-heart">
                                <img src="/assets/app/images/temp/SVGs/ico-heart.svg" alt="">

                                <img src="/assets/ldlb/images/temp/SVGs/ico-heart-hover.svg" alt="">
                            </i>

                            <p>
                                <span>Ajouter à mes favoris</span>

                                <span>Retirer de mes favoris</span>
                            </p>
                        </a>
                    </li>
                </ul><!-- /.list-actions -->
            </div><!-- /.link__head -->

            <div class="link__content">
                <ul class="list-tags list-tags--red">
                    <li>
                        Meditation
                    </li>

                    <li>
                        18.09.2020
                    </li>
                </ul><!-- /.list-tags -->

                                    <div class="title-scroll">
                        <p class="styleH4">Vérité<span class="separator">|</span>Qu’est-ce que la vérité ?</p>
                    </div>
                    <p>Pilate dit à Jésus : « Alors, tu es roi ? » Il répondit : « C’est toi-même qui dis que je suis roi. Moi, je suis né, je suis venu dans...</p>
                
                <a href="/meditation/234" class="btn-more">
                    <i class="ico-link-more">
                        <img src="/assets/app/images/temp/SVGs/ico-link-more.svg" alt="">
                    </i>
                    Lire la suite
                </a>
            </div><!-- /.link__content -->
        </div><!-- /.link -->
    </div><!-- /.slider__slide -->
                                                                                                                                                                
    <div class="slider__slide hidden-xs">
        <div class="link link--content-size2">
            <div class="link__head">
                <div class="link__image">
                    <a href="/meditation/231">
                                                    <figure style="background-image: url(/medias/images/verite3-5ef9e2885f8e1894880892.jpg);"></figure>
                                            </a>
                </div><!-- /.link__image -->

                <ul class="list-actions list-actions--red d-flex">
                                            <li>
                            <a href="#" class="btn-play-small jsPlayAudioItem" onclick="ga('send', 'event', 'Meditation : Vérité - Il l’a fait connaître', 'Bloc(s) : Player audio', 'CTA : Play')">
                                <i class="ico-play-small">
                                    <img src="/assets/ldlb/images/temp/SVGs/ico-play-small.svg" alt="">

                                    <img src="/assets/ldlb/images/temp/SVGs/ico-play-small-hover.svg" alt="">
                                </i>
                            </a>

                            <div class="audio__container hidden" data-audio-id="231" data-audio-index="3">
                                <div class="audio-title">Méditation</div>
                                <div class="audio-subtitle">Vérité - Il l’a fait connaître</div>
                                                                    <div class="audio-image">/medias/images/verite3-5ef9e2885f8e1894880892.jpg</div>
                                                                <div class="audio-source">/medias/audios/la-verite-et-la-vie-corrige-5efeec62424b8735063549.mp3</div>
                            </div><!-- /.audio__container -->
                        </li>
                    
                    <li>
                        <a href="" class="btn-fav " data-typePage="MeditationPage" data-id="231"
                           onclick="ga('send', 'event', 'Meditation : Vérité - Il l’a fait connaître', 'Bloc(s) : ajouter à mes favoris', 'CTA : ajouter à mes favoris')" >
                            <i class="ico-heart">
                                <img src="/assets/app/images/temp/SVGs/ico-heart.svg" alt="">

                                <img src="/assets/ldlb/images/temp/SVGs/ico-heart-hover.svg" alt="">
                            </i>

                            <p>
                                <span>Ajouter à mes favoris</span>

                                <span>Retirer de mes favoris</span>
                            </p>
                        </a>
                    </li>
                </ul><!-- /.list-actions -->
            </div><!-- /.link__head -->

            <div class="link__content">
                <ul class="list-tags list-tags--red">
                    <li>
                        Meditation
                    </li>

                    <li>
                        11.09.2020
                    </li>
                </ul><!-- /.list-tags -->

                                    <div class="title-scroll">
                        <p class="styleH4">Vérité<span class="separator">|</span>Il l’a fait connaître</p>
                    </div>
                    <p>Tous nous avons eu part à sa plénitude, nous avons reçu grâce après grâce ; car la Loi fut donnée par Moïse, la grâce et la vérité sont ve...</p>
                
                <a href="/meditation/231" class="btn-more">
                    <i class="ico-link-more">
                        <img src="/assets/app/images/temp/SVGs/ico-link-more.svg" alt="">
                    </i>
                    Lire la suite
                </a>
            </div><!-- /.link__content -->
        </div><!-- /.link -->
    </div><!-- /.slider__slide -->
                                                                                                                                                                                                                
    <div class="slider__slide hidden-lg hidden-md hidden-sm">
        <div class="link link--content-size2">
            <div class="link__head">
                <div class="link__image">
                    <a href="/meditation/233">
                                                    <figure style="background-image: url(/medias/images/verite2-5ef9e26e842d8005761597.jpg);"></figure>
                                            </a>
                </div><!-- /.link__image -->

                <ul class="list-actions list-actions--red d-flex">
                                            <li>
                            <a href="#" class="btn-play-small jsPlayAudioItem" onclick="ga('send', 'event', 'Meditation : Vérité - L&#039;esprit de vérité', 'Bloc(s) : Player audio', 'CTA : Play')">
                                <i class="ico-play-small">
                                    <img src="/assets/ldlb/images/temp/SVGs/ico-play-small.svg" alt="">

                                    <img src="/assets/ldlb/images/temp/SVGs/ico-play-small-hover.svg" alt="">
                                </i>
                            </a>

                            <div class="audio__container hidden" data-audio-id="233" data-audio-index="0">
                                <div class="audio-title">Méditation</div>
                                <div class="audio-subtitle">Vérité - L&#039;esprit de vérité</div>
                                                                    <div class="audio-image">/medias/images/verite2-5ef9e26e842d8005761597.jpg</div>
                                                                <div class="audio-source">/medias/audios/la-verite-de-ma-vie-corrige-5efeeb9c2c93d317220905.mp3</div>
                            </div><!-- /.audio__container -->
                        </li>
                    
                    <li>
                        <a href="" class="btn-fav " data-typePage="MeditationPage" data-id="233"
                           onclick="ga('send', 'event', 'Meditation : Vérité - L&#039;esprit de vérité', 'Bloc(s) : ajouter à mes favoris', 'CTA : ajouter à mes favoris')" >
                            <i class="ico-heart">
                                <img src="/assets/app/images/temp/SVGs/ico-heart.svg" alt="">

                                <img src="/assets/ldlb/images/temp/SVGs/ico-heart-hover.svg" alt="">
                            </i>

                            <p>
                                <span>Ajouter à mes favoris</span>

                                <span>Retirer de mes favoris</span>
                            </p>
                        </a>
                    </li>
                </ul><!-- /.list-actions -->
            </div><!-- /.link__head -->

            <div class="link__content">
                <ul class="list-tags list-tags--red">
                    <li>
                        Meditation
                    </li>

                    <li>
                        16.09.2020
                    </li>
                </ul><!-- /.list-tags -->

                                    <div class="title-scroll">
                        <p class="styleH4">Vérité<span class="separator">|</span>L’Esprit de vérité</p>
                    </div>
                    <p>J’ai encore beaucoup de choses à vous dire, mais pour l’instant vous ne pouvez pas les porter. Quand il viendra, lui, l’Esprit de vérité, il ...</p>
                
                <a href="/meditation/233" class="btn-more">
                    <i class="ico-link-more">
                        <img src="/assets/app/images/temp/SVGs/ico-link-more.svg" alt="">
                    </i>
                    Lire la suite
                </a>
            </div><!-- /.link__content -->
        </div><!-- /.link -->
    </div><!-- /.slider__slide -->
                                                                                                                                            </div><!-- /.slider__slides -->
                                        </div><!-- /.slider__col -->
                                                                            <div class="slider__col  hidden-xs ">
                                            <div class="slider__slides">
                                                        
    <div class="slider__slide ">
        <div class="link link--content-size2">
            <div class="link__head">
                <div class="link__image">
                    <a href="/meditation/233">
                                                    <figure style="background-image: url(/medias/images/verite2-5ef9e26e842d8005761597.jpg);"></figure>
                                            </a>
                </div><!-- /.link__image -->

                <ul class="list-actions list-actions--red d-flex">
                                            <li>
                            <a href="#" class="btn-play-small jsPlayAudioItem" onclick="ga('send', 'event', 'Meditation : Vérité - L&#039;esprit de vérité', 'Bloc(s) : Player audio', 'CTA : Play')">
                                <i class="ico-play-small">
                                    <img src="/assets/ldlb/images/temp/SVGs/ico-play-small.svg" alt="">

                                    <img src="/assets/ldlb/images/temp/SVGs/ico-play-small-hover.svg" alt="">
                                </i>
                            </a>

                            <div class="audio__container hidden" data-audio-id="233" data-audio-index="1">
                                <div class="audio-title">Méditation</div>
                                <div class="audio-subtitle">Vérité - L&#039;esprit de vérité</div>
                                                                    <div class="audio-image">/medias/images/verite2-5ef9e26e842d8005761597.jpg</div>
                                                                <div class="audio-source">/medias/audios/la-verite-de-ma-vie-corrige-5efeeb9c2c93d317220905.mp3</div>
                            </div><!-- /.audio__container -->
                        </li>
                    
                    <li>
                        <a href="" class="btn-fav " data-typePage="MeditationPage" data-id="233"
                           onclick="ga('send', 'event', 'Meditation : Vérité - L&#039;esprit de vérité', 'Bloc(s) : ajouter à mes favoris', 'CTA : ajouter à mes favoris')" >
                            <i class="ico-heart">
                                <img src="/assets/app/images/temp/SVGs/ico-heart.svg" alt="">

                                <img src="/assets/ldlb/images/temp/SVGs/ico-heart-hover.svg" alt="">
                            </i>

                            <p>
                                <span>Ajouter à mes favoris</span>

                                <span>Retirer de mes favoris</span>
                            </p>
                        </a>
                    </li>
                </ul><!-- /.list-actions -->
            </div><!-- /.link__head -->

            <div class="link__content">
                <ul class="list-tags list-tags--red">
                    <li>
                        Meditation
                    </li>

                    <li>
                        16.09.2020
                    </li>
                </ul><!-- /.list-tags -->

                                    <div class="title-scroll">
                        <p class="styleH4">Vérité<span class="separator">|</span>L’Esprit de vérité</p>
                    </div>
                    <p>J’ai encore beaucoup de choses à vous dire, mais pour l’instant vous ne pouvez pas les porter. Quand il viendra, lui, l’Esprit de vérité, il ...</p>
                
                <a href="/meditation/233" class="btn-more">
                    <i class="ico-link-more">
                        <img src="/assets/app/images/temp/SVGs/ico-link-more.svg" alt="">
                    </i>
                    Lire la suite
                </a>
            </div><!-- /.link__content -->
        </div><!-- /.link -->
    </div><!-- /.slider__slide -->
                                                                                                                                                                
    <div class="slider__slide hidden-xs">
        <div class="link link--content-size2">
            <div class="link__head">
                <div class="link__image">
                    <a href="/meditation/230">
                                                    <figure style="background-image: url(/medias/images/verite2-5ef9e26e842d8005761597.jpg);"></figure>
                                            </a>
                </div><!-- /.link__image -->

                <ul class="list-actions list-actions--red d-flex">
                                            <li>
                            <a href="#" class="btn-play-small jsPlayAudioItem" onclick="ga('send', 'event', 'Meditation : Vérité - Amour et vérité', 'Bloc(s) : Player audio', 'CTA : Play')">
                                <i class="ico-play-small">
                                    <img src="/assets/ldlb/images/temp/SVGs/ico-play-small.svg" alt="">

                                    <img src="/assets/ldlb/images/temp/SVGs/ico-play-small-hover.svg" alt="">
                                </i>
                            </a>

                            <div class="audio__container hidden" data-audio-id="230" data-audio-index="4">
                                <div class="audio-title">Méditation</div>
                                <div class="audio-subtitle">Vérité - Amour et vérité</div>
                                                                    <div class="audio-image">/medias/images/verite2-5ef9e26e842d8005761597.jpg</div>
                                                                <div class="audio-source">/medias/audios/pratiquer-la-verite-corrige-5efeebaf5b6af529464860.mp3</div>
                            </div><!-- /.audio__container -->
                        </li>
                    
                    <li>
                        <a href="" class="btn-fav " data-typePage="MeditationPage" data-id="230"
                           onclick="ga('send', 'event', 'Meditation : Vérité - Amour et vérité', 'Bloc(s) : ajouter à mes favoris', 'CTA : ajouter à mes favoris')" >
                            <i class="ico-heart">
                                <img src="/assets/app/images/temp/SVGs/ico-heart.svg" alt="">

                                <img src="/assets/ldlb/images/temp/SVGs/ico-heart-hover.svg" alt="">
                            </i>

                            <p>
                                <span>Ajouter à mes favoris</span>

                                <span>Retirer de mes favoris</span>
                            </p>
                        </a>
                    </li>
                </ul><!-- /.list-actions -->
            </div><!-- /.link__head -->

            <div class="link__content">
                <ul class="list-tags list-tags--red">
                    <li>
                        Meditation
                    </li>

                    <li>
                        09.09.2020
                    </li>
                </ul><!-- /.list-tags -->

                                    <div class="title-scroll">
                        <p class="styleH4">Vérité<span class="separator">|</span>Amour et vérité</p>
                    </div>
                    <p>Son salut est proche de ceux qui le craignent, et la gloire habitera notre terre. Amour et vérité se rencontrent, justice et paix s'embrassent ; la...</p>
                
                <a href="/meditation/230" class="btn-more">
                    <i class="ico-link-more">
                        <img src="/assets/app/images/temp/SVGs/ico-link-more.svg" alt="">
                    </i>
                    Lire la suite
                </a>
            </div><!-- /.link__content -->
        </div><!-- /.link -->
    </div><!-- /.slider__slide -->
                                                                                                                                                                                            </div><!-- /.slider__slides -->
                                        </div><!-- /.slider__col -->
                                                                            <div class="slider__col ">
                                            <div class="slider__slides">
                                                        
    <div class="slider__slide ">
        <div class="link link--content-size2">
            <div class="link__head">
                <div class="link__image">
                    <a href="/meditation/232">
                                                    <figure style="background-image: url(/medias/images/verite1-5ef9e25a61002129926464.jpg);"></figure>
                                            </a>
                </div><!-- /.link__image -->

                <ul class="list-actions list-actions--red d-flex">
                                            <li>
                            <a href="#" class="btn-play-small jsPlayAudioItem" onclick="ga('send', 'event', 'Meditation : Vérité - Adorer en esprit et en vérité', 'Bloc(s) : Player audio', 'CTA : Play')">
                                <i class="ico-play-small">
                                    <img src="/assets/ldlb/images/temp/SVGs/ico-play-small.svg" alt="">

                                    <img src="/assets/ldlb/images/temp/SVGs/ico-play-small-hover.svg" alt="">
                                </i>
                            </a>

                            <div class="audio__container hidden" data-audio-id="232" data-audio-index="2">
                                <div class="audio-title">Méditation</div>
                                <div class="audio-subtitle">Vérité - Adorer en esprit et en vérité</div>
                                                                    <div class="audio-image">/medias/images/verite1-5ef9e25a61002129926464.jpg</div>
                                                                <div class="audio-source">/medias/audios/il-te-cherche-en-verite-corrige-5efeec44c0c1c176008107.mp3</div>
                            </div><!-- /.audio__container -->
                        </li>
                    
                    <li>
                        <a href="" class="btn-fav " data-typePage="MeditationPage" data-id="232"
                           onclick="ga('send', 'event', 'Meditation : Vérité - Adorer en esprit et en vérité', 'Bloc(s) : ajouter à mes favoris', 'CTA : ajouter à mes favoris')" >
                            <i class="ico-heart">
                                <img src="/assets/app/images/temp/SVGs/ico-heart.svg" alt="">

                                <img src="/assets/ldlb/images/temp/SVGs/ico-heart-hover.svg" alt="">
                            </i>

                            <p>
                                <span>Ajouter à mes favoris</span>

                                <span>Retirer de mes favoris</span>
                            </p>
                        </a>
                    </li>
                </ul><!-- /.list-actions -->
            </div><!-- /.link__head -->

            <div class="link__content">
                <ul class="list-tags list-tags--red">
                    <li>
                        Meditation
                    </li>

                    <li>
                        14.09.2020
                    </li>
                </ul><!-- /.list-tags -->

                                    <div class="title-scroll">
                        <p class="styleH4">Vérité<span class="separator">|</span>Adorer en esprit et en vérité</p>
                    </div>
                    <p>L’heure vient – et c’est maintenant – où les vrais adorateurs adoreront le Père en esprit et vérité : tels sont les adorateurs que rech...</p>
                
                <a href="/meditation/232" class="btn-more">
                    <i class="ico-link-more">
                        <img src="/assets/app/images/temp/SVGs/ico-link-more.svg" alt="">
                    </i>
                    Lire la suite
                </a>
            </div><!-- /.link__content -->
        </div><!-- /.link -->
    </div><!-- /.slider__slide -->
                                                                                                                                                                
    <div class="slider__slide hidden-xs">
        <div class="link link--content-size2">
            <div class="link__head">
                <div class="link__image">
                    <a href="/meditation/229">
                                                    <figure style="background-image: url(/medias/images/verite1-5ef9e25a61002129926464.jpg);"></figure>
                                            </a>
                </div><!-- /.link__image -->

                <ul class="list-actions list-actions--red d-flex">
                                            <li>
                            <a href="#" class="btn-play-small jsPlayAudioItem" onclick="ga('send', 'event', 'Meditation : Vérité - Au fond de moi la vérité', 'Bloc(s) : Player audio', 'CTA : Play')">
                                <i class="ico-play-small">
                                    <img src="/assets/ldlb/images/temp/SVGs/ico-play-small.svg" alt="">

                                    <img src="/assets/ldlb/images/temp/SVGs/ico-play-small-hover.svg" alt="">
                                </i>
                            </a>

                            <div class="audio__container hidden" data-audio-id="229" data-audio-index="5">
                                <div class="audio-title">Méditation</div>
                                <div class="audio-subtitle">Vérité - Au fond de moi la vérité</div>
                                                                    <div class="audio-image">/medias/images/verite1-5ef9e25a61002129926464.jpg</div>
                                                                <div class="audio-source">/medias/audios/verite-et-pardon-corrige-5efeec9600b3a759773670.mp3</div>
                            </div><!-- /.audio__container -->
                        </li>
                    
                    <li>
                        <a href="" class="btn-fav " data-typePage="MeditationPage" data-id="229"
                           onclick="ga('send', 'event', 'Meditation : Vérité - Au fond de moi la vérité', 'Bloc(s) : ajouter à mes favoris', 'CTA : ajouter à mes favoris')" >
                            <i class="ico-heart">
                                <img src="/assets/app/images/temp/SVGs/ico-heart.svg" alt="">

                                <img src="/assets/ldlb/images/temp/SVGs/ico-heart-hover.svg" alt="">
                            </i>

                            <p>
                                <span>Ajouter à mes favoris</span>

                                <span>Retirer de mes favoris</span>
                            </p>
                        </a>
                    </li>
                </ul><!-- /.list-actions -->
            </div><!-- /.link__head -->

            <div class="link__content">
                <ul class="list-tags list-tags--red">
                    <li>
                        Meditation
                    </li>

                    <li>
                        07.09.2020
                    </li>
                </ul><!-- /.list-tags -->

                                    <div class="title-scroll">
                        <p class="styleH4">Vérité<span class="separator">|</span>Au fond de moi la vérité</p>
                    </div>
                    <p>Lave-moi tout entier de ma faute, purifie-moi de mon offense. Oui, je connais mon péché, ma faute est toujours devant moi. Contre toi, et toi seul, ...</p>
                
                <a href="/meditation/229" class="btn-more">
                    <i class="ico-link-more">
                        <img src="/assets/app/images/temp/SVGs/ico-link-more.svg" alt="">
                    </i>
                    Lire la suite
                </a>
            </div><!-- /.link__content -->
        </div><!-- /.link -->
    </div><!-- /.slider__slide -->
                                                                                                                                                                                                                                                                
    <div class="slider__slide hidden-lg hidden-md hidden-sm">
        <div class="link link--content-size2">
            <div class="link__head">
                <div class="link__image">
                    <a href="/meditation/231">
                                                    <figure style="background-image: url(/medias/images/verite3-5ef9e2885f8e1894880892.jpg);"></figure>
                                            </a>
                </div><!-- /.link__image -->

                <ul class="list-actions list-actions--red d-flex">
                                            <li>
                            <a href="#" class="btn-play-small jsPlayAudioItem" onclick="ga('send', 'event', 'Meditation : Vérité - Il l’a fait connaître', 'Bloc(s) : Player audio', 'CTA : Play')">
                                <i class="ico-play-small">
                                    <img src="/assets/ldlb/images/temp/SVGs/ico-play-small.svg" alt="">

                                    <img src="/assets/ldlb/images/temp/SVGs/ico-play-small-hover.svg" alt="">
                                </i>
                            </a>

                            <div class="audio__container hidden" data-audio-id="231" data-audio-index="5">
                                <div class="audio-title">Méditation</div>
                                <div class="audio-subtitle">Vérité - Il l’a fait connaître</div>
                                                                    <div class="audio-image">/medias/images/verite3-5ef9e2885f8e1894880892.jpg</div>
                                                                <div class="audio-source">/medias/audios/la-verite-et-la-vie-corrige-5efeec62424b8735063549.mp3</div>
                            </div><!-- /.audio__container -->
                        </li>
                    
                    <li>
                        <a href="" class="btn-fav " data-typePage="MeditationPage" data-id="231"
                           onclick="ga('send', 'event', 'Meditation : Vérité - Il l’a fait connaître', 'Bloc(s) : ajouter à mes favoris', 'CTA : ajouter à mes favoris')" >
                            <i class="ico-heart">
                                <img src="/assets/app/images/temp/SVGs/ico-heart.svg" alt="">

                                <img src="/assets/ldlb/images/temp/SVGs/ico-heart-hover.svg" alt="">
                            </i>

                            <p>
                                <span>Ajouter à mes favoris</span>

                                <span>Retirer de mes favoris</span>
                            </p>
                        </a>
                    </li>
                </ul><!-- /.list-actions -->
            </div><!-- /.link__head -->

            <div class="link__content">
                <ul class="list-tags list-tags--red">
                    <li>
                        Meditation
                    </li>

                    <li>
                        11.09.2020
                    </li>
                </ul><!-- /.list-tags -->

                                    <div class="title-scroll">
                        <p class="styleH4">Vérité<span class="separator">|</span>Il l’a fait connaître</p>
                    </div>
                    <p>Tous nous avons eu part à sa plénitude, nous avons reçu grâce après grâce ; car la Loi fut donnée par Moïse, la grâce et la vérité sont ve...</p>
                
                <a href="/meditation/231" class="btn-more">
                    <i class="ico-link-more">
                        <img src="/assets/app/images/temp/SVGs/ico-link-more.svg" alt="">
                    </i>
                    Lire la suite
                </a>
            </div><!-- /.link__content -->
        </div><!-- /.link -->
    </div><!-- /.slider__slide -->
                                                                                            </div><!-- /.slider__slides -->
                                        </div><!-- /.slider__col -->
                                                                    </div><!-- /.slider__cols -->
                            </div><!-- /.slider__clip -->
                        </div><!-- /.slider-links -->
                    </div><!-- /.container -->
                </div><!-- /.section__body -->
            </section><!-- /.section-about -->
        
                    <!-- Bloc Thèmes for LDLB -->
            <div class="section-links section-links--alt">
                <header class="section__head js-reveal" data-type="slide-in">
                    <div class="container container--fluid">
                        <figure class="section__shape">
                            <img src="/assets/app/images/temp/ico-logo-large-green.png" alt="" width="606" height="683">
                        </figure><!-- /.section__shape -->

                        <div class="section__entry js-reveal-content" data-type="slide-in">
                            <h2 style="font-size: 55px;">Tous les thèmes</h2>

                            <p>Découvrez les différents thèmes bibliques du parcours</p>

                            <a href="/themes" class="btn btn--dark switchfromhover">Voir tous les thèmes</a>
                        </div><!-- /.section__entry -->
                    </div><!-- /.container -->
                </header><!-- /.section__head -->

                <div class="section__body js-reveal" data-type="slide-in">
                    <div class="container container--fluid">
                        <div class="links links--boxes row no-gutters justify-content-start">

                                                                                                                            <div class="col-6 col-sm-6 col-md-4 js-reveal " data-type="slide-in">
                                    <div class="link-box active"
                                                                                style="cursor: pointer" onclick="window.location.href='/theme/2'"
                                                                            >

                                        <div class="link__image">
                                            <figure class="video__image" style="background-image: url(/medias/images/foi2-ldb-5eb3ffe11bcab210922435.jpg);"></figure>
                                        </div><!-- /.link__image -->

                                        <div class="link__content">
                                            <div class="link__entry">
                                                <p class="styleH3" style="display:block">Foi</p>
                                                <p class="hidden-xs" style="font-size:17px;">Frère Antoine de la Fayolle</p>

                                                <p class="hidden-sm hidden-md hidden-lg" style="font-size:13px; display:block">Frère Antoine de la Fayolle</p>
                                            </div><!-- /.link__entry -->

                                            <div class="link__actions">
                                                                                                    <p style="opacity:1; visibility:visible;">
                                                        <i class="ico-link-more">
                                                            <img src="/assets/app/images/temp/SVGs/ico-link-more-white.png" alt="" style="vertical-align:top;">
                                                        </i>

                                                        <span class="hidden-xs">En savoir plus</span>
                                                        <span class="hidden-sm hidden-md hidden-lg">Lire la suite</span>
                                                    </p>
                                                                                            </div><!-- /.link__actions -->
                                        </div><!-- /.link__content -->
                                    </div><!-- /.link-box -->
                                </div><!-- /.col-6 col-sm-6 col-md-4 -->
                                                                                                                            <div class="col-6 col-sm-6 col-md-4 js-reveal " data-type="slide-in">
                                    <div class="link-box active"
                                                                                style="cursor: pointer" onclick="window.location.href='/theme/4'"
                                                                            >

                                        <div class="link__image">
                                            <figure class="video__image" style="background-image: url(/medias/images/theme-esperance-5eb400b1acdc7173259725.jpg);"></figure>
                                        </div><!-- /.link__image -->

                                        <div class="link__content">
                                            <div class="link__entry">
                                                <p class="styleH3" style="display:block">Espérance</p>
                                                <p class="hidden-xs" style="font-size:17px;">Soeur Anne-Claire Dangeard</p>

                                                <p class="hidden-sm hidden-md hidden-lg" style="font-size:13px; display:block">Soeur Anne-Claire Dangeard</p>
                                            </div><!-- /.link__entry -->

                                            <div class="link__actions">
                                                                                                    <p style="opacity:1; visibility:visible;">
                                                        <i class="ico-link-more">
                                                            <img src="/assets/app/images/temp/SVGs/ico-link-more-white.png" alt="" style="vertical-align:top;">
                                                        </i>

                                                        <span class="hidden-xs">En savoir plus</span>
                                                        <span class="hidden-sm hidden-md hidden-lg">Lire la suite</span>
                                                    </p>
                                                                                            </div><!-- /.link__actions -->
                                        </div><!-- /.link__content -->
                                    </div><!-- /.link-box -->
                                </div><!-- /.col-6 col-sm-6 col-md-4 -->
                                                                                                                            <div class="col-6 col-sm-6 col-md-4 js-reveal " data-type="slide-in">
                                    <div class="link-box active"
                                                                                style="cursor: pointer" onclick="window.location.href='/theme/3'"
                                                                            >

                                        <div class="link__image">
                                            <figure class="video__image" style="background-image: url(/medias/images/theme-amour-5eb4008412f44104284286.jpg);"></figure>
                                        </div><!-- /.link__image -->

                                        <div class="link__content">
                                            <div class="link__entry">
                                                <p class="styleH3" style="display:block">Amour</p>
                                                <p class="hidden-xs" style="font-size:17px;">Frère Patrick-Dominique Linck</p>

                                                <p class="hidden-sm hidden-md hidden-lg" style="font-size:13px; display:block">Frère Patrick-Dominique Linck</p>
                                            </div><!-- /.link__entry -->

                                            <div class="link__actions">
                                                                                                    <p style="opacity:1; visibility:visible;">
                                                        <i class="ico-link-more">
                                                            <img src="/assets/app/images/temp/SVGs/ico-link-more-white.png" alt="" style="vertical-align:top;">
                                                        </i>

                                                        <span class="hidden-xs">En savoir plus</span>
                                                        <span class="hidden-sm hidden-md hidden-lg">Lire la suite</span>
                                                    </p>
                                                                                            </div><!-- /.link__actions -->
                                        </div><!-- /.link__content -->
                                    </div><!-- /.link-box -->
                                </div><!-- /.col-6 col-sm-6 col-md-4 -->
                                                                                                                            <div class="col-6 col-sm-6 col-md-4 js-reveal " data-type="slide-in">
                                    <div class="link-box active"
                                                                                style="cursor: pointer" onclick="window.location.href='/theme/5'"
                                                                            >

                                        <div class="link__image">
                                            <figure class="video__image" style="background-image: url(/medias/images/theme-verite-5ebbab8bc1d73054709180.jpg);"></figure>
                                        </div><!-- /.link__image -->

                                        <div class="link__content">
                                            <div class="link__entry">
                                                <p class="styleH3" style="display:block">Vérité</p>
                                                <p class="hidden-xs" style="font-size:17px;">Catherine Masson</p>

                                                <p class="hidden-sm hidden-md hidden-lg" style="font-size:13px; display:block">Catherine Masson</p>
                                            </div><!-- /.link__entry -->

                                            <div class="link__actions">
                                                                                                    <p style="opacity:1; visibility:visible;">
                                                        <i class="ico-link-more">
                                                            <img src="/assets/app/images/temp/SVGs/ico-link-more-white.png" alt="" style="vertical-align:top;">
                                                        </i>

                                                        <span class="hidden-xs">En savoir plus</span>
                                                        <span class="hidden-sm hidden-md hidden-lg">Lire la suite</span>
                                                    </p>
                                                                                            </div><!-- /.link__actions -->
                                        </div><!-- /.link__content -->
                                    </div><!-- /.link-box -->
                                </div><!-- /.col-6 col-sm-6 col-md-4 -->
                                                                                                                            <div class="col-6 col-sm-6 col-md-4 js-reveal " data-type="slide-in">
                                    <div class="link-box active"
                                                                                style="cursor: pointer" onclick="window.location.href='/theme/6'"
                                                                            >

                                        <div class="link__image">
                                            <figure class="video__image" style="background-image: url(/medias/images/theme-paix-5eb4011fe65c0755241204.jpg);"></figure>
                                        </div><!-- /.link__image -->

                                        <div class="link__content">
                                            <div class="link__entry">
                                                <p class="styleH3" style="display:block">Paix</p>
                                                <p class="hidden-xs" style="font-size:17px;">Frère Antoine de la Fayolle</p>

                                                <p class="hidden-sm hidden-md hidden-lg" style="font-size:13px; display:block">Frère Antoine de la Fayolle</p>
                                            </div><!-- /.link__entry -->

                                            <div class="link__actions">
                                                                                                    <p style="opacity:1; visibility:visible;">
                                                        <i class="ico-link-more">
                                                            <img src="/assets/app/images/temp/SVGs/ico-link-more-white.png" alt="" style="vertical-align:top;">
                                                        </i>

                                                        <span class="hidden-xs">En savoir plus</span>
                                                        <span class="hidden-sm hidden-md hidden-lg">Lire la suite</span>
                                                    </p>
                                                                                            </div><!-- /.link__actions -->
                                        </div><!-- /.link__content -->
                                    </div><!-- /.link-box -->
                                </div><!-- /.col-6 col-sm-6 col-md-4 -->
                                                                                                                                                                                                <div class="col-6 col-sm-6 col-md-4 js-reveal theme-shadowed" data-type="slide-in">
                                    <div class="link-box active"
                                                                            >

                                        <div class="link__image">
                                            <figure class="video__image" style="background-image: url(/medias/images/theme-bonte-5eb4009961ae6493251417.jpg);"></figure>
                                        </div><!-- /.link__image -->

                                        <div class="link__content">
                                            <div class="link__entry">
                                                <p class="styleH3" style="display:block">Bonté</p>
                                                <p class="hidden-xs" style="font-size:17px;">Soeur Anne-Claire Dangeard</p>

                                                <p class="hidden-sm hidden-md hidden-lg" style="font-size:13px; display:block">Soeur Anne-Claire Dangeard</p>
                                            </div><!-- /.link__entry -->

                                            <div class="link__actions">
                                                                                                    <span class="">Bientôt disponible</span>
                                                                                            </div><!-- /.link__actions -->
                                        </div><!-- /.link__content -->
                                    </div><!-- /.link-box -->
                                </div><!-- /.col-6 col-sm-6 col-md-4 -->
                                                                                                                                                                                                <div class="col-6 col-sm-6 col-md-4 js-reveal theme-shadowed" data-type="slide-in">
                                    <div class="link-box active"
                                                                            >

                                        <div class="link__image">
                                            <figure class="video__image" style="background-image: url(/medias/images/theme-joie-5eb400cc06173822936394.jpg);"></figure>
                                        </div><!-- /.link__image -->

                                        <div class="link__content">
                                            <div class="link__entry">
                                                <p class="styleH3" style="display:block">Joie</p>
                                                <p class="hidden-xs" style="font-size:17px;">Frère Patrick-Dominique Linck</p>

                                                <p class="hidden-sm hidden-md hidden-lg" style="font-size:13px; display:block">Frère Patrick-Dominique Linck</p>
                                            </div><!-- /.link__entry -->

                                            <div class="link__actions">
                                                                                                    <span class="">Bientôt disponible</span>
                                                                                            </div><!-- /.link__actions -->
                                        </div><!-- /.link__content -->
                                    </div><!-- /.link-box -->
                                </div><!-- /.col-6 col-sm-6 col-md-4 -->
                                                                                                                                                                                                <div class="col-6 col-sm-6 col-md-4 js-reveal theme-shadowed" data-type="slide-in">
                                    <div class="link-box active"
                                                                            >

                                        <div class="link__image">
                                            <figure class="video__image" style="background-image: url(/medias/images/theme-liberte-5eb400e78781e346020785.jpg);"></figure>
                                        </div><!-- /.link__image -->

                                        <div class="link__content">
                                            <div class="link__entry">
                                                <p class="styleH3" style="display:block">Liberté</p>
                                                <p class="hidden-xs" style="font-size:17px;">Catherine Masson</p>

                                                <p class="hidden-sm hidden-md hidden-lg" style="font-size:13px; display:block">Catherine Masson</p>
                                            </div><!-- /.link__entry -->

                                            <div class="link__actions">
                                                                                                    <span class="">Bientôt disponible</span>
                                                                                            </div><!-- /.link__actions -->
                                        </div><!-- /.link__content -->
                                    </div><!-- /.link-box -->
                                </div><!-- /.col-6 col-sm-6 col-md-4 -->
                            
                        </div><!-- /.links -->
                    </div><!-- /.container -->
                </div><!-- /.section__body -->
            </div><!-- /.section-links -->
        
        <!-- bloc videos -->
        <div class="section-slider">
            <div class="container container--fluid no-gutters">
                <div class="section__body">
                    <aside class="section__aside">
                        <div class="slider-media" data-imagetranslate="200">
                            <div class="slider__clip">
                                <div class="slider__slides">
                                                                    </div><!-- /.slider__slides -->
                            </div><!-- /.slider__clip -->
                        </div><!-- /.slider-media -->
                    </aside><!-- /.section__aside -->

                    <div class="section__content">
                        <div class="slider-entries">
                            
                            <div class="slider__clip">
                                <div class="slider__slides">
                                                                    </div><!-- /.slider__slides -->
                            </div><!-- /.slider__clip -->
                        </div><!-- /.slider-entries -->
                    </div><!-- /.section__content -->
                </div><!-- /.section__body -->
            </div><!-- /.container container-/-fluid -->
        </div><!-- /.section-slider -->

                    <div class="section-appendices section-slider section-slider--reversed" id="section-appendices">
                <div class="container container--fluid no-gutters">
                    <div class="section__body">
                        <aside class="section__aside">
                            <div class="slider-media" data-imagetranslate="200">
                                <div class="slider__clip">
                                    <div class="slider__slides">
                                                                                                                                    <div class="slider__slide">
                                                    <div class="media media--reversed">
                                                        <div class="media__image">
                                                            <a href="https://lumieres.retraitedanslaville.org/article/12">
                                                                <figure style="background-image: url(/medias/images/article-main-fong-gris2b-5ed7eeb0940a9449896360.jpg);"></figure>
                                                            </a>
                                                        </div><!-- /.media__image -->
                                                    </div><!-- /.media -->
                                                </div><!-- /.slider__slide -->
                                                                                                                                                                                <div class="slider__slide">
                                                    <div class="media media--reversed">
                                                        <div class="media__image">
                                                            <a href="https://priere.retraitedanslaville.org/?utm_source=LDLB&amp;utm_medium=referral&amp;utm_campaign=LDLB">
                                                                <figure style="background-image: url(/medias/images/prdlv-soeurs-comp-5ee75e6837b22319702362.jpg);"></figure>
                                                            </a>
                                                        </div><!-- /.media__image -->
                                                    </div><!-- /.media -->
                                                </div><!-- /.slider__slide -->
                                                                                                                        </div><!-- /.slider__slides -->
                                </div><!-- /.slider__clip -->
                            </div><!-- /.slider-media -->
                        </aside><!-- /.section__aside -->

                        <div class="section__content">
                            <div class="slider-entries slider-entries--reversed">
                                                                    <div class="slider-controls slider-controls--" id="slider-entries-2-controls">
                                        <div class="slider__arrows"></div><!-- /.slider__arrows -->
                                    </div><!-- /.slider-controls -->
                                
                                <div class="slider__clip">
                                    <div class="slider__slides">
                                                                                                                                    <div class="slider__slide">
                                                    <div class="article-entry article-entry--reversed  js-reveal-content" data-type="slide-in">
                                                        <div class="article__content">
                                                            <div class="article__inner">
                                                                <div class="article__entry">
                                                                    <h2 class="hidden-xs">Téléchargez l&#039;appli</h2>
                                                                    <h2 class="hidden-sm hidden-md hidden-lg">Téléchargez l&#039;appli</h2>

                                                                    <h3><p>Téléchargez l'appli <i>Retraite dans la ville</i> et écoutez les méditations en podcasts sur votre smartphone</p></h3>

                                                                                                                                            <a href="https://lumieres.retraitedanslaville.org/article/12" class="btn btn--dark btn--text-red hidden-xs">Je télécharge</a>
                                                                        <a href="https://lumieres.retraitedanslaville.org/article/12" class="btn btn--dark btn--text-red hidden-sm hidden-md hidden-lg">Je télécharge</a>
                                                                                                                                    </div><!-- /.article__entry -->
                                                            </div><!-- /.article__inner -->
                                                        </div><!-- /.article__content -->
                                                    </div><!-- /.article-entry -->
                                                </div><!-- /.slider__slide -->
                                                                                                                                                                                <div class="slider__slide">
                                                    <div class="article-entry article-entry--reversed  js-reveal-content" data-type="slide-in">
                                                        <div class="article__content">
                                                            <div class="article__inner">
                                                                <div class="article__entry">
                                                                    <h2 class="hidden-xs">Confiez votre prière</h2>
                                                                    <h2 class="hidden-sm hidden-md hidden-lg">Confiez votre prière</h2>

                                                                    <h3><p>Chaque jeudi, la communauté des internautes ou les soeurs dominicaines prient pour votre intention de prière</p></h3>

                                                                                                                                            <a href="https://priere.retraitedanslaville.org/?utm_source=LDLB&amp;utm_medium=referral&amp;utm_campaign=LDLB" class="btn btn--dark btn--text-red hidden-xs">Je confie mon intention</a>
                                                                        <a href="https://priere.retraitedanslaville.org/?utm_source=LDLB&amp;utm_medium=referral&amp;utm_campaign=LDLB" class="btn btn--dark btn--text-red hidden-sm hidden-md hidden-lg">Je confie mon intention</a>
                                                                                                                                    </div><!-- /.article__entry -->
                                                            </div><!-- /.article__inner -->
                                                        </div><!-- /.article__content -->
                                                    </div><!-- /.article-entry -->
                                                </div><!-- /.slider__slide -->
                                                                                                                        </div><!-- /.slider__slides -->
                                </div><!-- /.slider__clip -->
                            </div><!-- /.slider-entries -->
                        </div><!-- /.section__content -->
                    </div><!-- /.section__body -->
                </div><!-- /.container container-/-fluid -->
            </div><!-- /.section-slider -->
        
        
        
        <div class="section-callout section-callout-- js-reveal" data-type="slide-in">
            <div class="section__shapes">
                <div class="section__shape section__shape--left">
                    <div class="section__shape-inner"></div><!-- /.section__shape-inner -->

                    <img src="/assets/ldlb/images/temp/ico-instagram-large.png" alt="">
                </div><!-- /.section__shape -->

                <div class="section__shape section__shape--right">
                    <img src="/assets/app/images/temp/SVGs/ico-instagram-large.svg" alt="">
                </div><!-- /.section__shape -->

            </div><!-- /.section__shapes -->

            <div class="section__body">
                <div class="container container--fluid">
                    <div class="article-images article-images-- js-reveal-content" data-type="slide-in">
                        <aside class="article__aside">
                            <div class="slider-callout slider-callout--" data-imagetranslate="100">
                                <div class="slider__clip">
                                    <div class="slider__cols">
                                                                                    <div class="slider__col">
                                                <div class="slider__slides">
                                                    <div class="slider__slide">
                                                        <div class="slider__slide-image">
                                                            <a href="https://www.instagram.com/retraite_dans_la_ville/" target="_blank">
                                                                <figure style="background-image: url(/medias/images/post-bonte-v2-5ee7a4f641597377027788.jpg); background-position: center; background-size: cover;"></figure>
                                                            </a>
                                                        </div><!-- /.slider__slide-image -->
                                                    </div><!-- /.slider__slide -->

                                                                                                    </div><!-- /.slider__slides -->
                                            </div><!-- /.slider__col -->
                                                                                    <div class="slider__col">
                                                <div class="slider__slides">
                                                    <div class="slider__slide">
                                                        <div class="slider__slide-image">
                                                            <a href="https://www.instagram.com/retraite_dans_la_ville/" target="_blank">
                                                                <figure style="background-image: url(/medias/images/post-verite-bv2-5ee7a510eba49433333124.jpg); background-position: center; background-size: cover;"></figure>
                                                            </a>
                                                        </div><!-- /.slider__slide-image -->
                                                    </div><!-- /.slider__slide -->

                                                                                                    </div><!-- /.slider__slides -->
                                            </div><!-- /.slider__col -->
                                                                                    <div class="slider__col">
                                                <div class="slider__slides">
                                                    <div class="slider__slide">
                                                        <div class="slider__slide-image">
                                                            <a href="https://www.instagram.com/retraite_dans_la_ville/" target="_blank">
                                                                <figure style="background-image: url(/medias/images/post-paix-v2-5ee7a502cf3b8603698145.jpg); background-position: center; background-size: cover;"></figure>
                                                            </a>
                                                        </div><!-- /.slider__slide-image -->
                                                    </div><!-- /.slider__slide -->

                                                                                                    </div><!-- /.slider__slides -->
                                            </div><!-- /.slider__col -->
                                                                                    <div class="slider__col">
                                                <div class="slider__slides">
                                                    <div class="slider__slide">
                                                        <div class="slider__slide-image">
                                                            <a href="https://www.instagram.com/retraite_dans_la_ville/" target="_blank">
                                                                <figure style="background-image: url(/medias/images/post-amour-bv2-5ee7a4e809ad2313610988.jpg); background-position: center; background-size: cover;"></figure>
                                                            </a>
                                                        </div><!-- /.slider__slide-image -->
                                                    </div><!-- /.slider__slide -->

                                                                                                    </div><!-- /.slider__slides -->
                                            </div><!-- /.slider__col -->
                                                                            </div><!-- /.slider__cols -->
                                </div><!-- /.slider__clip -->
                            </div><!-- /.slider-callout -->
                        </aside><!-- /.article__aside -->

                        <div class="article__content">
                            <div class="article__inner">
                                <div class="article__entry">
                                    <p class="styleH2" style="color: #93c178">Suivez-nous</p><!-- /.styleH4 -->

                                    <p>Gardons le lien ; suivez-nous sur les réseaux sociaux</p>

                                    <a href="https://www.instagram.com/retraite_dans_la_ville/" target="_blank" class="btn btn--bg-color">Suivez-nous sur instagram</a>

                                                                    </div><!-- /.article__entry -->
                            </div><!-- /.article__inner -->
                        </div><!-- /.article__content -->
                    </div><!-- /.article-images -->
                </div><!-- /.container -->
            </div><!-- /.section__body -->
        </div><!-- /.section-callout -->

    </div><!-- /.main -->

    
    
            <input type="hidden" id="current_connection" value="true">
        <!-- ********** BLOC FORMULAIRE *********** -->
    <div class="modal fade" id="logoutErrorFavBtn" tabindex="-1" role="dialog" aria-labelledby="logoutErrorFavBtnModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="container container--fluid">
                <div class="modal-content">
                    <div class="modal-entry">
                        <a href="#" class="btn-close btn-close--" data-dismiss="modal">
                            <span></span>
                            <span></span>
                        </a>
                        <p class="styleH3">Action bloquée !</p><!-- /.styleH3 -->

                        <p>Il est nécessaire de vous connecter à votre compte pour placer les méditations en favoris</p>
                        <p><a href="/inscription">Me connecter</a></p>
                    </div><!-- /.modal-entry -->
                </div><!-- /.modal-content -->
            </div><!-- /.container -->
        </div>
    </div><!-- ./modal -->

    <!-- ********** BLOC FORMULAIRE *********** -->
    <div class="modal modal--subscriptions fade" id="unsubscribeModal" tabindex="-1" role="dialog" aria-labelledby="unsubscribeModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="container container--fluid">
                <div class="modal-content">
                    <div class="modal-entry">
                        <a href="#" class="btn-close btn-close--" data-dismiss="modal">
                            <span></span>
                            <span></span>
                        </a>

                        <p class="styleH3">Désabonnement</p><!-- /.styleH3 -->

                        <p>Êtes-vous sûr de vouloir vous désabonner de cette proposition ?</p>

                        <ul class="list-buttons">
                            <li>
                                <a href="#" class="btn btn--dark btn--text-red jsUnsubscribe">Oui</a>
                            </li>

                            <li>
                                <a href="#" class="btn btn--dark btn--text-red" data-dismiss="modal">Non</a>
                            </li>
                        </ul><!-- /.list-buttons -->
                    </div><!-- /.modal-entry -->
                </div><!-- /.modal-content -->
            </div><!-- /.container -->
        </div>
    </div><!-- ./modal -->
    <!-- ********** BLOC FORMULAIRE *********** -->
    <div class="modal modal--subscriptions fade" id="unsubscribeModalFromAll" tabindex="-1" role="dialog" aria-labelledby="unsubscribeModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="container container--fluid">
                <div class="modal-content">
                    <div class="modal-entry">
                        <a href="#" class="btn-close btn-close--" data-dismiss="modal">
                            <span></span>
                            <span></span>
                        </a>

                        <p class="styleH3">Désabonnement</p><!-- /.styleH3 -->

                        <p>Êtes-vous sûr de vouloir vous désabonner de toutes les propositions ?</p>

                        <ul class="list-buttons">
                            <li>
                                <a href="#" class="btn btn--dark btn--text-red jsUnsubscribeFromAll">Oui</a>
                            </li>

                            <li>
                                <a href="#" class="btn btn--dark btn--text-red" data-dismiss="modal">Non</a>
                            </li>
                        </ul><!-- /.list-buttons -->
                    </div><!-- /.modal-entry -->
                </div><!-- /.modal-content -->
            </div><!-- /.container -->
        </div>
    </div><!-- ./modal -->

    <div class="modal modal--event fade" id="eventModalMeeting" tabindex="-1" role="dialog" aria-labelledby="eventModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="container container--fluid">
                <div class="modal-content">
                    <div class="modal-entry">
                        <a href="#" class="btn-close btn-close--" data-dismiss="modal">
                            <span></span>
                            <span></span>
                        </a>

                        <p class="styleH3">Participer à la rencontre de Carême</p><!-- /.styleH3 -->

                        <p class="styleH4"><span id="location"></span> <br>Le <span id="date"></span> à <span id="time"></span></p>

                        <p>La famille dominicaine sera heureuse de vous rencontrer. Merci de nous communiquer vos nom, prénom, adresse-mail et code postal.</p>

                        <div class="form form-- form--event">
                            <form action="?" method="post" id="inscription_meeting">
                                <div class="form__body">
                                    <div class="row">
                                        <div class="col-sm-12 col-md-6">
                                            <div class="form-row">
                                                <div class="form-group">
                                                    <label for="firstname_participant" class="hidden">Prénom*</label>

                                                    <input type="text" class="form-control" id="firstname_participant" name="firstname_participant" placeholder="Prénom*">
                                                </div><!-- form-group -->
                                            </div><!-- /.form-row -->
                                        </div><!-- /.col-sm-12 col-md-6 -->

                                        <div class="col-sm-12 col-md-6">
                                            <div class="form-row">
                                                <div class="form-group">
                                                    <label for="lastname_participant" class="hidden">Nom*</label>

                                                    <input type="text" class="form-control" id="lastname_participant" name="lastname_participant" placeholder="Nom*">
                                                </div><!-- form-group -->
                                            </div><!-- /.form-row -->
                                        </div><!-- /.col-sm-12 col-md-6 -->
                                    </div><!-- /.row -->

                                    <div class="row">
                                        <div class="col-sm-12 col-md-6">
                                            <div class="form-row">
                                                <div class="form-group">
                                                    <label for="email_participant" class="hidden">Adresse e-mail*</label>

                                                    <input type="email" class="form-control" id="email_participant" name="email_participant" placeholder="Adresse e-mail*">
                                                </div><!-- form-group -->
                                            </div><!-- /.form-row -->
                                        </div><!-- /.col-sm-12 col-md-6 -->

                                        <div class="col-sm-12 col-md-6">
                                            <div class="form-row">
                                                <div class="form-group">
                                                    <label for="cp_participant" class="hidden">Code postal*</label>

                                                    <input type="text" class="form-control" id="cp_participant" name="cp_participant" placeholder="Code postal*">
                                                </div><!-- form-group -->
                                            </div><!-- /.form-row -->
                                        </div><!-- /.col-sm-12 col-md-6 -->
                                    </div><!-- /.row -->
                                    <div class="form-error"></div>
                                    <div class="form-row form-row--actions">
                                        <button type="submit" class="form__btn btn btn--dark btn--text-red">
                                            Envoyer
                                        </button>
                                    </div><!-- /.form-row -->
                                </div><!-- /.form__body -->
                            </form>
                        </div><!-- /.form form-/-event -->
                    </div><!-- /.modal-entry -->
                </div><!-- /.modal-content -->
            </div><!-- /.container -->
        </div>
    </div><!-- ./modal -->

    <div class="modal modal--event--full fade" id="eventModalFull" tabindex="-1" role="dialog" aria-labelledby="eventModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="container container--fluid">
                <div class="modal-content">
                    <div class="modal-entry">
                        <a href="#" class="btn-close btn-close--" data-dismiss="modal">
                            <span></span>
                            <span></span>
                        </a>

                        <p class="styleH3">Participer à la rencontre de Careme</p><!-- /.styleH3 -->

                        <p class="styleH4">Cette rencontre a atteint le maximum de participants</p>
                    </div><!-- /.modal-entry -->
                </div><!-- /.modal-content -->
            </div><!-- /.container -->
        </div>
    </div><!-- ./modal -->

    <div class="modal modal--newsletter jsNewsletterModal fade" id="newsletterModal" tabindex="-1" role="dialog" aria-labelledby="newsletterModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="container container--fluid">
                <div class="modal-content">
                    <div class="modal-entry">
                        <a href="#" class="btn-close btn-close--" data-dismiss="modal">
                            <span></span>
                            <span></span>
                        </a>

                        <div class="modal-image">
                                                            <figure style="background-image: url('https://nsa40.casimages.com/img/2020/05/11/200511061827751823.jpg');"></figure>
                                                    </div><!-- /.modal-image -->

                        <div class="modal-inner">

                                                            <p class="styleH3">Inscription au parcours biblique</p><!-- /.styleH3 -->

                                <p>Vous inscrire à Lumières dans la Bible vous permet de recevoir les textes bibliques et les méditations par mail, tous les lundis mercredis et vendredis.
                                    <br> Si vous préférez un rythme plus léger, vous pourrez ne choisir que 2 ou 1 méditations par semaine.</p>

                                <span style="color: #fc411d;">L'inscription est gratuite.</span></p>

                                                        <div class="form form-- form--newsletter">
                                <form action="#" method="post">
                                    <div class="form__body">
                                        <div class="row">
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-row">
                                                    <div class="form-group">
                                                        <label for="email_newsletter" class="hidden">Adresse mail*</label>

                                                        <input type="email" class="form-control" id="email_newsletter" placeholder="Adresse mail*">
                                                        <div class="form-error"></div>
                                                    </div><!-- form-group -->
                                                </div><!-- /.form-row -->
                                            </div><!-- /.col-sm-12 col-md-6 -->

                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-row">
                                                    <div class="form-group">
                                                        <label for="email_newsletter" class="hidden">Confirmation adresse mail*</label>

                                                        <input type="email" class="form-control" id="confirm_email_newsletter" placeholder="Confirmation adresse mail*">
                                                        <div class="form-error"></div>
                                                    </div><!-- form-group -->
                                                </div><!-- /.form-row -->
                                            </div><!-- /.col-sm-12 col-md-6 -->
                                        </div><!-- /.row -->

                                        <div class="row">
                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-row">
                                                    <div class="form-group">
                                                        <label for="name_newsletter" class="hidden">Nom*</label>

                                                        <input type="text" class="form-control" id="last_name_newsletter" placeholder="Nom*">
                                                        <div class="form-error"></div>
                                                    </div><!-- form-group -->
                                                </div><!-- /.form-row -->
                                            </div><!-- /.col-sm-12 col-md-6 -->

                                            <div class="col-sm-12 col-md-6">
                                                <div class="form-row">
                                                    <div class="form-group">
                                                        <label for="name_newsletter" class="hidden">Prénom*</label>

                                                        <input type="text" class="form-control" id="first_name_newsletter" placeholder="Prénom*">
                                                        <div class="form-error"></div>
                                                    </div><!-- form-group -->
                                                </div><!-- /.form-row -->
                                            </div><!-- /.col-sm-12 col-md-6 -->
                                        </div><!-- /.row -->

                                        <div class="row">
                                            <div class="col-12">
                                                <div class="form-checkbox">
                                                    <label class="custom-control custom-checkbox">
                                                        <input id="checkbox_newsletter" name="checkbox_newsletter" type="checkbox" class="custom-control-input">

                                                        <span class="custom-control-indicator"></span>

                                                        <span class="custom-control-description">
														Je désire faire partie de la communauté de prière
														<br>Parmi tous les retraitants, vous êtes plus de 40 000 inscrits à la communauté invisible de prière. En devenant membre de cette communauté, vous recevrez chaque jeudi un mail avec 3 intentions de prière déposées par les internautes.</span>
                                                    </label>
                                                </div><!-- /.form-checkbox -->
                                            </div><!-- /.col-12 -->
                                        </div><!-- /.row -->

                                        <div class="form-row form-row--actions">
                                            <button type="submit" class="form__btn btn btn--dark btn--text-red" onclick="onclick=ga('send', 'event', 'Page(s) : Inscription', 'Bloc(s) : Pop-up NL', 'CTA : Inscription NL')">
                                                Envoyer
                                            </button>
                                            <div class="form-error" style="margin-left: 20px;"></div>
                                        </div><!-- /.form-row -->
                                    </div><!-- /.form__body -->
                                </form>
                            </div><!-- /.form form-/-event -->
                        </div><!-- /.modal-inner -->
                    </div><!-- /.modal-entry -->
                </div><!-- /.modal-content -->
            </div><!-- /.container -->
        </div>
    </div><!-- ./modal -->

    <div class="modal modal--newsletter modal--newsletter-entry jsNewsletterEntryModal fade" id="newsletterEntryModal" tabindex="-1" role="dialog" aria-labelledby="newsletterEntryModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="container container--fluid">
                <div class="modal-content">
                    <div class="modal-entry">
                        <a href="#" class="btn-close btn-close--" data-dismiss="modal">
                            <span></span>
                            <span></span>
                        </a>

                        <div class="modal-image">
                            <figure style="background-image: url('https://nsa40.casimages.com/img/2020/05/11/200511061827751823.jpg');"></figure>
                        </div><!-- /.modal-image -->

                        <div class="modal-inner">
                            <p class="styleH3">Inscription au parcours biblique</p><!-- /.styleH3 -->

                            <p>Vous allez recevoir un mail sur votre boîte personnelle.</p>

                            <p>nb : si vous ne voyez pas votre mail Lumières dans la Bible dans votre boîte mail, il est probablement arrivé dans votre onglet <strong>Courrier Indésirable ou Autres/Non Prioritaire.</strong></p>

                            <button type="submit" class="btn btn--dark btn--text-red" data-dismiss="modal">
                                Revenir sur le site
                            </button>
                        </div><!-- /.modal-inner -->
                    </div><!-- /.modal-entry -->
                </div><!-- /.modal-content -->
            </div><!-- /.container -->
        </div>
    </div><!-- ./modal -->

    <div class="modal modal--newsletter modal--newsletter-entry jsCadenceAboModal fade" id="cadenceAboModal" tabindex="-1" role="dialog" aria-labelledby="cadenceAboModal" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="container container--fluid">
                <div class="modal-content">
                    <div class="modal-entry">
                        <a href="#" class="btn-close btn-close--" data-dismiss="modal">
                            <span></span>
                            <span></span>
                        </a>

                        <div class="modal-image">
                            <figure style="background-image: url('https://nsa40.casimages.com/img/2020/05/11/200511061827751823.jpg');"></figure>
                        </div><!-- /.modal-image -->

                        <div class="modal-inner">
                            <p class="styleH3">Modifier mon abonnement</p><!-- /.styleH3 -->

                            <div class="form form--red form--newsletter">
                                <form action="#" method="post">
                                    <div class="form__body">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="form-radios">
                                                    <p class="mb-0">Je choisis mon rythme de lecture :</p>
                                                    <ul>
                                                        <li>
                                                            <label class="custom-control custom-radio" for="radio_newsletter_3">
                                                                <input id="radio_newsletter_3" name="radio_newsletter" value="3" type="radio" class="custom-control-input">
                                                                <span class="custom-control-indicator"></span>

                                                                <span class="custom-control-description">
														Parcours complet : 3 méditations par semaine (lundi, mercredi et vendredi)</span>
                                                            </label>
                                                        </li>
                                                        <li>
                                                            <label class="custom-control custom-radio" for="radio_newsletter_2">
                                                                <input id="radio_newsletter_2" name="radio_newsletter" value="2" type="radio" class="custom-control-input">
                                                                <span class="custom-control-indicator"></span>

                                                                <span class="custom-control-description">
														Parcours tranquille : 2 méditations par semaine (lundi et vendredi)</span>
                                                            </label>
                                                        </li>
                                                        <li>
                                                            <label class="custom-control custom-radio" for="radio_newsletter_1">
                                                                <input id="radio_newsletter_1" name="radio_newsletter" value="1" type="radio" class="custom-control-input">
                                                                <span class="custom-control-indicator"></span>

                                                                <span class="custom-control-description">
														Parcours allégé : 1 méditation par semaine (lundi)</span>
                                                            </label>
                                                        </li>
                                                    </ul>
                                                    <div id="form-error-cadence" style="color:red"></div>
                                                </div><!-- /.form-checkbox -->
                                            </div><!-- /.col-12 -->
                                        </div><!-- /.row -->
                                        <br>
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="form-radios-mode">
                                                    <p class="mb-0">Je désire recevoir les méditations :</p>
                                                    <ul>
                                                        <li>
                                                            <label class="custom-control custom-radio" for="radio_newsletter_mode_1">
                                                                <input id="radio_newsletter_mode_1" name="radio_newsletter_mode" value="mail" type="radio" class="custom-control-input">
                                                                <span class="custom-control-indicator"></span>

                                                                <span class="custom-control-description">
														par mail</span>
                                                            </label>
                                                        </li>
                                                    </ul>
                                                    <div id="form-error-mode" style="color:red"></div>
                                                </div><!-- /.form-checkbox -->
                                            </div><!-- /.col-12 -->
                                        </div><!-- /.row -->
                                        <input type="hidden" value="_ldlb" id="current_domain">
                                        <div class="form-row form-row--actions">
                                            <button type="submit" class="form__btn btn btn--dark btn--text-red" onclick="onclick=ga('send', 'event', 'Page(s) : Inscription', 'Bloc(s) : Pop-up NL', 'CTA : Inscription NL')">
                                                Envoyer
                                            </button>
                                            <div class="form-error" style="margin-left: 20px;"></div>
                                        </div><!-- /.form-row -->
                                    </div><!-- /.form__body -->
                                </form>
                            </div>

                        </div><!-- /.modal-inner -->
                    </div><!-- /.modal-entry -->
                </div><!-- /.modal-content -->
            </div><!-- /.container -->
        </div>
    </div><!-- ./modal -->

    <div class="modal modal--newsletter modal--newsletter-entry jscadenceAboModalConfirm fade" id="cadenceAboModalConfirm" tabindex="-1" role="dialog" aria-labelledby="cadenceAboModalConfirm" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="container container--fluid">
                <div class="modal-content">
                    <div class="modal-entry">
                        <a href="#" class="btn-close btn-close--" data-dismiss="modal">
                            <span></span>
                            <span></span>
                        </a>

                        <div class="modal-image">
                            <figure style="background-image: url('https://nsa40.casimages.com/img/2020/05/11/200511061827751823.jpg');"></figure>
                        </div><!-- /.modal-image -->

                        <div class="modal-inner">
                            <p class="styleH3">Modification de mon abonnement</p><!-- /.styleH3 -->

                            <p>La mise à jour pour le rythme d'abonnement et sa diffusion est bien prise en compte.</p>

                            <button type="submit" class="btn btn--dark btn--text-red" data-dismiss="modal">
                                Revenir sur le site
                            </button>
                        </div><!-- /.modal-inner -->
                    </div><!-- /.modal-entry -->
                </div><!-- /.modal-content -->
            </div><!-- /.container -->
        </div>
    </div><!-- ./modal -->

    <div class="modal modal--commentaries jsCommentariesModal fade" id="commentariesModal" tabindex="-1" role="dialog" aria-labelledby="commentariesModalLabel" aria-hidden="true" data-extra="">
        <div class="modal-dialog" role="document">
            <div class="container container--fluid">
                <div class="modal-content">
                    <div class="modal-entry">
                        <a href="#" class="btn-close btn-close-- btn-close--simple" data-dismiss="modal">
                            <span></span>
                            <span></span>
                        </a>

                        <div class="modal-inner">
                            <p class="styleH3">À vous la parole</p><!-- /.styleH3 -->

                            <p>Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec un *</p>

                            <div class="form form-- form--commentaries">
                                <form action="#" method="post">
                                    <div class="form__body">
                                                                                    <div class="row">
                                                <div class="col-sm-12 col-md-6">
                                                    <div class="form-row">
                                                        <div class="form-group">
                                                            <label for="name_comm" class="hidden">Nom ou pseudo*</label>

                                                            <input type="text" class="form-control" id="name" placeholder="Nom ou pseudo*">
                                                            <div class="form-error"></div>
                                                        </div><!-- form-group -->
                                                    </div><!-- /.form-row -->
                                                </div><!-- /.col-sm-12 col-md-6 -->

                                                <div class="col-sm-12 col-md-6">
                                                    <div class="form-row">
                                                        <div class="form-group">
                                                            <label for="email_newsletter" class="hidden">Email*</label>

                                                            <input type="email" class="form-control" id="email" placeholder="Email*">
                                                            <div class="form-error"></div>
                                                        </div><!-- form-group -->
                                                    </div><!-- /.form-row -->
                                                </div><!-- /.col-sm-12 col-md-6 -->
                                            </div><!-- /.row -->
                                        
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="form-row form-row--textarea">
                                                    <div class="form-group">
                                                        <input type="hidden" class="form-control" name="id" id="id" value="">
                                                        <input type="hidden" class="form-control" name="type" id="type" value="">

                                                        <label for="message" class="hidden">Message*</label>

                                                        <textarea class="form-control textarea" name="message" id="message" placeholder="Message*"></textarea>
                                                        <div class="char-count">Restant : <span>1500</span></div>
                                                        <div class="form-error"></div>
                                                    </div><!-- form-group -->
                                                </div><!-- /.form-row -->
                                            </div><!-- /.col-12 -->
                                        </div><!-- /.row -->

                                        <div class="form-row form-row--actions">
                                            <button type="submit" class="form__btn btn btn--dark btn--text-red">
                                                Envoyer mon commentaire
                                            </button>
                                            <div class="form-error"></div>
                                        </div><!-- /.form-row -->
                                    </div><!-- /.form__body -->
                                </form>
                            </div><!-- /.form form-/-event -->
                        </div><!-- /.modal-inner -->
                    </div><!-- /.modal-entry -->
                </div><!-- /.modal-content -->
            </div><!-- /.container -->
        </div>
    </div><!-- ./modal -->

    <div class="modal modal--commentaries modal--commentaries-actions jsCommentariesActionsModal fade" id="commentariesActionsModal" tabindex="-1" role="dialog" aria-labelledby="commentariesActionsModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="container container--fluid">
                <div class="modal-content">
                    <div class="modal-entry">
                        <a href="#" class="btn-close btn-close-- btn-close--simple" data-dismiss="modal">
                            <span></span>
                            <span></span>
                        </a>
                                                                                                                                                                                                <div class="modal-inner">
                            <p class="styleH3">Cette méditation vous éclaire ?</p><!-- /.styleH3 -->

                            <p class="hidden-xs">Partagez-la à un ami</p>

                            <p class="hidden-sm hidden-md hidden-lg">Cette méditation vous éclaire ?</p>

                            <ul class="list-buttons list-buttons--socials">
                                <li>
                                    <a href="mailto:?subject=Lumières dans la Bible - Partage&amp;amp;body=http%3A%2F%2Flumieres.retraitedanslaville.org%2F" class="btn btn--mail btn--bg-red btn--text-red"
                                                                            >
                                        <i class="ico-mail">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="22" height="15" viewBox="0 0 22 15">
                                                <defs>
                                                    <style>
                                                        .cls-1 {
                                                            fill: ;
                                                            fill-rule: evenodd;
                                                        }
                                                    </style>
                                                </defs>
                                                <path data-name="Forme 12" class="cls-1" d="M20.257,0H1.746A1.729,1.729,0,0,0,.006,1.716V13.284A1.73,1.73,0,0,0,1.746,15h18.51A1.73,1.73,0,0,0,22,13.284V1.716A1.731,1.731,0,0,0,20.257,0ZM10.862,9.951a0.6,0.6,0,0,1-.067.057,0.3,0.3,0,0,1-.052-0.044L2.57,1.464H19.258Zm-3.91-1.8L1.489,12.766V2.464Zm1.02,1.062L9.68,10.984a1.584,1.584,0,0,0,1.113.5,1.608,1.608,0,0,0,1.126-.506L13.913,8.96,19.2,13.537H2.854Zm12.541,3.52L14.949,7.912l5.564-5.624v10.44Z"></path>
                                            </svg>
                                        </i>
                                        Par mail
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="btn btn--facebook" target="_blank"
                                                                            >
                                        <i class="ico-facebook">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14">
                                                <defs>
                                                    <style>
                                                        .cls-1 {
                                                            fill: #fcf9f5;
                                                            fill-rule: evenodd;
                                                        }
                                                    </style>
                                                </defs>
                                                <path data-name="Forme 5" class="cls-1" d="M2.7,4.691H0.938V7.019H2.7V14H5.646V7.019H7.764L8,4.691H5.646V3.7c0-.582.116-0.756,0.647-0.756H8V0.036H5.762c-2.118,0-3.06.931-3.06,2.676V4.691Z"></path>
                                            </svg>
                                        </i>

                                        Par facebook
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="btn btn--twitter" target="_blank" data-twitter=""
                                                                            >
                                        <i class="ico-twitter">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14">
                                                <defs>
                                                    <style>
                                                        .cls-1 {
                                                            fill: #fcf9f5;
                                                            fill-rule: evenodd;
                                                        }
                                                    </style>
                                                </defs>
                                                <path data-name="Forme 6" class="cls-1" d="M17.074,1.642a5.784,5.784,0,0,1-2.038.529A3.361,3.361,0,0,0,16.55.235a7.343,7.343,0,0,1-2.215.881A3.161,3.161,0,0,0,11.83,0,3.557,3.557,0,0,0,8.39,4.34,9.954,9.954,0,0,1,1.163.645,3.5,3.5,0,0,0,2.269,5.336,2.934,2.934,0,0,1,.695,4.868a3.509,3.509,0,0,0,2.8,3.518,3.54,3.54,0,0,1-1.575.058,3.588,3.588,0,0,0,3.266,2.463A6.9,6.9,0,0,1,0,12.372,9.955,9.955,0,0,0,15.325,3.46,6.465,6.465,0,0,0,17.074,1.642Z"></path>
                                            </svg>
                                        </i>

                                        Par twitter
                                    </a>
                                </li>
                                                            </ul><!-- /.list-buttons -->

                            <p>Ou copiez et partagez le lien</p>

                            <div class="form form--copy">
                                <form action="?" method="post">
                                    <div class="form__body">
                                        <div class="form-row">
                                            <div class="form-group">
                                                <label for="copy_url" class="hidden">Copy url</label>

                                                <input type="text" name="copy_url" class="form-control js-copy-target" id="copy_url" placeholder="http://lumieres.retraitedanslaville.org/" value="http://lumieres.retraitedanslaville.org/"
                                                                                                    >

                                                <button type="button" class="btn-copy btn-copy-- js-copy" data-tooltip="Copié!"><span>Copier</span></button>

                                                <span id="msg"></span>
                                            </div><!-- form-group -->
                                        </div><!-- /.form-row -->

                                        <div class="form-row form-row--actions">
                                            <button type="submit" class="form__btn btn btn--dark btn--text-red" data-dismiss="modal">
                                                Annuler
                                            </button>
                                        </div><!-- /.form-row -->
                                    </div><!-- /.form__body -->
                                </form>
                            </div><!-- /.form form-/-event -->
                        </div><!-- /.modal-inner -->
                    </div><!-- /.modal-entry -->
                </div><!-- /.modal-content -->
            </div><!-- /.container -->
        </div>
    </div><!-- ./modal -->

    <div class="modal modal--forgot-password fade" id="forgotPasswordModal" tabindex="-1" role="dialog" aria-labelledby="forgotPasswordModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="container container--fluid">
                <div class="modal-content">
                    <div class="modal-entry">
                        <a href="#" class="btn-close btn-close-- btn-close--simple" data-dismiss="modal">
                            <span></span>
                            <span></span>
                        </a>

                        <div class="modal-inner">
                            <p class="styleH3">Mot de passe oublié ?</p><!-- /.styleH3 -->
                            <p class="justify-p">Indiquez ci-dessous l'e-mail avec lequel vous vous êtes inscrit ; vous recevrez un e‑mail contenant un lien vous permettant de renseigner votre nouveau mot de passe.</p>
                            <div class="form form--">
                                <form action="" method="post" id="formForgotPassword">
                                    <div class="form__body">
                                        <div class="form-row">
                                            <div class="form-group">
                                                <label for="emailForgotPassword" class="hidden">Email*</label>

                                                <input type="email" class="form-control" id="emailForgotPassword" name="emailForgotPassword" placeholder="Email*" value="">
                                            </div><!-- form-group -->
                                        </div><!-- /.form-row -->
                                        <div class="messageForget"></div>

                                        <div class="form-row form-row--actions">
                                            <button type="submit" class="form__btn btn btn--dark btn--text-red" style="margin: 20px auto 0;">
                                                Confirmer
                                            </button>
                                        </div><!-- /.form-row -->
                                    </div><!-- /.form__body -->
                                </form>
                            </div><!-- /.form form-/-event -->
                        </div><!-- /.modal-inner -->
                    </div><!-- /.modal-entry -->
                </div><!-- /.modal-content -->
            </div><!-- /.container -->
        </div>
    </div><!-- ./modal -->

    <div class="audio-player audio-player--">
        <div class="container container--fluid no-gutters">
            <div class="audio__content">
                <div class="audio__buttons">
                    <ul>
                        <li>
                            <a href="#" class="btn-round btn-audio-prev">
                                <i class="ico-prev">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="49" height="49" viewBox="0 0 49 49">
                                        <defs><style>.cls-1 {fill: #3f4041;}.cls-2 {fill: #fc411d;fill-rule: evenodd;}</style>
                                        </defs>
                                        <circle data-name="Ellipse 3 copie" class="cls-1" cx="24.5" cy="24.5" r="24.5"></circle>
                                        <path data-name="Forme 17 copie 10" class="cls-2" d="M29.073,30a0.887,0.887,0,0,0,.912-0.862V20.865A0.889,0.889,0,0,0,29.073,20a0.949,0.949,0,0,0-.477.128l-7.171,4.136a0.834,0.834,0,0,0-.3,1.184,0.887,0.887,0,0,0,.3.286L28.6,29.869A0.947,0.947,0,0,0,29.073,30Z"></path>
                                        <path data-name="Rectangle arrondi 6132" class="cls-2" d="M20,20a1,1,0,0,0-1,1v8a1,1,0,0,0,2,0V21A1,1,0,0,0,20,20Z"></path>
                                    </svg>
                                </i>
                            </a>
                        </li>

                        <li>
                            <a href="#" class="btn-round btn-play-pause">
                                <i class="ico-play">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                        <defs><style>.cls-1-play {fill: #3f4041;}.cls-2-play {fill:#93c178;fill-rule: evenodd;}</style></defs>
                                        <circle class="cls-1-play" cx="16" cy="16" r="16"></circle>
                                        <path data-name="Forme 17" class="cls-2-play" d="M13.257,21.683a0.9,0.9,0,0,1-.9-0.9V12.093a0.9,0.9,0,0,1,1.371-.773l7.07,4.343a0.909,0.909,0,0,1,.3,1.243,0.892,0.892,0,0,1-.3.3l-7.073,4.34A0.9,0.9,0,0,1,13.257,21.683Z"></path>
                                    </svg>
                                </i>

                                <i class="ico-pause">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                        <defs><style>.cls-1 {fill: #3f4041;}.cls-2 {fill: #fc411d;fill-rule: evenodd;}</style></defs>
                                        <circle data-name="Ellipse 3 copie 4" class="cls-1" cx="16" cy="16" r="16"></circle>
                                        <path data-name="Rectangle arrondi 6087" class="cls-2" d="M13,12a1,1,0,0,1,1,1v7a1,1,0,1,1-2,0V13A1,1,0,0,1,13,12Z"></path>
                                        <path data-name="Rectangle arrondi 6087 copie" class="cls-2" d="M19,12a1,1,0,0,1,1,1v7a1,1,0,1,1-2,0V13A1,1,0,0,1,19,12Z"></path>
                                    </svg>
                                </i>
                            </a>
                        </li>

                        <li>
                            <a href="#" class="btn-round btn-audio-next">
                                <i class="ico-next">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="49" height="49" viewBox="0 0 49 49">
                                        <defs><style>.cls-1 {fill: #3f4041;}.cls-2 {fill: #93c178;fill-rule: evenodd;}</style></defs>
                                        <circle data-name="Ellipse 3 copie" class="cls-1" cx="24.5" cy="24.5" r="24.5"></circle>
                                        <path data-name="Forme 17 copie 10" class="cls-2" d="M19.927,30a0.887,0.887,0,0,1-.912-0.862V20.865A0.889,0.889,0,0,1,19.927,20a0.949,0.949,0,0,1,.477.128l7.171,4.136a0.834,0.834,0,0,1,.3,1.184,0.887,0.887,0,0,1-.3.286L20.4,29.869A0.947,0.947,0,0,1,19.927,30Z"></path>
                                        <path data-name="Rectangle arrondi 6132" class="cls-2" d="M29,20a1,1,0,0,1,1,1v8a1,1,0,0,1-2,0V21A1,1,0,0,1,29,20Z"></path>
                                    </svg>
                                </i>
                            </a>
                        </li>
                    </ul>
                </div><!-- /.audio__buttons -->

                <div class="audio__titles">

                    <div class="audio-figure-content">
                        <figure class="" style=""></figure>
                    </div>
                    <div class="audio-info-content">
                        <p class="styleH5 audio-title"></p>
                        <p class="styleH6 audio-subtitle">Chargement...</p>
                    </div>
                </div>
                </div><!-- /.audio__titles -->

                <div class="audio__container hidden">
                    <audio src="" class="player player--main" preload="metadata">
                        Your browser does not support the <code>audio</code> element.
                    </audio>
                </div>
            </div><!-- /.audio__content -->

            <div class="audio__controls player-controls">
                <span class="seek-obj-container">
                    <progress value="0" max="1"></progress>
                </span>

                <small class="start-time">-0:00</small>
            </div><!-- /.audio__controls -->
        </div><!-- /.container container-/-fluid no-gutters -->
    </div><!-- /.audio-player -->

    <footer class="footer footer--red">
    <div class="container container--fluid">
        <div class="row">
            <div class="col-sm-12 col-md-5">
                <div class="form form-- form--subscribe">
                    <form action="#" method="post">
                        <div class="form__head">
                            <p class="hidden-xs">Inscription au parcours :</p>
                            <p class="hidden-sm hidden-md hidden-lg">Inscrivez-vous à la retraite :</p>
                        </div><!-- /.form__head -->

                        <div class="form__body">
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="name" class="hidden">Prénom</label>

                                    <input type="text" class="form-control" id="firstname" placeholder="Prénom">
                                    <div class="form-error"></div>
                                </div><!-- form-group -->
                            </div><!-- /.form-row -->

                            <div class="form-row">
                                <div class="form-group form-group--size2">
                                    <label for="surname" class="hidden">Nom</label>

                                    <input type="text" class="form-control" id="lastname" placeholder="Nom">
                                    <div class="form-error"></div>
                                </div><!-- form-group -->
                            </div><!-- /.form-row -->

                            <div class="form-row">
                                <div class="form-group">
                                    <label for="email" class="hidden">Email</label>

                                    <input type="email" class="form-control" id="email" placeholder="Email">
                                    <div class="form-error"></div>
                                </div><!-- form-group -->
                            </div><!-- /.form-row -->

                            <div class="form-row form-row--button">
                                <button type="submit" class="form__btn btn btn--dark btn--text-red" data-toggle="" onclick="ga('send', 'event', 'Page(s) : Inscription', 'Bloc(s) : Footer', 'CTA : Inscription NL')">
                                    Je m'inscris
                                </button>
                                <div class="form-error"></div>
                            </div><!-- /.form-row -->
                        </div><!-- /.form__body -->
                    </form>
                </div><!-- /.form form-/-subscribe -->
            </div><!-- /.col-sm-12 col-md-5 -->

            <div class="col-sm-12 col-md-7">
                <div class="footer__content">
                    <div class="footer__inner">
                        <div class="footer__shape">
                            <img src="/assets/app/images/temp/ico-logo-large-grey.png" alt="" width="483" height="480">
                        </div><!-- /.footer__shape -->
                        <div class="row no-gutters">
                            <div class="col-6 col-sm-6 col-md-6">
                                <div class="footer__nav">
                                    <ul>
                                        <li>
                                            <a href="https://www.retraitedanslaville.org/qui-sommes-nous" target="_blank">Qui sommes nous ?</a>
                                        </li>

                                        <li>
                                            <a href="/legal/politique">Politique de confidentialité</a>
                                        </li>

                                        <li>
                                            <a href="/legal/cookies">Gestion des cookies</a>
                                        </li>

                                        <li>
                                            <a href="/legal/cgu">Conditions Générales d'Utilisation</a>
                                        </li>

                                        <li>
                                            <a href="/legal/mentionsl%C3%A9gales">Mentions Légales</a>
                                        </li>

                                        <li>
                                                                                            <a href="https://retraitedanslaville.iraiser.eu/b/mon-don?cid=46&_cv=1" target="_blank">Faire un don</a>
                                                                                    </li>
                                        <li>
                                            <a href="/nous-contacter">Nous contacter</a>
                                        </li>
                                    </ul>
                                </div><!-- /.footer__nav -->
                            </div><!-- /.col-6 col-sm-6 col-md-6 -->

                            <div class="col-6 col-sm-6 col-md-6">
                                <div class="footer__nav">
                                    <ul>
                                        
                                        
                                        <li>
                                            <a href="/envoyer-le-site-a-un-ami">Partager le site</a>
                                        </li>

                                        
                                                                                    <li>
                                                <a href="/inscription-page-ldlb">S'inscrire à la retraite</a>
                                            </li>
                                                                            </ul>
                                </div><!-- /.footer__nav -->

                                <div class="socials socials--dark socials--red">
                                    <ul>
                                        <li>
                                            <a href="https://twitter.com/rdlv_org" target="_blank">
                                                <i class="ico-twitter">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14">
                                                        <defs>
                                                            <style>
                                                                .cls-1 {
                                                                    fill: #3f4041;
                                                                    fill-rule: evenodd;
                                                                }
                                                            </style>
                                                        </defs>
                                                        <path data-name="Forme 6" class="cls-1" d="M17.075,1.642a5.839,5.839,0,0,1-2.038.527A3.363,3.363,0,0,0,16.55.234a7.356,7.356,0,0,1-2.215.88A3.165,3.165,0,0,0,11.829,0,3.554,3.554,0,0,0,8.392,4.338,9.952,9.952,0,0,1,1.163.644,3.506,3.506,0,0,0,2.271,5.336,2.911,2.911,0,0,1,.7,4.867a3.5,3.5,0,0,0,2.8,3.518,3.548,3.548,0,0,1-1.574.058,3.585,3.585,0,0,0,3.265,2.463A6.888,6.888,0,0,1,0,12.371,9.955,9.955,0,0,0,15.326,3.459,6.452,6.452,0,0,0,17.075,1.642Z"></path>
                                                    </svg>
                                                </i>
                                            </a>
                                        </li>

                                        <li>
                                            <a href="https://www.instagram.com/retraite_dans_la_ville/" target="_blank">
                                                <i class="ico-instagram">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14">
                                                        <defs>
                                                            <style>
                                                                .cls-1 {
                                                                    fill: #3f4041;
                                                                    fill-rule: evenodd;
                                                                }
                                                            </style>
                                                        </defs>
                                                        <path data-name="Forme 4" class="cls-1" d="M13.4,0.035H2.611A1.6,1.6,0,0,0,.97,1.666V12.429A1.584,1.584,0,0,0,2.611,14H13.456A1.632,1.632,0,0,0,15.1,12.371V1.666A1.683,1.683,0,0,0,13.4.035ZM8,4.342a2.717,2.717,0,0,1,2.7,2.676,2.7,2.7,0,0,1-5.4,0A2.717,2.717,0,0,1,8,4.342Zm5.277,7.389a0.523,0.523,0,0,1-.528.523h-9.5a0.524,0.524,0,0,1-.529-0.523V5.854H3.842a1.718,1.718,0,0,0-.118.581,1.987,1.987,0,0,0-.058.583,4.338,4.338,0,0,0,8.676,0,1.848,1.848,0,0,0-.056-0.583,2.071,2.071,0,0,0-.119-0.581h1.115v5.877Zm0-8.146a0.523,0.523,0,0,1-.528.523h-1.29a0.523,0.523,0,0,1-.528-0.523V2.3a0.524,0.524,0,0,1,.528-0.524h1.29a0.524,0.524,0,0,1,.528.524v1.28Z"></path>
                                                    </svg>
                                                </i>
                                            </a>
                                        </li>

                                        <li>
                                            <a href="https://www.facebook.com/RDLV.org" target="_blank">
                                                <i class="ico-facebook">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14">
                                                        <defs>
                                                            <style>
                                                                .cls-1 {
                                                                    fill: #3f4041;
                                                                    fill-rule: evenodd;
                                                                }
                                                            </style>
                                                        </defs>
                                                        <path data-name="Forme 5" class="cls-1" d="M2.7,4.69H0.938V7.018H2.7V14H5.647V7.018H7.763L8,4.69H5.647V3.7c0-.581.115-0.756,0.645-0.756H8V0.035H5.762c-2.118,0-3.06.931-3.06,2.676V4.69Z"></path>
                                                    </svg>
                                                </i>
                                            </a>
                                        </li>

                                        <li>
                                            <a href="https://www.youtube.com/user/frerethierry" target="_blank">
                                                <i class="ico-youtube">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="17" viewBox="0 0 14 17">
                                                        <defs>
                                                            <style>
                                                                .cls-1 {
                                                                    fill: #3f4041;
                                                                    fill-rule: evenodd;
                                                                }
                                                            </style>
                                                        </defs>
                                                        <path data-name="Forme 1388" class="cls-1" d="M1.858,0.009H2.865l0.69,2.617L4.2,0.009H5.214L4.049,3.9V6.558h-1V3.9ZM6.473,1.687a1.228,1.228,0,0,0-1.3,1.3V5.352a1.155,1.155,0,0,0,1.3,1.295A1.224,1.224,0,0,0,7.752,5.352V2.984A1.256,1.256,0,0,0,6.473,1.687ZM6.844,5.313a0.394,0.394,0,0,1-.373.456,0.4,0.4,0,0,1-.386-0.456V3.064a0.387,0.387,0,1,1,.759,0V5.313Zm3.311-3.586V5.394a0.933,0.933,0,0,1-.522.362c-0.19,0-.237-0.132-0.237-0.325v-3.7H8.507V5.764c0,0.478.142,0.863,0.619,0.863a1.4,1.4,0,0,0,1.028-.6V6.557h0.889V1.726H10.154Zm1.542,9.8c-0.313,0-.38.223-0.38,0.539v0.466h0.75V12.065C12.067,11.754,12,11.526,11.7,11.526ZM8.4,11.555a0.626,0.626,0,0,0-.172.14v2.867a0.7,0.7,0,0,0,.2.162,0.357,0.357,0,0,0,.434-0.048,0.542,0.542,0,0,0,.073-0.317V11.984a0.6,0.6,0,0,0-.091-0.353A0.351,0.351,0,0,0,8.4,11.555Zm3.379-3.674c-1.822-.126-7.746-0.126-9.564,0C0.249,8.017.014,9.219,0,12.384c0.013,3.158.244,4.366,2.217,4.5,1.818,0.126,7.742.126,9.564,0,1.969-.135,2.2-1.338,2.217-4.5C13.984,9.224,13.753,8.017,11.782,7.881ZM3.156,15.437H2.2V10.106H1.215V9.2H4.141v0.906H3.156v5.331h0Zm3.393,0H5.7V14.93a1.847,1.847,0,0,1-.487.427c-0.455.265-1.083,0.258-1.083-.675V10.837H4.978v3.527c0,0.185.043,0.311,0.224,0.311a0.886,0.886,0,0,0,.5-0.345V10.837H6.546v4.6h0Zm3.261-.953A0.83,0.83,0,0,1,9.033,15.5a0.962,0.962,0,0,1-.8-0.413v0.353H7.375V9.2H8.231v2.009a1.007,1.007,0,0,1,.753-0.429,0.932,0.932,0,0,1,.826,1.153v2.552h0Zm3.129-1.239h-1.62v0.87c0,0.344.028,0.643,0.369,0.643,0.358,0,.379-0.243.379-0.643v-0.32h0.871v0.346a1.2,1.2,0,0,1-1.268,1.423,1.235,1.235,0,0,1-1.225-1.423V12.074a1.26,1.26,0,0,1,1.287-1.353,1.161,1.161,0,0,1,1.206,1.353v1.171h0Z"></path>
                                                    </svg>
                                                </i>
                                            </a>
                                        </li>
                                    </ul>
                                </div><!-- /.socials -->
                            </div><!-- /.col-6 col-sm-6 col-md-6 -->
                        </div><!-- /.row -->
                    </div><!-- /.footer__inner -->
                </div><!-- /.footer__content -->
            </div><!-- /.col-sm-12 col-md-7 -->
        </div><!-- /.row -->
    </div><!-- /.container -->
</footer><!-- /.footer -->

</div><!-- /.wrapper -->
<div id="cookie-law-info-bar">
    <span>
        Nous utilisons des cookies  afin d’assurer le bon fonctionnement de notre site, pour personnaliser notre contenu,
        pour proposer des fonctionnalités disponibles sur les réseaux sociaux et afin d’analyser notre trafic.<br>
        En poursuivant votre navigation sur notre site vous acceptez l’utilisation des cookies. Pour en savoir plus veuillez lire la
        <a target="_blank" title="Politique de Confidentialité" href="/legal/politique">Politique de Confidentialité</a>.
        <br><br>
        <a target="_blank" title="En savoir plus sur la gestion des cookies" href="/legal/cookies" class="cookie-link">En savoir plus sur la gestion des cookies</a>
        <a title="En savoir plus sur la gestion des cookies" href="javascript:Cookie_Eu.write(365);" class="cookie-btn">Accepter les cookies</a>
        <br>
    </span>
</div>
    <script src="https://www.youtube.com/iframe_api"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>

    <script src="/assets/app/vendor/jquery-3.1.1.min.js"></script>
    <!-- <script src="assets/vendor/bootstrap-4.0.0/js/popper.min.js"></script> -->
    <script src="/assets/app/vendor/bootstrap-4.0.0/js/bootstrap.min.js"></script>
    <script src="/assets/app/vendor/owl-carousel2-2.3.4/owl.carousel.min.js"></script>
    <script src="/assets/app/vendor/isotope-master/isotope.pkgd.min.js"></script>
    <script src="/assets/app/vendor/magnific-popup/magnific-popup.js"></script>
    <script src="/assets/app/vendor/jquery-backward-timer/jquery-backward-timer.src.js"></script>
    <script src="/assets/app/vendor/jquery-backward-timer/jquery-backward-timer.min.js"></script>
    <script src="/assets/app/vendor/selectric/jquery.selectric.min.js"></script>
    <script src="/assets/app/vendor/malihu-custom-scrollbar-plugin-master/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="/assets/app/js/bundle.js"></script>
    <script src="/assets/app/js/newsletter.js"></script>
    <script src="/assets/app/js/misc.js"></script>
    <script src="/assets/app/js/audio.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
    <script src="/assets/app/js/cookies.js"></script>

    <!-- script pour Pop up domination  -->
        <script src='https://cdn1.pdmntn.com/a/ry_4Cl_2U.js'></script>
    
    <!-- Browser Update -->
    <script>
        var $buoop = {required:{e:-4,f:-3,o:-3,s:-1,c:-3},insecure:true,api:2019.12 };
        function $buo_f(){
            var e = document.createElement("script");
            e.src = "//browser-update.org/update.min.js";
            document.body.appendChild(e);
        };
        try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
        catch(e){window.attachEvent("onload", $buo_f)}
    </script>
    <!-- End Browser Update -->
<script>
    (function (window, document, $) {
        // Appendices slider
        const appendicesSliderEntries = $('.section-appendices .slider-entries .slider__slides');
        const appendicesSliderMedia = $('.section-appendices .slider-media .slider__slides');

        // -- Slide automatically
        setInterval(function () {
            const nextSelector = $('.section-appendices .slider-entries .owl-next').first();
            const previousSelector = $('.section-appendices .slider-entries .owl-prev').first();
            // Check if direction has changed
            const entries = $('.section-appendices .slider-entries');
            const forward = entries.has('data-forward') ? entries.attr('data-forward') === 'true' : true;
            if (forward) {
                if (!nextSelector.hasClass('disabled')) {
                    appendicesSliderEntries.trigger('next.owl.carousel');
                    appendicesSliderMedia.trigger('next.owl.carousel');
                } else {
                    appendicesSliderEntries.trigger('prev.owl.carousel');
                    appendicesSliderMedia.trigger('prev.owl.carousel');
                    entries.attr('data-forward', 'false');
                }
            } else {
                if (!previousSelector.hasClass('disabled')) {
                    appendicesSliderEntries.trigger('prev.owl.carousel');
                    appendicesSliderMedia.trigger('prev.owl.carousel');
                } else {
                    appendicesSliderEntries.trigger('next.owl.carousel');
                    appendicesSliderMedia.trigger('next.owl.carousel');
                    entries.attr('data-forward', 'true');
                }
            }
        }, 6000);
    })(window, document, window.jQuery);
</script>
</body>
</html>
