Twig\Error\RuntimeError {#1868
  -lineno: 519
  -name: "base_mpako.html.twig"
  -rawMessage: "Variable "comites" does not exist."
  -sourcePath: "/home/etdluilu/public_html/templates/base_mpako.html.twig"
  -sourceCode: """
    {% extends 'base.html.twig' %}\n
    \n
    {% block head %}\n
        <header id="header" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyChangeLogo': false, 'stickyStartAt': 53, 'stickySetTop': '-53px'}">\n
    \t\t\t\t<div class="header-body border-top-0 h-auto box-shadow-none">\n
    \t\t\t\t\t<div class="header-top border-width-1">\n
    \t\t\t\t\t\t<div class="container-fluid px-lg-5 h-100">\n
    \t\t\t\t\t\t\t<div class="header-row h-100">\n
    \t\t\t\t\t\t\t\t<div class="header-column justify-content-start">\n
    \t\t\t\t\t\t\t\t\t<div class="header-row">\n
    \t\t\t\t\t\t\t\t\t\t<nav class="header-nav-top">\n
    \t\t\t\t\t\t\t\t\t\t\t<ul class="nav nav-pills">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<li class="nav-item py-2 d-none d-sm-inline-flex pe-2">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="ps-0 font-weight-semibold text-color-default text-2"><i class="icon-location-pin icons text-color-tertiary p-relative top-3 text-4-5"></i> Secteur de Kibali, Haut-Uélé, RDC</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t</ul>\n
    \t\t\t\t\t\t\t\t\t\t</nav>\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t<div class="header-column justify-content-end">\n
    \t\t\t\t\t\t\t\t\t<div class="header-row">\n
    \t\t\t\t\t\t\t\t\t\t<nav class="header-nav-top">\n
    \t\t\t\t\t\t\t\t\t\t\t<ul class="nav nav-pills p-relative bottom-2">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<li class="nav-item py-2 d-none d-md-inline-flex">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<a href="mailto:mail@domain.com" class="text-2 font-weight-semibold text-color-default text-color-hover-tertiary"><i class="icon-envelope icons text-color-tertiary p-relative top-3 text-4-5"></i> contact@etdkibali.com</a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t<li class="nav-item py-2 pe-2">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="text-2 font-weight-semibold text-color-default d-none d-lg-block"><i class="icon-clock icons text-color-tertiary p-relative top-3 text-4-5"></i> Lun - samedi 8h00 - 17h00 / dimanche - fermé</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t<li class="nav-item py-2 pe-2">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<a href="tel:123-456-7890" class="text-2 font-weight-semibold text-color-default text-color-hover-tertiary"><i class="icon-phone icons text-color-tertiary p-relative top-2 text-4-5"></i> +243 817245321</a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t</ul>\n
    \t\t\t\t\t\t\t\t\t\t</nav>\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t</div>\n
    \t\t\t\t\t<div class="header-container header-container-height-sm container-fluid px-lg-5 p-static">\n
    \t\t\t\t\t\t<div class="header-row">\n
    \t\t\t\t\t\t\t<div class="header-column">\n
    \t\t\t\t\t\t\t\t<div class="header-row">\n
    \t\t\t\t\t\t\t\t\t<div class="header-logo">\n
    \t\t\t\t\t\t\t\t\t\t<a href="{{path('app_welcome')}}">\n
    \t\t\t\t\t\t\t\t\t\t\t<img alt="Porto" width="123" height="50" src="{{asset('img/demos/etd.png')}}">\n
    \t\t\t\t\t\t\t\t\t\t</a>\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t<div class="header-column justify-content-end justify-content-lg-center w-100">\n
    \t\t\t\t\t\t\t\t<div class="header-row">\n
    \t\t\t\t\t\t\t\t\t<div class="header-nav header-nav-line header-nav-bottom-line header-nav-bottom-line-effect-1 justify-content-lg-center ps-lg-5">\n
    \t\t\t\t\t\t\t\t\t\t<div class="header-nav-main header-nav-main-square header-nav-main-text-capitalize header-nav-main-text-size-4 header-nav-main-dropdown-no-borders header-nav-main-arrows header-nav-main-full-width-mega-menu header-nav-main-mega-menu-bg-hover header-nav-main-effect-2">\n
    \t\t\t\t\t\t\t\t\t\t\t<nav class="collapse">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<ul class="nav nav-pills" id="mainNav">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="{{path('app_welcome')}}" class="nav-link {% if page == 'home' %} active {% endif %}">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\tAccueil\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<li class="dropdown">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="{{path('app_qui_somme_nous')}}" class="nav-link {% if page == 'sokimo' %} active {% endif %}">A propos</a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class="nav-link {% if page == 'arrete' %} active {% endif %}" href="{{path('app_transparence_arrete_index')}}">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\tArrêtés\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class="nav-link {% if page == 'appel' %} active {% endif %}" href="{{path('app_appel_offre_index')}}">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\tAppels d'offres\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class="nav-link {% if page == 'equipe' %} active {% endif %}" href="{{path('app_equipe')}}">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\tGestion\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class="nav-link {% if page == 'redevance' %} active {% endif %}" href="{{path('app_obligation_redevance_index')}}">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\tRedevances\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
                              \t\t\t\t\t\t\t<li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class="nav-link {% if page == 'projet' %} active {% endif %}" href="{{path('app_emine_autres_projet_etd_index')}}">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\tProjets\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
                              \t\t\t\t\t\t\t<li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class="nav-link {% if page == 'galerie' %} active {% endif %}" href="{{path('app_galerie')}}">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\tGalerie\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
                              \t\t\t\t\t\t\t<li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class="nav-link {% if page == 'actualite' %} active {% endif %}" href="{{path('app_actualite_actualite_index')}}">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\tActualités\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</ul>\n
    \t\t\t\t\t\t\t\t\t\t\t</nav>\n
    \t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t\t<button class="btn header-btn-collapse-nav" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav">\n
    \t\t\t\t\t\t\t\t\t\t\t<i class="fas fa-bars"></i>\n
    \t\t\t\t\t\t\t\t\t\t</button>\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t<div class="header-nav-features header-nav-features-no-border pe-3 order-1 order-lg-2">\n
    \t\t\t\t\t\t\t\t\t\t<div class="header-nav-feature header-nav-features-search d-inline-flex">\n
    \t\t\t\t\t\t\t\t\t\t\t<a href="#" class="header-nav-features-toggle text-decoration-none" data-focus="headerSearch" aria-label="Search"><i class="fas fa-search header-nav-top-icon text-4 p-relative top-3"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t<div class="header-nav-features-dropdown" id="headerTopSearchDropdown">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<form role="search" action="page-search-results.html" method="get">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<div class="simple-search input-group">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<input class="form-control text-1" id="headerSearch" name="q" type="search" value="" placeholder="Search...">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class="btn" type="submit" aria-label="Search">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class="fas fa-search header-nav-top-icon"></i>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</form>\n
    \t\t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t</div>\n
    \t\t\t\t</div>\n
    \t\t\t</header>   \n
    {% endblock %}\n
    \n
    {% block body %}\n
      <div role="main" class="main">\n
        \n
    \t\t\t\t<div class="p-relative">\n
    \t\t\t\t\t<div class="owl-carousel owl-carousel-light owl-carousel-light-init-fadeIn owl-theme manual nav-style-1 nav-arrows-thin nav-font-size-lg custom-nav-1 custom-nav-1-pos-1 p-relative mb-0" data-plugin-options="{'autoplay': true, 'autoplayTimeout': 7000}" data-dynamic-height="['calc(100vh - 305px)','calc(100vh - 305px)','calc(100vh - 305px)','calc(100vh - 305px)','calc(100vh - 305px)']" style="height: calc(100vh - 305px);">\n
    \t\t\t\t\t\t<div class="owl-stage-outer">\n
    \t\t\t\t\t\t\t<div class="owl-stage">\n
    \n
    \t\t\t\t\t\t\t\t<!-- Carousel Slide 1 -->\n
    \t\t\t\t\t\t\t\t<div class="owl-item p-relative overflow-hidden">\n
    \t\t\t\t\t\t\t\t\t<div class="background-image-wrapper p-absolute d-none d-lg-block w-100 h-100 top-0 right-0 bottom-0" style="background-image: url({{asset('img/demos/ETD4.jpg')}}); background-size: cover; max-width: 50vw;"></div>\n
    \n
    \t\t\t\t\t\t\t\t\t<div class="background-image-wrapper p-absolute w-100 h-100 top-0 left-0 bottom-0" style="background-image: url({{asset('img/demos/ETD2.jpg')}}); background-size: cover; max-width: 50vw;"></div>\n
    \n
    \t\t\t\t\t\t\t\t\t<div class="container p-relative z-index-3 h-100">\n
    \t\t\t\t\t\t\t\t\t\t<div class="row align-items-center h-100">\n
    \t\t\t\t\t\t\t\t\t\t\t<div class="col-lg-8 col-xl-6 text-center text-md-start">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<h2 class="font-weight-semi-bold  text-9 text-md-12 line-height-2 mb-3 appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="200" data-plugin-options="{'minWindowWidth': 0}" style="color:white;">le Secteur Kibali, s’impose comme un modèle de gestion locale rigoureuse.</h2>\n
    \t\t\t\t\t\t\t\t\t\t\t\t<p class="font-weight-medium text-4-5 line-height-5 mb-2 appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="400" data-plugin-options="{'minWindowWidth': 0}" style="color:white;">Bénéficiant d’une part des 15% de la redevance minière allouée aux entités impactées</p>\n
    \t\t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t\t\t\t<!-- Carousel Slide 2 -->\n
    \t\t\t\t\t\t\t\t<div class="owl-item p-relative overflow-hidden">\n
    \t\t\t\t\t\t\t\t\t<div class="background-image-wrapper p-absolute d-none d-lg-block w-100 h-100 top-0 right-0 bottom-0" style="background-image: url({{asset('img/demos/ETD6.png')}}); background-size: cover;"></div>\n
    \n
    \t\t\t\t\t\t\t\t\t<div class="container p-relative z-index-3 h-100">\n
    \t\t\t\t\t\t\t\t\t\t<div class="row align-items-center justify-content-end h-100">\n
    \t\t\t\t\t\t\t\t\t\t\t<div class="col-lg-8 col-xl-6 text-center text-md-start">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<h2 class="font-weight-semi-bold text-9 text-md-12 line-height-2 mb-3 appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="200" data-plugin-options="{'minWindowWidth': 0}" style="color:white;">La conversion de ressources en projets</h2>\n
    \t\t\t\t\t\t\t\t\t\t\t\t<p class="font-weight-medium text-4-5 line-height-5 mb-2 appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="400" data-plugin-options="{'minWindowWidth': 0}" style="color:white;">le secteur a su convertir ces ressources en projets concrets, visibles et durables, malgré les défis logistiques et les attentes élevées.</p>\n
    \t\t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t<div class="owl-nav">\n
    \t\t\t\t\t\t\t<button type="button" role="presentation" class="owl-prev" aria-label="Previous"></button>\n
    \t\t\t\t\t\t\t<button type="button" role="presentation" class="owl-next" aria-label="Next"></button>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t<div class="p-absolute custom-el-pos-1 d-none d-xl-block z-index-2">\n
    \t\t\t\t\t\t<img width="353" height="407" src="{{asset('img/demos/dentist/generic/generic-3.svg')}}" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-tertiary'}" />\n
    \t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t<div class="p-absolute custom-el-pos-2 rotate-l-65 d-none d-xl-block z-index-2">\n
    \t\t\t\t\t\t<img width="330" height="346" src="{{asset('img/demos/dentist/generic/generic-4.svg')}}" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}" />\n
    \t\t\t\t\t</div>\n
    \t\t\t\t</div>\n
    \n
    \t\t\t\t<div id="home-intro" class="home-intro bg-primary p-relative z-index-3 m-0">\n
    \t\t\t\t\t<div class="container py-2">\n
    \t\t\t\t\t\t<div class="row align-items-center text-center text-md-start">\n
    \t\t\t\t\t\t\t<div class="col-lg-9 mb-3 mb-lg-0">\n
    \t\t\t\t\t\t\t\t<p class="text-color-light text-4-5 font-weight-medium line-height-4 mb-0">\n
    \t\t\t\t\t\t\t\t\t<strong>Des projets concrets</strong> portés par une gouvernance de proximité. <u>+243819532997</u>\n
    \t\t\t\t\t\t\t\t</p>\n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t<div class="col-lg-3 text-center text-md-start text-lg-end">\n
    \t\t\t\t\t\t\t\t<a href="{{asset('app_contact')}}" class="btn btn-secondary border-0 text-3-5 font-weight-semi-bold btn-px-5 btn-py-3">Contact</a>\n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t</div>\n
    \t\t\t\t</div>\n
    \n
    \t\t\t\t<div class="container my-5">\n
    \t\t\t\t\t<div class="row">\n
    \t\t\t\t\t\t<div class="col py-4">\n
    \n
    \t\t\t\t\t\t\t<div class="featured-boxes featured-boxes-style-9">\n
    \t\t\t\t\t\t\t\t<div class="row">\n
    \t\t\t\t\t\t\t\t\t<div class="col-lg-4 px-lg-3">\n
    \t\t\t\t\t\t\t\t\t\t<div class="featured-box featured-box-primary">\n
    \t\t\t\t\t\t\t\t\t\t\t<div class="box-content">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<span class="icon-featured icon-featured-lg">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<img height="100" src="{{asset('img/demos/dentist/icons/icon-7.svg')}}" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-tertiary mt-1'}" />\n
    \t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t<h4 class="font-weight-semi-bold mt-3 pt-2 mb-3 text-5-5 text-color-dark">Développement durable</h4>\n
    \t\t\t\t\t\t\t\t\t\t\t\t<p class="mb-0 text-3-5 font-weight-medium">Le secteur incarne une vision de développement que beaucoup gagneraient à adopter.</p>\n
    \t\t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t<div class="col-lg-4 px-lg-3">\n
    \t\t\t\t\t\t\t\t\t\t<div class="featured-box featured-box-secondary">\n
    \t\t\t\t\t\t\t\t\t\t\t<div class="box-content">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<span class="icon-featured icon-featured-lg">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<img height="100" src="{{asset('img/demos/dentist/icons/icon-2.svg')}}" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-tertiary mt-1'}" />\n
    \t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t<h4 class="font-weight-semi-bold mt-3 pt-2 mb-3 text-5-5 text-color-dark">Projets concrets</h4>\n
    \t\t\t\t\t\t\t\t\t\t\t\t<p class="mb-0 text-3-5 font-weight-medium">Ressources convertis en projets concrets malgré les défis logistiques et les attentes élevées.</p>\n
    \t\t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t<div class="col-lg-4 px-lg-3">\n
    \t\t\t\t\t\t\t\t\t\t<div class="featured-box featured-box-tertiary">\n
    \t\t\t\t\t\t\t\t\t\t\t<div class="box-content">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<span class="icon-featured icon-featured-lg">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<img height="100" src="{{asset('img/demos/dentist/icons/icon-3.svg')}}" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-tertiary mt-1'}" />\n
    \t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t<h4 class="font-weight-semi-bold mt-3 pt-2 mb-3 text-5-5 text-color-dark">Rayonnement urbain</h4>\n
    \t\t\t\t\t\t\t\t\t\t\t\t<p class="mb-0 text-3-5 font-weight-medium">Le stade de football, nouvellement construit, est devenu un lieu central de rassemblement.</p>\n
    \t\t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t</div>\n
    \t\t\t\t</div>\n
    \n
    \t\t\t\t<section class="section border-0 bg-color-light m-0 py-5">\n
    \t\t\t\t\t<div class="container py-5 my-2">\n
    \t\t\t\t\t\t<div class="row align-items-xl-center">\n
    \t\t\t\t\t\t\t<div class="col-lg-6 mb-5 mb-lg-0 text-center">\n
    \n
    \t\t\t\t\t\t\t\t<svg height="0" width="0">\n
    \t\t\t\t\t\t\t\t\t<defs>\n
    \t\t\t\t\t\t\t\t\t\t<clipPath id="svgPath">\n
    \t\t\t\t\t\t\t\t\t\t\t<path d="M143.3,391.5C64.74,320.29-11.54,212.43,1.46,109.91,6.81,67.72,35,23.31,77.51,11.57c45.8-12.65,81.56,9.87,127.88,10,51,.11,99.23-34,152.49-16.65C458.61,37.71,412.21,170.19,372,228c-10.63,15.3-44.76,63.1-48.29,40.44-9.23-59.24-26.68-67.61-57.52-75.23-32.68-8.07-80.24,8.61-92.4,39.25-26.47,66.76,31,137.89,64.57,191.19.89,1.42,38.8,48.72,31,50.86-21.12,5.77-69.06-37.36-84.67-48.95C171.14,415.52,157.18,404.08,143.3,391.5Z" style="fill:#000"/>\n
    \t\t\t\t\t\t\t\t\t\t</clipPath>\n
    \t\t\t\t\t\t\t\t\t</defs>\n
    \t\t\t\t\t\t\t\t</svg>\t\n
    \n
    \t\t\t\t\t\t\t\t<img class="img-fluid" style="clip-path: url(#svgPath); min-height: 480px; max-width: 420px;" src="{{asset('img/demos/PROJET1.jpg')}}" alt="">\n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t<div class="col-lg-6 ps-lg-4 ps-xl-5">\n
    \t\t\t\t\t\t\t\t<h2 class="d-inline-block line-height-5 text-4 positive-ls-3 font-weight-semibold text-color-primary mb-2 appear-animation" data-appear-animation="fadeInUpShorter">Projets</h2>\n
    \t\t\t\t\t\t\t\t<h3 class="text-color-dark text-9 line-height-3 text-transform-none font-weight-semibold mb-4 mb-lg-3 mb-xl-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="250">L’éducation et la santé au centre de priorités du secteur</h3>\n
    \t\t\t\t\t\t\t\t<p class="text-3-5 font-weight-medium pb-1 mb-4 mb-lg-2 mb-xl-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="500">De nouvelles écoles ont été construites, contribuant à la scolarisation massive des enfants et à la lutte contre l’analphabétisme. Parallèlement, des centres de santé ont vu le jour ou été modernisés, tandis que plusieurs forages ont permis d’améliorer l’accès à l’eau potable, bien que certains prestataires aient montré des limites dans la qualité de leurs ouvrages.</p>\n
    \t\t\t\t\t\t\t\t<div class="row align-items-center pb-2 mb-4 mb-lg-1 mb-xl-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="750">\n
    \t\t\t\t\t\t\t\t\t<div class="col-5">\n
    \t\t\t\t\t\t\t\t\t\t<div class="d-flex">\n
    \t\t\t\t\t\t\t\t\t\t\t<span class="text-4 font-weight-bold text-color-dark pt-2 ms-2">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<strong class="d-block font-weight-bold text-10 mb-2">100+</strong>\n
    \t\t\t\t\t\t\t\t\t\t\t\tProjets concrets\n
    \t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t<div class="col-7">\n
    \t\t\t\t\t\t\t\t\t\t<p class="mb-0">Les projets réalisés avec l'argent perçu de la redevance. </p>\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t<div class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1000">\n
    \t\t\t\t\t\t\t\t\t<a href="#" class="btn btn-secondary border-0 text-3 font-weight-semi-bold btn-px-5 btn-py-3">En savoir plus</a>\n
    \t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t</div>\n
    \t\t\t\t</section>\n
    \n
    \t\t\t\t<section class="section border-0 bg-transparent m-0 py-5">\n
    \t\t\t\t\t<div class="container-fluid">\n
    \t\t\t\t\t\t<div class="row px-4">\n
    \n
    \t\t\t\t\t\t\t<div class="owl-carousel owl-theme full-width nav-style-1 nav-arrows-thin nav-font-size-lg custom-nav-1 custom-nav-1-pos-2 p-relative mb-0" data-plugin-options="{'responsive': {'0': {'items': 1}, '479': {'items': 1}, '768': {'items': 2}, '979': {'items': 2}, '1199': {'items': 4}}, 'loop': true, 'nav': true, 'dots': false, 'margin': 40}">\n
    \t\t\t\t\t\t\t\t<div>\n
    \t\t\t\t\t\t\t\t\t<span class="thumb-info thumb-info-no-borders thumb-info-no-borders-rounded thumb-info-slow-image-zoom-hover thumb-info-swap-content anim-hover-inner-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t<span class="thumb-info-wrapper overlay overlay-op-3 overlay-show overflow-hidden">\n
    \t\t\t\t\t\t\t\t\t\t\t<img src="{{asset('img/demos/PROJET1.jpg')}}" alt="" height="462px" width="405px">\n
    \t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-title bg-transparent w-100 mw-100 p-0 top-0 p-5">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<span class="anim-hover-inner-translate-bottom-20px transition-2ms d-inline-block">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class="text-color-light text-5 font-weight-bold">Construction des écoles</h4>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-title bottom-30 bg-transparent w-100 mw-100 p-0">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-swap-content-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-start ps-5">\n
    \t\t\t\t\t\t\t\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-2">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class="px-5 text-4 text-lg-2 opacity-7 font-weight-medium text-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras posuere elit in massa congue congue. Ut ornare fermentum sem, vitae port.</p>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="#" class="btn btn-primary btn-arrow-effect-1 py-2 px-3 ms-5 mb-3 text-3 text-lg-1 ls-0 border-0">En savoir plus <i class="fas fa-arrow-right ms-2"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t<div>\n
    \t\t\t\t\t\t\t\t\t<span class="thumb-info thumb-info-no-borders thumb-info-no-borders-rounded thumb-info-slow-image-zoom-hover thumb-info-swap-content anim-hover-inner-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t<span class="thumb-info-wrapper overlay overlay-op-3 overlay-show overflow-hidden">\n
    \t\t\t\t\t\t\t\t\t\t\t<img src="{{asset('img/demos/PROJET2.jpeg')}}" height="462px" width="405px" alt="">\n
    \t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-title bg-transparent w-100 mw-100 p-0 top-0 p-5">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<span class="anim-hover-inner-translate-bottom-20px transition-2ms d-inline-block">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class="text-color-light text-5 font-weight-bold">Construction des routes</h4>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-title bottom-30 bg-transparent w-100 mw-100 p-0">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-swap-content-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-start ps-5">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-2">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class="px-5 text-4 text-lg-2 opacity-7 font-weight-medium text-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras posuere elit in massa congue congue. Ut ornare fermentum sem, vitae port.</p>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="#" class="btn btn-primary btn-arrow-effect-1 py-2 px-3 ms-5 mb-3 text-3 text-lg-1 ls-0 border-0">En savoir plus <i class="fas fa-arrow-right ms-2"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t<div>\n
    \t\t\t\t\t\t\t\t\t<span class="thumb-info thumb-info-no-borders thumb-info-no-borders-rounded thumb-info-slow-image-zoom-hover thumb-info-swap-content anim-hover-inner-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t<span class="thumb-info-wrapper overlay overlay-op-3 overlay-show overflow-hidden">\n
    \t\t\t\t\t\t\t\t\t\t\t<img src="{{asset('img/demos/PROJET3.png')}}" height="462px" width="405px" alt="">\n
    \t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-title bg-transparent w-100 mw-100 p-0 top-0 p-5">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<span class="anim-hover-inner-translate-bottom-20px transition-2ms d-inline-block">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class="text-color-light text-5 font-weight-bold">Les écoles modernes</h4>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-title bottom-30 bg-transparent w-100 mw-100 p-0">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-swap-content-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-start ps-5">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-2">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class="px-5 text-4 text-lg-2 opacity-7 font-weight-medium text-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras posuere elit in massa congue congue. Ut ornare fermentum sem, vitae port.</p>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="#" class="btn btn-primary btn-arrow-effect-1 py-2 px-3 ms-5 mb-3 text-3 text-lg-1 ls-0 border-0">En savoir plus <i class="fas fa-arrow-right ms-2"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t<div>\n
    \t\t\t\t\t\t\t\t\t<span class="thumb-info thumb-info-no-borders thumb-info-no-borders-rounded thumb-info-slow-image-zoom-hover thumb-info-swap-content anim-hover-inner-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t<span class="thumb-info-wrapper overlay overlay-op-3 overlay-show overflow-hidden">\n
    \t\t\t\t\t\t\t\t\t\t\t<img src="{{asset('img/demos/PROJET6.jpg')}}" height="462px" width="405px" alt="">\n
    \t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-title bg-transparent w-100 mw-100 p-0 top-0 p-5">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<span class="anim-hover-inner-translate-bottom-20px transition-2ms d-inline-block">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class="text-color-light text-5 font-weight-bold">Des routes durables</h4>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-title bottom-30 bg-transparent w-100 mw-100 p-0">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-swap-content-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-start ps-5">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-2">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class="px-5 text-4 text-lg-2 opacity-7 font-weight-medium text-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras posuere elit in massa congue congue. Ut ornare fermentum sem, vitae port.</p>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="#" class="btn btn-primary btn-arrow-effect-1 py-2 px-3 ms-5 mb-3 text-3 text-lg-1 ls-0 border-0">En savoir plus <i class="fas fa-arrow-right ms-2"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t<div>\n
    \t\t\t\t\t\t\t\t\t<span class="thumb-info thumb-info-no-borders thumb-info-no-borders-rounded thumb-info-slow-image-zoom-hover thumb-info-swap-content anim-hover-inner-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t<span class="thumb-info-wrapper overlay overlay-op-3 overlay-show overflow-hidden">\n
    \t\t\t\t\t\t\t\t\t\t\t<img src="{{asset('img/demos/PROJET7.jpg')}}" height="462px" width="405px" alt="">\n
    \t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-title bg-transparent w-100 mw-100 p-0 top-0 p-5">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<span class="anim-hover-inner-translate-bottom-20px transition-2ms d-inline-block">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class="text-color-light text-5 font-weight-bold">Eau potable pour tous</h4>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-title bottom-30 bg-transparent w-100 mw-100 p-0">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-swap-content-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-start ps-5">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-2">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class="px-5 text-4 text-lg-2 opacity-7 font-weight-medium text-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras posuere elit in massa congue congue. Ut ornare fermentum sem, vitae port.</p>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="#" class="btn btn-primary btn-arrow-effect-1 py-2 px-3 ms-5 mb-3 text-3 text-lg-1 ls-0 border-0">En savoir plus <i class="fas fa-arrow-right ms-2"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t</div>\n
    \t\t\t\t</section>\n
    \n
    \t\t\t\t<section class="section border-0 bg-color-light m-0 py-5">\n
    \t\t\t\t\t<div class="container py-5 my-2">\n
    \t\t\t\t\t\t<div class="row">\n
    \t\t\t\t\t\t\t<div class="col-lg-6 mb-5 mb-lg-0">\n
    \t\t\t\t\t\t\t\t<h2 class="d-inline-block line-height-5 text-4 positive-ls-3 font-weight-semibold text-color-primary mb-2 appear-animation" data-appear-animation="fadeInUpShorter">Redevance perçue</h2>\n
    \t\t\t\t\t\t\t\t<h3 class="text-color-dark text-9 line-height-3 text-transform-none font-weight-semibold mb-4 mb-lg-3 mb-xl-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="250">La redevance perçue pour le bien-être de la communauté</h3>\n
    \t\t\t\t\t\t\t\t<p class="text-3-5 font-weight-medium pb-1 mb-4 mb-lg-2 mb-xl-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="500">Dans le secteur de Kibali, tous les opérateurs miniers actifs s'acquittent de leur obligation légale en versant une redevance minière destinée à l'ETD. Cette contribution constitue un levier essentiel pour le financement des projets communautaires, l'amélioration des infrastructures locales, ainsi que le renforcement des services sociaux de base, tels que la santé, l'éducation et l'accès à l'eau potable.</p>\n
    \n
    \t\t\t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t\t\t<div class="col-lg-6 mb-5">\n
    \t\t\t\t\t\t\t\t<ul class="list list-icons list-icons-lg ms-lg-3 mt-lg-4 pt-lg-2">\n
    \t\t\t\t\t\t\t\t\t<li class="text-3-5 font-weight-medium appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200"><i class="fas fa-check text-color-tertiary"></i> <span class="ps-2 d-block">Nous percevons la redevance venant de 3 trois opérateurs miners.</span></li>\n
    \t\t\t\t\t\t\t\t\t<li class="text-3-5 font-weight-medium appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400"><i class="fas fa-check text-color-tertiary"></i> <span class="ps-2 d-block">La gestion de ces fonds s'inscrit dans une logique de transparence, de traçabilité et de redevabilité envers les communautés locales.</span></li>\n
    \t\t\t\t\t\t\t\t\t<li class="text-3-5 font-weight-medium appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600"><i class="fas fa-check text-color-tertiary"></i> <span class="ps-2 d-block">En collaborant étroitement avec les autorités locales, la société civile et les représentants communautaires, l’ETD du secteur de Kibali veille à ce que l’utilisation de la redevance minière réponde aux priorités identifiées par les citoyens et contribue à un développement inclusif et équitable.</span></li>\n
    \t\t\t\t\t\t\t\t</ul>\n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t\t<div class="row appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">\n
    \t\t\t\t\t\t\t<div class="col">\n
    \t\t\t\t\t\t\t\t<hr>\n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t\t<div class="row align-items-center text-center text-md-start pt-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">\n
    \t\t\t\t\t\t\t<div class="col-lg-9 mb-3 mb-lg-0">\n
    \t\t\t\t\t\t\t\t<p class="text-color-primary text-4-5 font-weight-medium line-height-4 mb-0">\n
    \t\t\t\t\t\t\t\t\t<strong>Des projets concrets</strong> portés par une gouvernance de proximité. <u>+243819532997</u>\n
    \t\t\t\t\t\t\t\t</p>\n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t<div class="col-lg-3 text-center text-md-start text-lg-end">\n
    \t\t\t\t\t\t\t\t<a href="{{asset('app_contact')}}" class="btn btn-secondary border-0 text-3-5 font-weight-semi-bold btn-px-5 btn-py-3">Contact</a>\n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t</div>\n
    \t\t\t\t</section>\n
    \n
    \n
    \t\t\t\t<div class="container mt-5 pt-4 mb-5 mb-lg-4 mb-xl-0 pb-3 pb-xl-0">\n
    \t\t\t\t\t<div class="row">\n
    \t\t\t\t\t\t<div class="col">\n
    \t\t\t\t\t\t\t<h2 class="text-color-dark font-weight-bold text-7 line-height-1 mb-3-5 appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="200">Actualités</h2>\n
    \t\t\t\t\t\t\t<p class="text-4 font-weight-light mb-5-5 appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="400">Les Actualités de l'ETD Kibali </p>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t\t<div class="row row-gutter-sm justify-content-center mb-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">\n
    \t\t\t\t\t\t{% for item in actualites %}\n
    \t\t\t\t\t\t\t<div class="col-sm-9 col-md-6 col-lg-4 mb-4 mb-lg-0">\n
    \t\t\t\t\t\t\t\t<a href="{{path('app_actualite_actualite_show', {slug: item.slug})}}" class="text-decoration-none" data-cursor-effect-hover="plus">\n
    \t\t\t\t\t\t\t\t\t<div class="card border-0">\n
    \t\t\t\t\t\t\t\t\t<div class="card-img-top position-relative overlay">\n
    \t\t\t\t\t\t\t\t\t\t<div class="position-absolute bottom-10 right-0 d-flex justify-content-end w-100 py-3 px-4 z-index-3">\n
    \t\t\t\t\t\t\t\t\t\t<span class="text-center bg-primary text-color-light font-weight-semibold text-5-5 line-height-2 px-3 py-2">\n
    \t\t\t\t\t\t\t\t\t\t\t<span class="position-relative z-index-2">\n
    \t\t\t\t\t\t\t\t\t\t\t{{item.dateActualite|date('d')}}\n
    \t\t\t\t\t\t\t\t\t\t\t<span class="d-block custom-font-size-1 positive-ls-2 px-1">{{item.dateActualite|date('M')}}</span>\n
    \t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t\t<img src="{{asset('upload/actualite/'~item.photo)}}" class="img-fluid" alt="Lorem Ipsum Dolor" />\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t<div class="card-body py-4 px-0">\n
    \t\t\t\t\t\t\t\t\t\t<span class="d-block text-color-grey font-weight-semibold positive-ls-2 text-2">{{item.categorieActualite.nom}}</span>\n
    \t\t\t\t\t\t\t\t\t\t<h3 class="text-transform-none font-weight-bold text-5 text-color-hover-primary mb-2">{{item.titre}}</p>\n
    \t\t\t\t\t\t\t\t\t\t<span class="custom-view-more d-inline-flex font-weight-medium text-color-primary">\n
    \t\t\t\t\t\t\t\t\t\tEn savoir puls\n
    \t\t\t\t\t\t\t\t\t\t<img width="27" height="27" src="img/demos/construction/icons/arrow-right.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary ms-2'}" style="width: 27px;" />\n
    \t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t</a>\n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t{% else %}\n
    \t\t\t\t\t\t\t<div class="container mt-5 mb-5">\n
    \t\t\t\t\t\t\t\t<div class="row mb-7">\n
    \t\t\t\t\t\t\t\t\t<div class="w-md-75 w-lg-50 text-center mx-md-auto text-secondary">\n
    \t\t\t\t\t\t\t\t\t<p  class="text-secondary">Aucune actualité dans la base de données!</p>\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t{% endfor %}\n
    \t\t\t\t\t</div>\n
    \t\t\t\t</div>\n
    \n
    \t\t\t\t<section class="section border-0 bg-color-transparent m-0 py-5">\n
    \t\t\t\t\t<div class="row">\n
    \t\t\t\t\t\t<div class="col text-center">\n
    \t\t\t\t\t\t\t<div class="container py-5 my-2">\n
    \t\t\t\t\t\t\t\t<h2 class="d-inline-block line-height-5 text-4 positive-ls-3 font-weight-semibold text-color-primary mb-2 appear-animation" data-appear-animation="fadeInUpShorter">Gestion</h2>\n
    \t\t\t\t\t\t\t\t<h3 class="text-color-dark text-9 line-height-3 text-transform-none font-weight-semibold mb-4 mb-lg-3 mb-xl-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="250">Equipe de gestion de l'ETD</h3>\n
    \t\t\t\t\t\t\t\t<p class="text-3-5 font-weight-medium pb-1 mb-4 mb-lg-2 mb-xl-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="500">L’ETD du secteur de Kibali est gérée par une équipe nommée par arrêtés ministériels, conformément à la législation congolaise. Elle assure la gestion transparente des ressources, notamment la redevance minière. Sa mission est de promouvoir le développement local au bénéfice des communautés.</p>\n
    \t\t\t\t\t\t\t</div>\t\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t{% for item in comites|slice(0, 1) %}\n
    \t\t\t\t\t\t<div class="container py-5 my-2">\n
    \t\t\t\t\t\t\t<div class="row align-items-center">\n
    \t\t\t\t\t\t\t\t<div class="col-md-12 mb-4 mb-md-0 appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="100">\n
    \t\t\t\t\t\t\t\t\t<h2 class="text-color-dark font-weight-bold text-5 mb-0">Au {{item.dateNomination ? item.dateNomination|date('d/m/Y') : ''}}</h2>\n
    \t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t\t\t<div class="row">\n
    \t\t\t\t\t\t\t\t<div class="col text-center">\n
    \t\t\t\t\t\t\t\t\t<div class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">\n
    \t\t\t\t\t\t\t\t\t\t<div class="owl-carousel owl-theme nav-style-1 nav-arrows-thin nav-font-size-lg custom-nav-1 custom-nav-1-pos-3 p-relative mb-0 mt-2" data-plugin-options="{'responsive': {'0': {'items': 1}, '479': {'items': 1}, '768': {'items': 2}, '979': {'items': 2}, '1199': {'items': 3}}, 'loop': true, 'nav': true, 'dots': false, 'margin': 40}">\n
    \t\t\t\t\t\t\t\t\t\t\t<div>\n
    \t\t\t\t\t\t\t\t\t\t\t\t<div class="card border-0">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info thumb-info-no-borders thumb-info-no-borders-rounded thumb-info-slow-image-zoom-hover thumb-info-swap-content anim-hover-inner-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-wrapper overlay overflow-hidden">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img src="{{asset('img/membre.jpeg')}}" class="img-fluid" alt="">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-title bottom-30 bg-transparent w-100 mw-100 p-0">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-swap-content-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-start ps-5"></span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-2">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class="px-5 text-4 text-lg-2 opacity-7 font-weight-medium text-light">Premier membre</p>\n
    \n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class="social-icons social-icons-clean social-icons-icon-light">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class="social-icons-instagram">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="http://www.instagram.com/" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class="social-icons-x">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="http://www.x.com/" target="_blank" title="X"><i class="fab fa-x-twitter"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class="social-icons-facebook">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="http://www.facebook.com/" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ul>\n
    \n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class="font-weight-bold text-capitalize line-height-1 text-5-5 mt-4 mb-0">{{item.membre1}}</h3>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<p class="font-weight-medium text-color-grey text-3 mb-2">Premier membre</p>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t\t\t\t\t\t\t<div>\n
    \t\t\t\t\t\t\t\t\t\t\t\t<div class="card border-0">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info thumb-info-no-borders thumb-info-no-borders-rounded thumb-info-slow-image-zoom-hover thumb-info-swap-content anim-hover-inner-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-wrapper overlay overflow-hidden">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img src="{{asset('img/membre.jpeg')}}" class="img-fluid" alt="">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-title bottom-30 bg-transparent w-100 mw-100 p-0">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-swap-content-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-start ps-5"></span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-2">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class="px-5 text-4 text-lg-2 opacity-7 font-weight-medium text-light">Deuxième membre</p>\n
    \n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class="social-icons social-icons-clean social-icons-icon-light">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class="social-icons-instagram">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="http://www.instagram.com/" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class="social-icons-x">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="http://www.x.com/" target="_blank" title="X"><i class="fab fa-x-twitter"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class="social-icons-facebook">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="http://www.facebook.com/" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ul>\n
    \n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class="font-weight-bold text-capitalize line-height-1 text-5-5 mt-4 mb-0">{{item.membre2}}</h3>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<p class="font-weight-medium text-color-grey text-3 mb-2">Deuxième membre</p>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t\t\t\t\t\t\t<div>\n
    \t\t\t\t\t\t\t\t\t\t\t\t<div class="card border-0">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info thumb-info-no-borders thumb-info-no-borders-rounded thumb-info-slow-image-zoom-hover thumb-info-swap-content anim-hover-inner-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-wrapper overlay overflow-hidden">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img src="{{asset('img/membre.jpeg')}}" class="img-fluid" alt="">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-title bottom-30 bg-transparent w-100 mw-100 p-0">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-swap-content-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-start ps-5"></span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-2">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class="px-5 text-4 text-lg-2 opacity-7 font-weight-medium text-light">Troisième membre</p>\n
    \n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class="social-icons social-icons-clean social-icons-icon-light">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class="social-icons-instagram">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="http://www.instagram.com/" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class="social-icons-x">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="http://www.x.com/" target="_blank" title="X"><i class="fab fa-x-twitter"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class="social-icons-facebook">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="http://www.facebook.com/" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ul>\n
    \n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class="font-weight-bold text-capitalize line-height-1 text-5-5 mt-4 mb-0">{{item.membre3}}</h3>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<p class="font-weight-medium text-color-grey text-3 mb-2">Troisième membre</p>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t\t\t\t\t\t\t<div>\n
    \t\t\t\t\t\t\t\t\t\t\t\t<div class="card border-0">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info thumb-info-no-borders thumb-info-no-borders-rounded thumb-info-slow-image-zoom-hover thumb-info-swap-content anim-hover-inner-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-wrapper overlay overflow-hidden">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img src="{{asset('img/membre.jpeg')}}" class="img-fluid" alt="">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-title bottom-30 bg-transparent w-100 mw-100 p-0">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-swap-content-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-start ps-5"></span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-2">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class="px-5 text-4 text-lg-2 opacity-7 font-weight-medium text-light">Quatrième membre</p>\n
    \n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class="social-icons social-icons-clean social-icons-icon-light">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class="social-icons-instagram">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="http://www.instagram.com/" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class="social-icons-x">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="http://www.x.com/" target="_blank" title="X"><i class="fab fa-x-twitter"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class="social-icons-facebook">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="http://www.facebook.com/" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ul>\n
    \n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class="font-weight-bold text-capitalize line-height-1 text-5-5 mt-4 mb-0">{{item.membre4}}</h3>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<p class="font-weight-medium text-color-grey text-3 mb-2">Quatrième membre</p>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t\t\t\t\t\t\t<div>\n
    \t\t\t\t\t\t\t\t\t\t\t\t<div class="card border-0">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info thumb-info-no-borders thumb-info-no-borders-rounded thumb-info-slow-image-zoom-hover thumb-info-swap-content anim-hover-inner-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-wrapper overlay overflow-hidden">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img src="{{asset('img/membre.jpeg')}}" class="img-fluid" alt="">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-title bottom-30 bg-transparent w-100 mw-100 p-0">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-swap-content-wrapper">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-start ps-5"></span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class="thumb-info-inner text-2">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class="px-5 text-4 text-lg-2 opacity-7 font-weight-medium text-light">Cinquième membre</p>\n
    \n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class="social-icons social-icons-clean social-icons-icon-light">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class="social-icons-instagram">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="http://www.instagram.com/" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class="social-icons-x">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="http://www.x.com/" target="_blank" title="X"><i class="fab fa-x-twitter"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class="social-icons-facebook">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href="http://www.facebook.com/" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ul>\n
    \n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class="font-weight-bold text-capitalize line-height-1 text-5-5 mt-4 mb-0">{{item.membre5}}</h3>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<p class="font-weight-medium text-color-grey text-3 mb-2">Cinquième membre</p>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t</div>\n
    \n
    \t\t\t\t\t\t\t<div class="row align-items-center">\n
    \t\t\t\t\t\t\t\t<div class="col-md-12 mb-4 mb-md-0 appear-animation text-center" data-appear-animation="fadeIn" data-appear-animation-delay="100">\n
    \t\t\t\t\t\t\t\t\t{% if item.arrete is not null %}\n
    \t\t\t\t\t\t\t\t\t\t<div class="text-center mt-5" style="margin-bottom:35px;">\n
    \t\t\t\t\t\t\t\t\t\t\t<a href="{{path('app_emine_cadre_juridique_arrete_show', {id: item.arrete.id, sp: 'tc'})}}" target="_blank" class=" badge badge-pill badge-xl badge-primary px-15 btn-outline btn-primary-light text-white" style="background-color:#e36041;">\n
    \t\t\t\t\t\t\t\t\t\t\t\t<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z"/>\n
    \t\t\t\t\t\t\t\t\t\t\t\t\t<path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0"/>\n
    \t\t\t\t\t\t\t\t\t\t\t\t</svg>\n
    \t\t\t\t\t\t\t\t\t\t\t\tVoir l'arrêté de nomination de l'équipe\n
    \t\t\t\t\t\t\t\t\t\t\t</a>\n
    \t\t\t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t\t\t{% endif %}\n
    \t\t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t{% else %}\n
    \t\t\t\t\t\t<div class="container" >\n
    \t\t\t\t\t\t\t<div class="row align-items-center">\n
    \t\t\t\t\t\t\t\t<p class="text-secondary text-center">Aucune information dans la base de données</p>\n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t{% endfor %}\n
    \t\t\t\t</section>\n
    \n
    \t\t\t\t<section class="section border-0 bg-color-light m-0 py-5">\n
    \t\t\t\t\t<div class="container py-5 my-2">\n
    \t\t\t\t\t\t<div class="row">\n
    \t\t\t\t\t\t\t<div class="col text-center">\n
    \t\t\t\t\t\t\t\t<h2 class="d-inline-block line-height-5 text-4 positive-ls-3 font-weight-semibold text-color-primary mb-2 appear-animation" data-appear-animation="fadeInUpShorter">Contact</h2>\n
    \t\t\t\t\t\t\t\t<h3 class="text-color-dark text-9 line-height-3 text-transform-none font-weight-semibold mb-4 mb-lg-3 mb-xl-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="250">Laissez-nous un message</h3>\n
    \t\t\t\t\t\t\t\t<p class="text-3-5 font-weight-medium pb-1 mb-4 mb-lg-2 mb-xl-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="500">Pour tout contact, écrivez-nous et vous serez repondu rapidement.</p>\n
    \n
    \t\t\t\t\t\t\t\t<form class="contact-form text-start appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="500" action="php/contact-form.php" method="POST">\n
    \t\t\t\t\t\t\t\t    <div class="contact-form-success alert alert-success d-none mt-4">\n
    \t\t\t\t\t\t\t\t        <strong>Success!</strong> Your message has been sent to us.\n
    \t\t\t\t\t\t\t\t    </div>\n
    \n
    \t\t\t\t\t\t\t\t    <div class="contact-form-error alert alert-danger d-none mt-4">\n
    \t\t\t\t\t\t\t\t        <strong>Error!</strong> There was an error sending your message.\n
    \t\t\t\t\t\t\t\t        <span class="mail-error-message text-1 d-block"></span>\n
    \t\t\t\t\t\t\t\t    </div>\n
    \n
    \t\t\t\t\t\t\t\t    <div class="row row-gutter-sm">\n
    \t\t\t\t\t\t\t\t        <div class="form-group col-lg-6 mb-4">\n
    \t\t\t\t\t\t\t\t            <input type="text" value="" data-msg-required="Please enter your name." maxlength="100" class="form-control border-0 p-3 box-shadow-none" name="name" id="name" required placeholder="Votre nom complet">\n
    \t\t\t\t\t\t\t\t        </div>\n
    \t\t\t\t\t\t\t\t        <div class="form-group col-lg-6 mb-4">\n
    \t\t\t\t\t\t\t\t            <input type="text" value="" data-msg-required="Please enter your phone number." maxlength="100" class="form-control border-0 p-3 box-shadow-none" name="phone" id="phone" required placeholder="Votre téléphone">\n
    \t\t\t\t\t\t\t\t        </div>\n
    \t\t\t\t\t\t\t\t    </div>\n
    \t\t\t\t\t\t\t\t    <div class="row row-gutter-sm">\n
    \t\t\t\t\t\t\t\t        <div class="form-group col-lg-6 mb-4">\n
    \t\t\t\t\t\t\t\t            <input type="email" value="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control border-0 p-3 box-shadow-none" name="email" id="email" required placeholder="Votre adresse email">\n
    \t\t\t\t\t\t\t\t        </div>\n
    \t\t\t\t\t\t\t\t        <div class="form-group col-lg-6 mb-4">\n
    \t\t\t\t\t\t\t\t            <input type="text" value="" data-msg-required="Please enter the service." maxlength="100" class="form-control border-0 p-3 box-shadow-none" name="service" id="service" required placeholder="Service">\n
    \t\t\t\t\t\t\t\t        </div>\n
    \t\t\t\t\t\t\t\t    </div>\n
    \t\t\t\t\t\t\t\t    <div class="row">\n
    \t\t\t\t\t\t\t\t        <div class="form-group col mb-4">\n
    \t\t\t\t\t\t\t\t            <textarea maxlength="5000" data-msg-required="Please enter the details." rows="10" class="form-control border-0 p-3 box-shadow-none" name="message" id="message" required placeholder="Details"></textarea>\n
    \t\t\t\t\t\t\t\t        </div>\n
    \t\t\t\t\t\t\t\t    </div>\n
    \t\t\t\t\t\t\t\t    <div class="row">\n
    \t\t\t\t\t\t\t\t        <div class="form-group col text-end mb-0">\n
    \t\t\t\t\t\t\t\t            <button type="submit" class="btn btn-secondary border-0 text-3-5 font-weight-semi-bold btn-px-5 btn-py-3">Envoyer</button>\n
    \t\t\t\t\t\t\t\t        </div>\n
    \t\t\t\t\t\t\t\t    </div>\n
    \t\t\t\t\t\t\t\t</form>\n
    \n
    \t\t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t</div>\n
    \t\t\t\t</section>    \n
    \t</div>\n
    {% endblock %}\n
    \n
    {% block footer %}\n
    \t\t\t<footer id="footer" class="border-0 mt-0" style="background-color:#17418a;">\n
    \t\t\t\t<div class="container pt-5">\n
    \t\t\t\t\t<div class="row text-center text-lg-start font-weight-semi-bold text-color-light text-4 py-3">\n
    \t\t\t\t\t\t<div class="col-lg-6 mb-5 mb-lg-0">\n
    \t\t\t\t\t\t\t<i class="icon-location-pin icons text-color-tertiary text-6 p-relative top-6 me-1"></i> Secteur de Kibali, Haut-Uélé, RDC\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t<div class="col-lg-6 text-lg-end">\n
    \t\t\t\t\t\t\t<span class="d-block d-lg-inline-block mb-3 mb-lg-0 me-lg-4">\n
    \t\t\t\t\t\t\t\t<i class="icon-envelope icons text-color-tertiary text-6 p-relative top-7 me-1"></i> <a href="mailto:mail@domain.com" class="text-color-light text-color-hover-tertiary text-decoration-none">contact@etdkibali.com</a>\n
    \t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t\t<span class="d-block d-lg-inline-block">\n
    \t\t\t\t\t\t\t\t<i class="icon-phone icons text-color-tertiary text-6 p-relative top-7 me-1"></i> <a href="tel:123-456-7890" class="text-color-light text-color-hover-tertiary text-decoration-none">243 819532995</a>\n
    \t\t\t\t\t\t\t</span>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t</div>\n
    \t\t\t\t</div>\n
    \t\t\t\t<div class="container pb-5">\n
    \t\t\t\t\t<div class="row text-center text-md-start py-4 my-5">\n
    \t\t\t\t\t\t<div class="col-md-6 col-lg-3 align-self-center text-center text-md-start text-lg-center mb-5 mb-lg-0">\n
    \t\t\t\t\t\t\t<a href="demo-auto-services.html" class="text-decoration-none">\n
    \t\t\t\t\t\t\t\t<img src="{{asset('img/demos/etd.png')}}" class="img-fluid" alt="" />\n
    \t\t\t\t\t\t\t</a>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t<div class="col-md-6 col-lg-3 mb-5 mb-lg-0">\n
    \t\t\t\t\t\t\t<h5 class="text-transform-none font-weight-bold text-color-light text-4-5 mb-4">A propos</h5>\n
    \t\t\t\t\t\t\t<ul class="list list-unstyled">\n
    \t\t\t\t\t\t\t\t<li class="pb-1 mb-2">\n
    \t\t\t\t\t\t\t\t\t<span class="d-block font-weight-semibold line-height-1 text-color-grey text-3-5">ADDRESSE</span> \n
    \t\t\t\t\t\t\t\t\t<a href="demo-auto-services-contact.html#get-direction" class="text-color-light font-weight-medium text-3-5">GET DIRECTIONS</a>\n
    \t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t<li class="pb-1 mb-2">\n
    \t\t\t\t\t\t\t\t\t<span class="d-block font-weight-semibold line-height-1 text-color-grey text-3-5 mb-1">TELEPHONE</span>\n
    \t\t\t\t\t\t\t\t\t<ul class="list list-unstyled font-weight-light text-3-5 mb-0">\n
    \t\t\t\t\t\t\t\t\t\t<li class="text-color-light line-height-3 mb-0">\n
    \t\t\t\t\t\t\t\t\t\t\tUrgence: <a href="tel:+1234567890" class="text-decoration-none text-color-light text-color-hover-default">+243 819532997</a>\n
    \t\t\t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t\t</ul>\n
    \t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t<li class="pb-1 mb-2">\n
    \t\t\t\t\t\t\t\t\t<span class="d-block font-weight-semibold line-height-1 text-color-grey text-3-5">EMAIL</span>\n
    \t\t\t\t\t\t\t\t\t<a href="mailto:mail@example.com" class="text-decoration-none font-weight-light text-3-5 text-color-light text-color-hover-default">contact@etdkibali.com</a>\n
    \t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t</ul>\n
    \t\t\t\t\t\t\t<ul class="social-icons social-icons-medium">\n
    \t\t\t\t\t\t\t\t<li class="social-icons-instagram">\n
    \t\t\t\t\t\t\t\t\t<a href="http://www.instagram.com/" class="no-footer-css" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a>\n
    \t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t<li class="social-icons-x mx-2">\n
    \t\t\t\t\t\t\t\t\t<a href="http://www.twitter.com/" class="no-footer-css" target="_blank" title="Twitter"><i class="fab fa-x-twitter"></i></a>\n
    \t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t\t<li class="social-icons-facebook">\n
    \t\t\t\t\t\t\t\t\t<a href="http://www.facebook.com/" class="no-footer-css" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a>\n
    \t\t\t\t\t\t\t\t</li>\n
    \t\t\t\t\t\t\t</ul>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t<div class="col-md-6 col-lg-2 mb-5 mb-md-0">\n
    \t\t\t\t\t\t\t<h5 class="text-transform-none font-weight-bold text-color-light text-4-5 mb-4">Navigation</h5>\n
    \t\t\t\t\t\t\t<ul class="list list-unstyled mb-0">\n
    \t\t\t\t\t\t\t\t<li class="mb-0"><a href="{{path('app_welcome')}}" class="text-color-light">Accueil</a></li>\n
    \t\t\t\t\t\t\t\t<li class="mb-0"><a href="{{path('app_qui_somme_nous')}}" class="text-color-light">A propos</a></li>\n
    \t\t\t\t\t\t\t\t<li class="mb-0"><a href="{{path('app_transparence_arrete_index')}}" class="text-color-light">Arrêtés</a></li>\n
    \t\t\t\t\t\t\t\t<li class="mb-0"><a href="{{path('app_appel_offre_index')}}" class="text-color-light">Appels d'offres</a></li>\n
    \t\t\t\t\t\t\t\t<li class="mb-0"><a href="{{path('app_equipe')}}" class="text-color-light">Gestion</a></li>\n
    \t\t\t\t\t\t\t\t<li class="mb-0"><a href="{{path('app_obligation_redevance_index')}}" class="text-color-light">Redevance</a></li>\n
    \t\t\t\t\t\t\t\t<li class="mb-0"><a href="{{path('app_emine_autres_projet_etd_index')}}" class="text-color-light">Projets</a></li>\n
    \t\t\t\t\t\t\t\t<li class="mb-0"><a href="{{path('app_galerie')}}" class="text-color-light">Galerie</a></li>\n
    \t\t\t\t\t\t\t\t<li class="mb-0"><a href="{{path('app_actualite_actualite_index')}}" class="text-color-light">Actualités</a></li>\n
                    \t\t\t\t<li class="mb-0"><a href="{{path('app_contact')}}" class="text-color-light">Contact</a></li>\n
    \t\t\t\t\t\t\t\t<li class="mb-0"><a href="#" data-bs-toggle="modal" data-bs-target="#signupModal" class="text-color-light">Connexion</a></li>\n
    \t\t\t\t\t\t\t</ul>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t\t<div class="col-md-6 col-lg-3 offset-lg-1">\n
    \t\t\t\t\t\t\t<h5 class="text-transform-none font-weight-bold text-color-light text-4-5 mb-4">Heures d'ouverture</h5>\n
    \t\t\t\t\t\t\t<ul class="list list-unstyled list-inline mb-0">\n
    \t\t\t\t\t\t\t\t<li class="text-color-light">Lun - ven: 8h30 à 17h00</li>\n
    \t\t\t\t\t\t\t\t<li class="text-color-light">Samedi: 9h30 à 13h00</li>\n
    \t\t\t\t\t\t\t\t<li class="text-color-light">Dimanche: fermé</li>\n
    \t\t\t\t\t\t\t</ul>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t</div>\n
    \t\t\t\t\t<div class="row">\n
    \t\t\t\t\t\t<div class="col">\n
    \t\t\t\t\t\t\t<p class="text-center text-color-light opacity-5 text-3 mb-0">CTCPM © {{'now'|date('Y')}}. All Rights Reserved.</p>\n
    \t\t\t\t\t\t</div>\n
    \t\t\t\t\t</div>\n
    \t\t\t\t</div>\n
    \t\t\t</footer>\n
    \n
    \n
      <!-- ========== SECONDARY CONTENTS ========== -->\n
      <!-- Sign Up -->\n
      <div class="modal fade" id="signupModal" tabindex="-1" role="dialog" aria-hidden="true">\n
        <div class="modal-dialog modal-dialog-centered" role="document">\n
          <div class="modal-content">\n
            <!-- Header -->\n
            <div class="modal-close">\n
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>\n
            </div>\n
            <!-- End Header -->\n
    \n
            <!-- Body -->\n
            <div class="modal-body">\n
              <!-- Log in -->\n
              <div id="signupModalFormLogin" style="display: none; opacity: 0;">\n
                <!-- Heading -->\n
                <div class="text-center mb-7">\n
                  <h2>Log in</h2>\n
                  <p>Don't have an account yet?\n
                    <a class="js-animation-link link" href="javascript:;" role="button"\n
                       data-hs-show-animation-options='{\n
                             "targetSelector": "#signupModalFormSignup",\n
                             "groupName": "idForm"\n
                           }'>Sign up</a>\n
                  </p>\n
                </div>\n
                <!-- End Heading -->\n
    \n
                <div class="d-grid gap-2">\n
                  <a class="btn btn-white btn-lg" href="#">\n
                    <span class="d-flex justify-content-center align-items-center">\n
                      <img class="avatar avatar-xss me-2" src="./assets/svg/brands/google-icon.svg" alt="Image Description">\n
                      Log in with Google\n
                    </span>\n
                  </a>\n
    \n
                  <a class="js-animation-link btn btn-primary btn-lg" href="#"\n
                     data-hs-show-animation-options='{\n
                           "targetSelector": "#signupModalFormLoginWithEmail",\n
                           "groupName": "idForm"\n
                         }'>Log in with Email</a>\n
                </div>\n
              </div>\n
              <!-- End Log in -->\n
    \n
              <!-- Log in with Modal -->\n
              <div id="signupModalFormLoginWithEmail" style="display: none; opacity: 0;">\n
                <!-- Heading -->\n
                <div class="text-center mb-7">\n
                  <h2>Log in</h2>\n
                  <p>Don't have an account yet?\n
                    <a class="js-animation-link link" href="javascript:;" role="button"\n
                       data-hs-show-animation-options='{\n
                             "targetSelector": "#signupModalFormSignup",\n
                             "groupName": "idForm"\n
                           }'>Sign up</a>\n
                  </p>\n
                </div>\n
                <!-- End Heading -->\n
    \n
                <div class="row">\n
                  <div class="col-lg-7 col-xl-8 d-flex justify-content-center align-items-center min-vh-lg-100">\n
                  <div class="flex-grow-1 mx-auto" style="max-width: 28rem;">\n
                    <!-- Heading -->\n
                    <div class="text-center mb-5 mb-md-7">\n
                      <h1 class="h2">Welcome back</h1>\n
                      <p>Login to manage your account.</p>\n
                    </div>\n
                    <!-- End Heading -->\n
    \n
                    <!-- Form -->\n
                    <form class="js-validate needs-validation" novalidate>\n
                      <!-- Form -->\n
                      <div class="mb-4">\n
                        <label class="form-label" for="signupModalFormLoginEmail">Your email</label>\n
                        <input type="email" class="form-control form-control-lg" name="email" id="signupModalFormLoginEmail" placeholder="email@site.com" aria-label="email@site.com" required>\n
                        <span class="invalid-feedback">Please enter a valid email address.</span>\n
                      </div>\n
                      <!-- End Form -->\n
    \n
                      <!-- Form -->\n
                      <div class="mb-4">\n
                        <div class="d-flex justify-content-between align-items-center">\n
                          <label class="form-label" for="signupModalFormLoginPassword">Password</label>\n
    \n
                          <a class="form-label-link" href="./page-reset-password.html">Forgot Password?</a>\n
                        </div>\n
    \n
                        <div class="mb-4">\n
                          <input type="password" class="form-control form-control-lg" name="password" id="signupModalFormLoginPassword" placeholder="8+ characters required" aria-label="8+ characters required" required minlength="8"/>\n
                        </div>\n
    \n
                        <span class="invalid-feedback">Please enter a valid password.</span>\n
                      </div>\n
                      <!-- End Form -->\n
    \n
                      <div class="d-grid mb-3">\n
                        <button type="submit" class="btn btn-primary btn-lg">Log in</button>\n
                      </div>\n
    \n
                      <div class="text-center">\n
                        <p>Don't have an account yet? <a class="link" href="./page-signup.html">Sign up here</a></p>\n
                      </div>\n
                    </form>\n
                    <!-- End Form -->\n
                  </div>\n
                </div>\n
                <!-- End Col -->\n
                </div>\n
              <!-- End Row -->\n
              </div>\n
              <!-- End Log in with Modal -->\n
    \n
              <!-- Sign up -->\n
              <div id="signupModalFormSignup">\n
                <!-- Heading -->\n
                <div class="text-center mb-7">\n
                  <h2>Connexion</h2>\n
                  <p>Obtenez l'accès à votre compte</p>\n
                </div>\n
                <!-- End Heading -->\n
    \n
                \n
                <div class="row">\n
                  <div class="col-12">\n
                  <div class="flex-grow-1 mx-auto" style="max-width: 28rem;">\n
                    <!-- Heading -->\n
                    <div class="text-center mb-5 mb-md-7">\n
                      <h1 class="h2">Content de vous revoir!</h1>\n
                      <p>Connectez-vous pour gérer votre compte.</p>\n
                    </div>\n
                    <!-- End Heading -->\n
    \n
                    <!-- Form -->\n
                    <form action='{{ path("app_security") }}' method='POST'>\n
                      <!-- Form -->\n
                      <div class="mb-4">\n
                        <label class="form-label" for="signupModalFormLoginEmail">Username</label>\n
                        <input type="text" class="form-control form-control-lg" name="_username" id="signupModalFormLoginEmail" placeholder="Username" aria-label="email@site.com" required>\n
                        <span class="invalid-feedback">Please enter a valid email address.</span>\n
                      </div>\n
                      <!-- End Form -->\n
    \n
                      <!-- Form -->\n
                      <div class="mb-4">\n
                        <div class="d-flex justify-content-between align-items-center">\n
                          <label class="form-label" for="signupModalFormLoginPassword">Mot de passe</label>\n
    \n
                          <a class="form-label-link" href="./page-reset-password.html">Mot de passe oublié?</a>\n
                        </div>\n
    \n
                        <div class="input-group input-group-merge" data-hs-validation-validate-class>\n
                          <input type="password" class="js-toggle-password form-control form-control-lg" name="_password" id="signupModalFormLoginPassword" placeholder="Saisissez votre mot de passe" aria-label="8+ characters required" required minlength="8"\n
                                data-hs-toggle-password-options='{\n
                                "target": "#changePassTarget",\n
                                "defaultClass": "bi-eye-slash",\n
                                "showClass": "bi-eye",\n
                                "classChangeTarget": "#changePassIcon"\n
                              }'>\n
                          <a id="changePassTarget" class="input-group-append input-group-text" href="javascript:;">\n
                            <i id="changePassIcon" class="fa fa-eye"></i>\n
                          </a>\n
                        </div>\n
    \n
                        <span class="invalid-feedback">Please enter a valid password.</span>\n
                      </div>\n
                      <!-- End Form -->\n
    \n
                      <div class="d-grid mb-3">\n
                        <button type="submit" class="btn btn-primary btn-lg">Connexion</button>\n
                      </div>\n
    \n
                      <div class="text-center">\n
                        <p>Vous n'avez pas encore de compte? <a class="link" href="#">cliquez ici</a></p>\n
                      </div>\n
                    </form>\n
                    <!-- End Form -->\n
                  </div>\n
                </div>\n
                <!-- End Col -->\n
                </div>\n
              <!-- End Row -->\n
              </div>\n
              <!-- End Sign up -->\n
    \n
              <!-- Sign up with Modal -->\n
              <div id="signupModalFormSignupWithEmail" style="display: none; opacity: 0;">\n
                <!-- Heading -->\n
                <div class="text-center mb-7">\n
                  <h2>Sign up</h2>\n
                  <p>Already have an account?\n
                    <a class="js-animation-link link" href="javascript:;" role="button"\n
                       data-hs-show-animation-options='{\n
                             "targetSelector": "#signupModalFormLogin",\n
                             "groupName": "idForm"\n
                           }'>Log in</a>\n
                  </p>\n
                </div>\n
                <!-- End Heading -->\n
    \n
                <form class="js-validate need-validate" novalidate>\n
                  <!-- Form -->\n
                  <div class="mb-3">\n
                    <label class="form-label" for="signupModalFormSignupEmail">Your email</label>\n
                    <input type="email" class="form-control form-control-lg" name="email" id="signupModalFormSignupEmail" placeholder="email@site.com" aria-label="email@site.com" required>\n
                    <span class="invalid-feedback">Please enter a valid email address.</span>\n
                  </div>\n
                  <!-- End Form -->\n
    \n
                  <!-- Form -->\n
                  <div class="mb-3">\n
                    <label class="form-label" for="signupModalFormSignupPassword">Password</label>\n
                    <input type="password" class="form-control form-control-lg" name="password" id="signupModalFormSignupPassword" placeholder="8+ characters required" aria-label="8+ characters required" required>\n
                    <span class="invalid-feedback">Your password is invalid. Please try again.</span>\n
                  </div>\n
                  <!-- End Form -->\n
    \n
                  <!-- Form -->\n
                  <div class="mb-3" data-hs-validation-validate-class>\n
                    <label class="form-label" for="signupModalFormSignupConfirmPassword">Confirm password</label>\n
                    <input type="password" class="form-control form-control-lg" name="confirmPassword" id="signupModalFormSignupConfirmPassword" placeholder="8+ characters required" aria-label="8+ characters required" required\n
                           data-hs-validation-equal-field="#signupModalFormSignupPassword">\n
                    <span class="invalid-feedback">Password does not match the confirm password.</span>\n
                  </div>\n
                  <!-- End Form -->\n
    \n
                  <div class="d-grid mb-3">\n
                    <button type="submit" class="btn btn-primary form-control-lg">Sign up</button>\n
                  </div>\n
    \n
                  <div class="text-center">\n
                    <p class="small mb-0">By continuing you agree to our <a href="#">Terms and Conditions</a></p>\n
                  </div>\n
                </form>\n
              </div>\n
              <!-- End Sign up with Modal -->\n
    \n
              <!-- Reset Password -->\n
              <div id="signupModalFormResetPassword" style="display: none; opacity: 0;">\n
                <!-- Heading -->\n
                <div class="text-center mb-7">\n
                  <h2>Forgot password?</h2>\n
                  <p>Enter the email address you used when you joined and we'll send you instructions to reset your password.</p>\n
                </div>\n
                <!-- En dHeading -->\n
    \n
                <form class="js-validate need-validate" novalidate>\n
                  <div class="mb-3">\n
                    <!-- Form -->\n
                    <div class="d-flex justify-content-between align-items-center">\n
                      <label class="form-label" for="signupModalFormResetPasswordEmail" tabindex="0">Your email</label>\n
    \n
                      <a class="js-animation-link form-label-link" href="javascript:;"\n
                         data-hs-show-animation-options='{\n
                             "targetSelector": "#signupModalFormLogin",\n
                             "groupName": "idForm"\n
                           }'>\n
                        <i class="bi-chevron-left small"></i> Back to Log in\n
                      </a>\n
                    </div>\n
    \n
                    <input type="email" class="form-control form-control-lg" name="email" id="signupModalFormResetPasswordEmail" tabindex="1" placeholder="Enter your email address" aria-label="Enter your email address" required>\n
                    <span class="invalid-feedback">Please enter a valid email address.</span>\n
                    <!-- End Form -->\n
                  </div>\n
                \n
                  <div class="d-grid">\n
                    <button type="submit" class="btn btn-primary form-control-lg">Submit</button>\n
                  </div>\n
                </form>\n
              </div>\n
              <!-- End Reset Password -->\n
            </div>\n
            <!-- End Body -->\n
    \n
            <!-- Footer -->\n
            <div class="modal-footer d-block text-center py-sm-5">\n
              <small class="text-cap mb-4">Nos partenaires dans le monde</small>\n
    \n
              <div class="w-85 mx-auto">\n
                <div class="row justify-content-between">\n
                  <div class="col">\n
                    <img src="{{asset('img/mine.png')}}" width="120px" alt="Logo" style="margin-top:-7px;">\n
                  </div>\n
                  <!-- End Col -->\n
    \n
                  <div class="col">\n
                    <img class="img-fluid" src="{{asset('img/ctcpm.png')}}" alt="Logo">\n
                  </div>\n
                  <!-- End Col -->\n
    \n
                  <div class="col">\n
                    <img class="img-fluid" src="{{asset('img/giz.jpg')}}" alt="Logo" style="margin-top:-5px;">\n
                  </div>\n
                  <!-- End Col -->\n
    \n
                  <div class="col">\n
                    <img class="img-fluid" src="{{asset('img/itie.png')}}" alt="Logo">\n
                  </div>\n
                  <!-- End Col -->\n
                </div>\n
              </div>\n
              <!-- End Row -->\n
            </div>\n
            <!-- End Footer -->\n
          </div>\n
        </div>\n
      </div>\n
    {% endblock %}
    """
}