@section('title', __('Nos formations ->Société d'intérim au gabon jlcgroup.org'))
@section ('content')
        <div class="container-fluid bg-primary py-5 bg-header-clients" style="margin-bottom: 10px;">
            <div class="row py-5">
                <div class="col-12 pt-lg-5 mt-lg-5 text-center">
                    <h1 class="display-4 text-white animated zoomIn">Nos formations</h1>
                    <a href="https://www.jlcgroup.org/fr/public/accueil" class="h5 text-white">Accueil</a>
                    <i class="far fa-circle text-white px-2"></i>
                    <a href="https://www.jlcgroup.org/fr/public/nous_contacter" class="h5 text-white">Contact</a>
                </div>
            </div>
        </div>
    </div>
    <!-- Navbar End -->


    <!-- Full Screen Search Start -->
    <div class="modal fade" id="searchModal" tabindex="-1">
        <div class="modal-dialog modal-fullscreen">
            <!-- <div class="modal-content" style="background: rgba(9, 30, 62, .7);"> -->
            <div class="modal-content" style="background: rgba(191, 177, 198, 0.5);">
                <div class="modal-header border-0">
                    <button type="button" class="btn bg-white btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body d-flex align-items-center justify-content-center">
                    <div class="input-group" style="max-width: 600px;">
                        <input type="text" class="form-control bg-transparent border-primary p-3" placeholder="Type search keyword">
                        <button class="btn btn-primary px-4"><i class="bi bi-search"></i></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Full Screen Search End -->


    <!-- Team Start -->
    <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
        <div class="container py-5">
            <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
                <h1 class="mb-0">LOGISTIQUE ET SUPPLY CHAIN</h1>
            </div>
            <!-- <hr class="tall" /> -->
            <div class="row">
                <!-- <div class="col-md-12">
                    <h2>Satisfaction</h2>

                    <div class="panel-group" id="accordion">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                                        <i class="fa fa-question"></i>
                                        LOGISTIQUE ET SUPPLY CHAIN
                                    </a>
                                </h4>
                            </div>
                            <div id="collapseOne" class="accordion-body collapse in">
                                <div class="panel-body">
                                    <div class="row">
                                        <div class="col-md-3 col-sm-6">
                                            <ul>
                                            <h4> CIBLES</h4>
                                                <li>Manager</li>
                                                <li> Agent de liaison</li>
                                                <li> Responsable logistique</li>
                                                <li> Responsable des achats</li>
                                                <li> Service commercial</li>
                                                <li>  Service de la production</li>
                                                <li> Responsable de magasin</li>
                                                <li>  Magasinier</li>
                                                <li> Douanier</li>
                                                <li>  Déclarant en douane</li>
                                                <li>  Responsable du parc automobile</li>
                                            </ul>
                                        </div>
                                        <div class="col-md-9 col-sm-6">
                                            <table>
                                                <caption>
                                                    *Les prix sont exprimés en FCFA.
                                                </caption>
                                                <thead>
                                                    <tr>
                                                        <th scope="col">Code</th>
                                                        <th scope="col">FORMATIONS</th>
                                                        <th scope="col">Duree</th>
                                                        <th scope="col">Prix</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <th scope="row">SUC02FR</th>
                                                        <td> Gestions des stocks : comptabilisation et inventaire</td>
                                                        <td>2 jours</td>
                                                        <td> 400.000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">SUC03FR</th>
                                                        <td> Gestion des magasins</td>
                                                        <td>3 jours</td>
                                                        <td> 480.000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">SUC04FR</th>
                                                        <td> Cartographie de magasin </td>
                                                        <td>1 jours</td>
                                                        <td> 390.000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">SUC05FR</th>
                                                        <td> Gestion des inventaires </td>
                                                        <td>2 jours</td>
                                                        <td> 450.000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">SUC06FR</th>
                                                        <td>  Technique d’inspection des marchandises à la réception et livraison </td>
                                                        <td>1 jours</td>
                                                        <td> 330.000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">SUC07FR</th>
                                                        <td>   Procédures douanières et administratives  </td>
                                                        <td>2 jours</td>
                                                        <td> 490.000</td>
                                                    </tr><tr>
                                                        <th scope="row">SUC08FR</th>
                                                        <td> Gestion des achats et logistique à l’international  </td>
                                                        <td>3 jours</td>
                                                        <td> 500.000</td>
                                                    </tr>                                               
                                                    <tr>
                                                        <th scope="row">SUC09FR</th>
                                                        <td>Sélection et évaluation des fournisseurs </td>
                                                        <td>2 jours</td>
                                                        <td> 300.000</td>
                                                    </tr>                                               
                                                    <tr>
                                                        <th scope="row">SUC10FR</th>
                                                        <td>Négociations d’achat  </td>
                                                        <td>1 jours</td>
                                                        <td> 320.000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">SUC11FR</th>
                                                        <td>Optimiser la fonction achat dans l’entreprise </td>
                                                        <td>2 jours</td>
                                                        <td> 420.000</td>
                                                    </tr>                                               
                                                    <tr>
                                                        <th scope="row">SUC12FR</th>
                                                        <td>Lean management </td>
                                                        <td>2 jours</td>
                                                        <td> 400.000</td>
                                                    </tr>                                               
                                                    <tr>
                                                        <th scope="row">SUC13FR</th>
                                                        <td>Programme – ordonnancement – lancement </td>
                                                        <td>2 jours</td>
                                                        <td> 430.000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">SUC14FR</th>
                                                        <td>Tableau de bord de la production</td>
                                                        <td>2 jours</td>
                                                        <td> 450.000</td>
                                                    </tr>                                               
                                                    <tr>
                                                        <th scope="row">SUC15FR</th>
                                                        <td> Ordonnancement et planification d’atelier </td>
                                                        <td>2 jours</td>
                                                        <td> 480.000</td>
                                                    </tr>                                               
                                                    <tr>
                                                        <th scope="row">SUC15FR</th>
                                                        <td> Lean warehouse </td>
                                                        <td>2 jours</td>
                                                        <td> 415.000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">SUC16FR</th>
                                                        <td>Gestion des expéditions </td>
                                                        <td>2 jours</td>
                                                        <td> 480.000</td>
                                                    </tr>                                               
                                                    <tr>
                                                        <th scope="row">SUC17FR</th>
                                                        <td> Gestion des transports </td>
                                                        <td>2 jours</td>
                                                        <td> 395.000</td>
                                                    </tr>                                               
                                                    <tr>
                                                        <th scope="row">SUC18FR</th>
                                                        <td> Logistique internationale </td>
                                                        <td>3 jours</td>
                                                        <td> 500.000</td>
                                                    </tr>                                               
                                                    <tr>
                                                        <th scope="row">SUC19FR</th>
                                                        <td> Maîtriser la gestion des commandes export </td>
                                                        <td>2 jours</td>
                                                        <td> 420.000</td>
                                                    </tr>                                               
                                                    <tr>
                                                        <th scope="row">SUC20FR</th>
                                                        <td>  Fondamentaux de la gestion de la production  </td>
                                                        <td>2 jours</td>
                                                        <td> 390.000</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> -->
                <!-- <div class="col-md-12">
                    <img class="position-absolute w-100 h-100 rounded wow zoomIn" data-wow-delay="0.9s"   
                           src="https://www.jlcgroup.org/fr/public/img/formations/supplychain.png" style="object-fit: cover;"alt="image">
                </div> -->
                <div class="position-relative h-100">
                         <!-- <img class="position-absolute w-100 h-100 rounded wow zoomIn" data-wow-delay="0.9s"   
                           src="../img/Shooting_JLC_GROUP/Shooting_JLC_GROUP-1040a.png" style="object-fit: cover;">  -->
                    <img src="https://www.jlcgroup.org/fr/public/img/formations/supplychain.png"alt="image"style="Width: 100%;">
                </div>
            </div>
        </div>
    </div>
    <!-- Team End --> <!-- Qui sommes nous Start -->
    <div class="container-fluid py-0 wow fadeInUp" data-wow-delay="0.1s">
        <div class="container py-0">
            <div class="row g-5">
                <div class="col-lg-4" style="min-height: 600px;">
                    <div class="section-title position-relative pb-3 mb-5">
                        <h1 class="mb-0">CIBLES:</h1>
                    </div>
                    <ul>
                        
                        <li>Manager</li>
                        <li> Agent de liaison</li>
                        <li> Responsable logistique</li>
                        <li> Responsable des achats</li>
                        <li> Service commercial</li>
                        <li>  Service de la production</li>
                        <li> Responsable de magasin</li>
                        <li>  Magasinier</li>
                        <li> Douanier</li>
                        <li>  Déclarant en douane</li>
                        <li>  Responsable du parc automobile</li>
                    </ul>
                </div>
                <div class="col-lg-8">
                    <div class="section-title position-relative pb-3 mb-5">
                        <h1 class="mb-0">Nos cours:</h1>
                    </div>
                    
                    <table>
                        <caption>
                            *Les prix sont exprimés en FCFA.
                        </caption>
                        <thead>
                            <tr>
                                <th scope="col">Code</th>
                                <th scope="col">FORMATIONS</th>
                                <th scope="col">Duree</th>
                                <th scope="col">Prix *</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th scope="row">SUC02FR</th>
                                <td> Gestions des stocks : comptabilisation et inventaire</td>
                                <td>2 jours</td>
                                <td> 400.000</td>
                            </tr>
                            <tr>
                                <th scope="row">SUC03FR</th>
                                <td> Gestion des magasins</td>
                                <td>3 jours</td>
                                <td> 480.000</td>
                            </tr>
                            <tr>
                                <th scope="row">SUC04FR</th>
                                <td> Cartographie de magasin </td>
                                <td>1 jours</td>
                                <td> 390.000</td>
                            </tr>
                            <tr>
                                <th scope="row">SUC05FR</th>
                                <td> Gestion des inventaires </td>
                                <td>2 jours</td>
                                <td> 450.000</td>
                            </tr>
                            <tr>
                                <th scope="row">SUC06FR</th>
                                <td>  Technique d’inspection des marchandises à la réception et livraison </td>
                                <td>1 jours</td>
                                <td> 330.000</td>
                            </tr>
                            <tr>
                                <th scope="row">SUC07FR</th>
                                <td>   Procédures douanières et administratives  </td>
                                <td>2 jours</td>
                                <td> 490.000</td>
                            </tr><tr>
                                <th scope="row">SUC08FR</th>
                                <td> Gestion des achats et logistique à l’international  </td>
                                <td>3 jours</td>
                                <td> 500.000</td>
                            </tr>                                               
                            <tr>
                                <th scope="row">SUC09FR</th>
                                <td>Sélection et évaluation des fournisseurs </td>
                                <td>2 jours</td>
                                <td> 300.000</td>
                            </tr>                                               
                            <tr>
                                <th scope="row">SUC10FR</th>
                                <td>Négociations d’achat  </td>
                                <td>1 jours</td>
                                <td> 320.000</td>
                            </tr>
                            <tr>
                                <th scope="row">SUC11FR</th>
                                <td>Optimiser la fonction achat dans l’entreprise </td>
                                <td>2 jours</td>
                                <td> 420.000</td>
                            </tr>                                               
                            <tr>
                                <th scope="row">SUC12FR</th>
                                <td>Lean management </td>
                                <td>2 jours</td>
                                <td> 400.000</td>
                            </tr>                                               
                            <tr>
                                <th scope="row">SUC13FR</th>
                                <td>Programme – ordonnancement – lancement </td>
                                <td>2 jours</td>
                                <td> 430.000</td>
                            </tr>
                            <tr>
                                <th scope="row">SUC14FR</th>
                                <td>Tableau de bord de la production</td>
                                <td>2 jours</td>
                                <td> 450.000</td>
                            </tr>                                               
                            <tr>
                                <th scope="row">SUC15FR</th>
                                <td> Ordonnancement et planification d’atelier </td>
                                <td>2 jours</td>
                                <td> 480.000</td>
                            </tr>                                               
                            <tr>
                                <th scope="row">SUC15FR</th>
                                <td> Lean warehouse </td>
                                <td>2 jours</td>
                                <td> 415.000</td>
                            </tr>
                            <tr>
                                <th scope="row">SUC16FR</th>
                                <td>Gestion des expéditions </td>
                                <td>2 jours</td>
                                <td> 480.000</td>
                            </tr>                                               
                            <tr>
                                <th scope="row">SUC17FR</th>
                                <td> Gestion des transports </td>
                                <td>2 jours</td>
                                <td> 395.000</td>
                            </tr>                                               
                            <tr>
                                <th scope="row">SUC18FR</th>
                                <td> Logistique internationale </td>
                                <td>3 jours</td>
                                <td> 500.000</td>
                            </tr>                                               
                            <tr>
                                <th scope="row">SUC19FR</th>
                                <td> Maîtriser la gestion des commandes export </td>
                                <td>2 jours</td>
                                <td> 420.000</td>
                            </tr>                                               
                            <tr>
                                <th scope="row">SUC20FR</th>
                                <td>  Fondamentaux de la gestion de la production  </td>
                                <td>2 jours</td>
                                <td> 390.000</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
  <!-- Qui sommes nous End -->
<!-- end of container -->
<style>
    body {
    margin: 0;
    font-family: 'Roboto';
    font-size: 14px;
    background: #455A64;
    }

    h3 {
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    font-weight: 300;
    }

    .container {
    max-width: 970px;
    }

    div[class*='col-'] {
    padding: 0 30px;
    }

    .wrap {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    }

    a:focus,
    a:hover,
    a:active {
    outline: 0;
    text-decoration: none;
    }

    .panel {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #fff;
    background: none;
    box-shadow: none;
    }

    .panel:last-child {
    border-bottom: none;
    }

    .panel-group > .panel:first-child .panel-heading {
    border-radius: 4px 4px 0 0;
    }

    .panel-group .panel {
    border-radius: 0;
    }

    .panel-group .panel + .panel {
    margin-top: 0;
    }

    .panel-heading {
    background-color: #009688;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 0;
    }

    .panel-title a {
    display: block;
    color: #fff;
    padding: 15px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    }

    .panel-body {
    background: #fff;
    }

    .panel:last-child .panel-body {
    border-radius: 0 0 4px 4px;
    }

    .panel:last-child .panel-heading {
    border-radius: 0 0 4px 4px;
    transition: border-radius 0.3s linear 0.2s;
    }

    .panel:last-child .panel-heading.active {
    border-radius: 0;
    transition: border-radius linear 0s;
    }
    /* #bs-collapse icon scale option */

    .panel-heading a:before {
    content: '\e146';
    position: absolute;
    font-family: 'Material Icons';
    right: 5px;
    top: 10px;
    font-size: 24px;
    transition: all 0.5s;
    transform: scale(1);
    }

    .panel-heading.active a:before {
    content: ' ';
    transition: all 0.5s;
    transform: scale(0);
    }

    #bs-collapse .panel-heading a:after {
    content: ' ';
    font-size: 24px;
    position: absolute;
    font-family: 'Material Icons';
    right: 5px;
    top: 10px;
    transform: scale(0);
    transition: all 0.5s;
    }

    #bs-collapse .panel-heading.active a:after {
    content: '\e909';
    transform: scale(1);
    transition: all 0.5s;
    }
    /* #accordion rotate icon option */

    #accordion .panel-heading a:before {
    content: '\e316';
    font-size: 24px;
    position: absolute;
    font-family: 'Material Icons';
    right: 5px;
    top: 10px;
    transform: rotate(180deg);
    transition: all 0.5s;
    }

    #accordion .panel-heading.active a:before {
    transform: rotate(0deg);
    transition: all 0.5s;
    }
    /* tableau */
    table {
    border-collapse: collapse;
    border: 2px solid rgb(140 140 140);
    font-family: sans-serif;
    font-size: 0.8rem;
    letter-spacing: 1px;
    }

    caption {
    caption-side: bottom;
    padding: 10px;
    font-weight: bold;
    }

    thead,
    tfoot {
    background-color: rgb(228 240 245);
    }

    th,
    td {
    border: 1px solid rgb(160 160 160);
    padding: 8px 10px;
    }

    td:last-of-type {
    text-align: center;
    }

    tbody > tr:nth-of-type(even) {
    background-color: rgb(237 238 242);
    }

    tfoot th {
    text-align: right;
    }

    tfoot td {
    font-weight: bold;
    }
</style>
<script>
    $(document).ready(function() {
        $('.collapse.in').prev('.panel-heading').addClass('active');
        $('#accordion, #bs-collapse')
        .on('show.bs.collapse', function(a) {
            $(a.target).prev('.panel-heading').addClass('active');
        })
        .on('hide.bs.collapse', function(a) {
            $(a.target).prev('.panel-heading').removeClass('active');
        });
    });
</script>
    
@endsection
<!DOCTYPE html>
<!-- <html lang="fr"> -->
<html class="no-js" lang="en" ng-app="jlcgroupApp">
<head>
    <meta charset="utf-8">
    <!-- <title>JLC GROUP</title> -->
    <title>JLCGROUP | </title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Free HTML Templates" name="keywords">
    <meta content="Free HTML Templates" name="description">

    <!-- Favicon -->
    <!-- <link href="https://www.jlcgroup.org/fr/public/img/favicon.png" rel="icon"> -->
    <link href="https://www.jlcgroup.org/fr/public/img/faviconjlc.png" rel="icon">
    <script>
        var csrfToken = "LetDPAi95H3qeAwZlW4UC4oW3rXw3LBtlVdXuM55"; 
    </script>

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&amp;family=Rubik:wght@400;500;600;700&amp;display=swap" rel="stylesheet">

    <!-- Icon Font Stylesheet -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="https://www.jlcgroup.org/fr/public/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="https://www.jlcgroup.org/fr/public/lib/animate/animate.min.css" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="https://www.jlcgroup.org/fr/public/css/bootstrap.min.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="https://www.jlcgroup.org/fr/public/css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="https://www.jlcgroup.org/fr/public/frontend/assets/css/nice-select.css" type="text/css">
    
    <!-- CSS here -->
    <link rel="stylesheet" href="https://www.jlcgroup.org/fr/public/assets/css/slick.css">
    <link rel="stylesheet" href="https://www.jlcgroup.org/fr/public/assets/css/animate.min.css">
    <link rel="stylesheet" href="https://www.jlcgroup.org/fr/public/assets/css/style.css">

    
    <link rel="modulepreload" href="https://www.jlcgroup.org/fr/public/build/assets/app-4ed993c7.js" /><link rel="modulepreload" href="https://www.jlcgroup.org/fr/public/build/assets/app-0d91dc04.js" /><script type="module" src="https://www.jlcgroup.org/fr/public/build/assets/app-4ed993c7.js"></script><script type="module" src="https://www.jlcgroup.org/fr/public/build/assets/app-0d91dc04.js"></script>    
    <style>
            [deferred-cloak], [data-deferred-cloak], [x-deferred-cloak], .deferred-cloak {
                display: none;
            }
            .btnmnb {
                /* background: #3498db; */
                background: #0a67a6;
                /* background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
                background-image: -moz-linear-gradient(top, #3498db, #2980b9);
                background-image: -ms-linear-gradient(top, #3498db, #2980b9);
                background-image: -o-linear-gradient(top, #3498db, #2980b9);
                background-image: linear-gradient(to bottom, #3498db, #2980b9); */
                background-image: -webkit-linear-gradient(top, #0a67a6, #141a96);
                background-image: -moz-linear-gradient(top, #0a67a6,#141a96);
                background-image: -ms-linear-gradient(top, #0a67a6, #141a96);
                background-image: -o-linear-gradient(top, #0a67a6, #141a96);
                background-image: linear-gradient(to bottom, #0a67a6, #141a96);
                font-family: Arial;
                color: #ffffff;
                font-size: 20px;
                padding: 10px 20px 10px 20px;
                text-decoration: none;
                cursor: pointer;
            }
            
            .btnmnb:hover {
                /* background: #3cb0fd;
                background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
                background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
                background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
                background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
                background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
                text-decoration: none; */
                background: #0000FF;
                background-image: -webkit-linear-gradient(top, #0000FF, #0a67a6);
                background-image: -moz-linear-gradient(top, #0000FF, #0a67a6);
                background-image: -ms-linear-gradient(top, #0000FF, #0a67a6);
                background-image: -o-linear-gradient(top, #0000FF, #0a67a6);
                background-image: linear-gradient(to bottom,#0000FF,#0a67a6);
                text-decoration: none;
            }
            /* Transparent background color to disable action on page */
            #loading-ws-background-page {
                background-color: rgba(0, 0, 0, 0.5);
                bottom: 0;
                display:none;
                left: 0;
                position: fixed;
                right: 0;
                top: 0;
                z-index: 10000;
            }
            #loading-ws-bar {
                border-radius: 2px;
                display:none;
                height: 100px;
                left: 50%;
                margin-left: -75px;
                margin-top: -50px;
                position: fixed;
                top: 50%;
                width: 150px;
                z-index: 10001;
            }
        </style>
    
</head>

<body class="container-fluid bg-light w-100 vh-100">
    <!-- Preloader Start -->
    <div id="loading-ws-bar">
                <img src="https://www.jlcgroup.org/fr/public/img/profile/loader.gif" class="img-responsive" width="50%"/>
    </div>
        <div id="loading-ws-background-page"></div>
    <!-- Preloader1 Start -->
    <div id="preloader-active">
        <div class="preloader d-flex align-items-center justify-content-center">
            <div class="preloader-inner position-relative">
                <div class="preloader-circle"></div>
                <div class="preloader-img pere-text">
                <img src="https://www.jlcgroup.org/fr/public/img/faviconjlc.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- Preloader1 End -->
    <!-- Preloader  End-->






    <!-- </div> -->
    <!-- Spinner End -->
    
    <!-- Preloader Start -->
        <!-- <div id="loading-ws-bar">
            <img src="https://www.jlcgroup.org/fr/public/img/profile/loader.gif" class="img-responsive" width="50%"/>
        </div> -->

    <!-- <div id="preloader-active">
        <div class="preloader d-flex align-items-center justify-content-center">
            <div class="preloader-inner position-relative">
                <div class="preloader-circle"></div>
                <div class="preloader-img pere-text">
                <img src="https://www.jlcgroup.org/fr/public/img/faviconjlc.png" alt="">
                </div>
            </div>
        </div>
    </div> -->
    <!-- Preloader  End-->


    <!-- Topbar Start -->
    <div class="container-fluid bg-dark px-5 d-none d-lg-block">
        <div class="row gx-0">
            <div class="col-lg-10 text-center text-lg-start mb-2 mb-lg-0">
                <div class="d-inline-flex align-items-center" style="height: 45px;">
                    <small class="me-3 text-light"><i class="fa fa-map-marker-alt me-2"></i>BP.: 6278 Gabon,Libreville, Immeuble Alfred Marche centre ville, 3eme étage, derrière la poste.</small>
                    <small class="me-3 text-light"><i class="fa fa-phone-alt me-2"></i>+241 (0)11 72 59 74 </small>
                    <small class="text-light"><i class="fa fa-envelope-open me-2"></i>info@jlcgroup.org </small>
                </div>
            </div>
           <!--  <div class="col-lg-4 text-center text-lg-end">
                <div class="d-inline-flex align-items-center" style="height: 45px;">
                    <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href="https://www.jlcgroup.org/fr/public"><i class="fab fa-facebook-f fw-normal"></i></a>
                    <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href="https://www.jlcgroup.org/fr/public"><i class="fab fa-linkedin-in fw-normal"></i></a>
                </div>
            </div> -->
        </div>
    </div>
    <!-- Topbar End -->


    <!-- Navbar & Carousel Start -->
    <div class="container-fluid position-relative p-0">
        <nav class="navbar navbar-expand-lg navbar-dark px-5 py-3 py-lg-0">
          
            <div id="header__sticky" class="header__bottom">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
                            <div class="logo-gradient">
                                <a href="https://www.jlcgroup.org/fr/public/accueil">
                                    <img src="https://www.jlcgroup.org/fr/public/img/faviconjlc.png" alt="logo">
                                </a>
                            </div>
                            <div class="logo">
                                <a href="https://www.jlcgroup.org/fr/public/accueil">
                                    <img src="https://www.jlcgroup.org/fr/public/img/faviconjlc_blanc.png" alt="logo">
                                </a>
                            </div>                            
                        </div>
                    </div>
                </div>
            </div>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
                <span class="fa fa-bars"></span>
            </button>
        
            <div class="collapse navbar-collapse" id="navbarCollapse">
                <div class="navbar-nav ms-auto py-0">
                    <a href="https://www.jlcgroup.org/fr/public/accueil" class="nav-item nav-link ">Accueil</a>
                    <a href="https://www.jlcgroup.org/fr/public/qui_sommes_nous" class="nav-item nav-link ">A propos</a>
                    <div class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Services</a>
                        <div class="dropdown-menu m-0">
                            <a href="https://www.jlcgroup.org/fr/public/ressources_humaines" class="dropdown-item">Mise à la disposition du personnel</a>
                            <a href="https://www.jlcgroup.org/fr/public/recrutement" class="dropdown-item">Recrutement</a>
                            <a href="https://www.jlcgroup.org/fr/public/gestion_paie" class="dropdown-item">Gestion externalisée de la paie</a>
                            <a href="https://www.jlcgroup.org/fr/public/tax_compliance" class="dropdown-item">Tax Compliance</a>
                            <a href="https://www.jlcgroup.org/fr/public/formation" class="dropdown-item">Formation</a>
                        </div>
                    </div>
                    <!-- <a href="https://www.jlcgroup.org/fr/public/nos_actualites" class="nav-item nav-link ">Actualité</a> -->
                    <a href="https://www.jlcgroup.org/fr/public/notre_actualite" class="nav-item nav-link ">Actualités</a>
                    <a href="https://www.jlcgroup.org/fr/public/nos_clients" class="nav-item nav-link ">Clients</a>
                    <a href="https://www.jlcgroup.org/fr/public/formations" class="nav-item nav-link ">Formations</a>
                    <a href="https://www.jlcgroup.org/fr/public/nous_contacter" class="nav-item nav-link ">Contact</a>
                    <a href="https://www.jlcgroup.org/fr/public/trouver_un_travail" class="nav-item nav-link ">Offres</a>
                    <!-- <a href="https://www.jlcgroup.org/fr/public" class="btn btn-primary py-2 px-4 ms-3">Connexion</a> -->
                                            <a href="https://www.jlcgroup.org/fr/public/login" class="nav-item nav-link">Connexion</a>
                    
                                            <!-- <a href="https://www.jlcgroup.org/fr/public" class="nav-item nav-link"><img src="https://www.jlcgroup.org/fr/public/img/langues/drapeauanglais.png" alt="langue" width="35" height="35" class="rounded-circle"></a> -->
                           
                </div>
                
                
            </div>
        </nav>


    <!-- Footer Start -->
    <div class="container-fluid bg-dark text-light mt-5 wow fadeInUp" data-wow-delay="0.1s">
        <div class="container">
            <div class="row gx-5">
                <div class="col-lg-10 col-md-6">
                    <div class="row gx-5">
                        <div class="col-lg-4 col-md-12 pt-5 mb-5">
                            <div class="section-title section-title-sm position-relative pb-3 mb-4">
                                <h3 class="text-light mb-0">Direction Générale</h3>
                            </div>
                            <div class="d-flex mb-2">
                                <i class="bi bi-geo-alt text-primary me-2"></i>
                                <p class="mb-0">Libreville, Immeuble Alfred Marche centre-ville, 3ieme et 5ieme étage, derrière la poste.</p>
                            </div>
                            <div class="d-flex mb-2">
                                <i class="bi bi-telephone text-primary me-2"></i>
                                <p class="mb-0">+241 (0)11 72 59 74</p>
                            </div>
                            <div class="d-flex mb-2">
                                <i class="bi bi-geo-alt text-primary me-2"></i>
                                <p class="mb-0">BP.: 6278 LBV-Gabon</p>
                            </div>
                            <div class="d-flex mb-2">
                                <i class="bi bi-envelope-open text-primary me-2"></i>
                                <p class="mb-0">info@jlcgroup.org</p>
                            </div>
                            <div class="d-flex mt-4">
                                <a class="btn btn-primary btn-square me-2" href="https://www.jlcgroup.org/fr/public"><i class="fab fa-facebook-f fw-normal"></i></a>
                                <a class="btn btn-primary btn-square me-2" href="https://www.jlcgroup.org/fr/public"><i class="fab fa-linkedin-in fw-normal"></i></a>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5">
                            <div class="section-title section-title-sm position-relative pb-3 mb-4">
                                <h3 class="text-light mb-0">JLC GROUP</h3>
                            </div>
                            <div class="link-animated d-flex flex-column justify-content-start">
                                <a class="text-light mb-2" href="https://www.jlcgroup.org/fr/public/accueil"><i class="bi bi-arrow-right text-primary me-2"></i>Accueil</a>
                                <a class="text-light mb-2" href="https://www.jlcgroup.org/fr/public/qui_sommes_nous"><i class="bi bi-arrow-right text-primary me-2"></i>A propos</a>
                                <a class="text-light mb-2" href="https://www.jlcgroup.org/fr/public/ressources_humaines"><i class="bi bi-arrow-right text-primary me-2"></i>Services</a>
                                <!-- <a class="text-light mb-2" href="https://www.jlcgroup.org/fr/public/nos_actualites"><i class="bi bi-arrow-right text-primary me-2"></i>Actualité</a> -->
                                <a class="text-light mb-2" href="https://www.jlcgroup.org/fr/public/notre_actualite"><i class="bi bi-arrow-right text-primary me-2"></i>Actualités</a>
                                <!-- <a class="text-light mb-2" href="https://www.jlcgroup.org/fr/public/nos_clients"><i class="bi bi-arrow-right text-primary me-2"></i>Clients</a> -->
                                <a class="text-light mb-2" href="https://www.jlcgroup.org/fr/public/formations"><i class="bi bi-arrow-right text-primary me-2"></i>Formations</a>
                                <!-- <a href="https://www.jlcgroup.org/fr/public/nos_formations" class="nav-item nav-link ">Formations</a> -->
                                <a class="text-light mb-2" href="https://www.jlcgroup.org/fr/public/trouver_un_travail"><i class="bi bi-arrow-right text-primary me-2"></i>Offres</a>
                                <a class="text-light mb-2" href="https://www.jlcgroup.org/fr/public/nous_contacter"><i class="bi bi-arrow-right text-primary me-2"></i>Contactez nous</a>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5">
                            <div class="section-title section-title-sm position-relative pb-3 mb-4">
                                <h3 class="text-light mb-0">Activités</h3>
                            </div>
                            <div class="link-animated d-flex flex-column justify-content-start">
                                <a class="text-light mb-2" href="https://www.jlcgroup.org/fr/public"><i class="bi bi-arrow-right text-primary me-2"></i>Recrutement</a>
                                <!-- <a class="text-light mb-2" href="https://www.jlcgroup.org/fr/public"><i class="bi bi-arrow-right text-primary me-2"></i>Gestion des RH</a> -->
                                <a class="text-light mb-2" href="https://www.jlcgroup.org/fr/public"><i class="bi bi-arrow-right text-primary me-2"></i>Mise à la disposition du personnel</a>
                                <a class="text-light mb-2" href="https://www.jlcgroup.org/fr/public"><i class="bi bi-arrow-right text-primary me-2"></i>Gestion de la paie</a>
                                <a class="text-light mb-2" href="https://www.jlcgroup.org/fr/public"><i class="bi bi-arrow-right text-primary me-2"></i>Tax Compliance</a>
                                <a class="text-light" href="https://www.jlcgroup.org/fr/public"><i class="bi bi-arrow-right text-primary me-2"></i>Formation</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- <div class="container-fluid text-white" style="background: #061429;"> -->
    <div class="container-fluid text-white" style="background: #16011a;">
        <div class="container text-center">
            <div class="row justify-content-end">
                <div class="col-lg-8 col-md-6">
                    <div class="d-flex align-items-center justify-content-center" style="height: 75px;">
                        <p class="mb-0">&copy; 2024 <a class="text-white border-bottom" href="https://www.jlcgroup.org/fr/public">jlcgroup</a>. Tous droits reservés. 
						
						<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
						Designé par <a target="_blank" class="text-white border-bottom" href="https://comparablesa.com/">comparable</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer End -->


    <!-- Back to Top -->
    <a href="https://www.jlcgroup.org/fr/public" class="btn btn-lg btn-primary btn-lg-square rounded back-to-top"><i class="bi bi-arrow-up"></i></a>
;

    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://www.jlcgroup.org/fr/public/lib/wow/wow.min.js"></script>
    <script src="https://www.jlcgroup.org/fr/public/lib/easing/easing.min.js"></script>
    <script src="https://www.jlcgroup.org/fr/public/lib/waypoints/waypoints.min.js"></script>
    <script src="https://www.jlcgroup.org/fr/public/lib/counterup/counterup.min.js"></script>
    <script src="https://www.jlcgroup.org/fr/public/lib/owlcarousel/owl.carousel.min.js"></script>
    
    <!-- JS here -->
    <script src="https://www.jlcgroup.org/fr/public/assets/js/bootstrap.bundle.min.js"></script>
    <script src="https://www.jlcgroup.org/fr/public/assets/js/jquery.meanmenu.js"></script>
    <script src="https://www.jlcgroup.org/fr/public/assets/js/slick.min.js"></script>
    <script src="https://www.jlcgroup.org/fr/public/assets/js/jquery.fancybox.min.js"></script>
    <script src="https://www.jlcgroup.org/fr/public/assets/js/jquery.counterup.min.js"></script>
    <script src="https://www.jlcgroup.org/fr/public/assets/js/isotope.pkgd.min.js"></script>
    <script src="https://www.jlcgroup.org/fr/public/assets/js/ajax-form.js"></script>
    <script src="https://www.jlcgroup.org/fr/public/assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="https://www.jlcgroup.org/fr/public/assets/js/main.js"></script>

    <!-- Template Javascript -->
    <script src="https://www.jlcgroup.org/fr/public/js/main.js"></script>

      <!-- JS here -->
    
        <!-- All JS Custom Plugins Link Here here -->
        
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/vendor/modernizr-3.5.0.min.js"></script>
        
     
        <!-- Jquery, Popper, Bootstrap -->
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/vendor/jquery-1.12.4.min.js"></script>
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/popper.min.js"></script>
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/bootstrap.min.js"></script>
       
        
        <!-- Jquery Mobile Menu -->
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/jquery.slicknav.min.js"></script>

        <!-- Jquery Slick , Owl-Carousel Plugins -->
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/owl.carousel.min.js"></script>
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/slick.min.js"></script>
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/price_rangs.js"></script>
 
        
        <!-- One Page, Animated-HeadLin -->
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/wow.min.js"></script>
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/animated.headline.js"></script>
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/jquery.magnific-popup.js"></script>
        <script type="text/javascript" src="https://www.jlcgroup.org/fr/public/backend/vendor/plugins/datatables/media/js/jquery.dataTables.min.js"></script>
        <script src="https://www.jlcgroup.org/fr/public/js/sweetalert2/sweetalert2.min.js"></script>
        <!-- Scrollup, nice-select, sticky -->
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/jquery.scrollUp.min.js"></script>
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/jquery.nice-select.min.js"></script>
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/jquery.sticky.js"></script>
             <!-- chargement angular dépendance JS -->
       <!-- <script src="https://www.jlcgroup.org/fr/public/js/ngConfig/angular.js"></script> -->
       <script src="https://www.jlcgroup.org/fr/public/js/ngConfig/angular.min.js"></script>
       <script src="https://www.jlcgroup.org/fr/public/js/ngConfig/angular-route.min.js"></script>
       <script src="https://www.jlcgroup.org/fr/public/js/ngConfig/angular-filter.js"></script>
      
       <script src="https://www.jlcgroup.org/fr/public/js/ngConfig/ui-bootstrap.js"></script>
       <script src="https://www.jlcgroup.org/fr/public/js/ngConfig/angular-animate.min.js"></script>
       <script src="https://www.jlcgroup.org/fr/public/js/ngConfig/angular-datatables.js"></script>
       <!-- chargement angular fichier projet JS -->
       <script src="https://www.jlcgroup.org/fr/public/js/app/app.js"></script>
       <script src="https://www.jlcgroup.org/fr/public/js/app/services/authInterceptorService.js"></script>
       <script src="https://www.jlcgroup.org/fr/public/js/app/services/configService.js"></script>
       <script src="https://www.jlcgroup.org/fr/public/js/app/directives/directives.js"></script>
       <script src="https://www.jlcgroup.org/fr/public/js/spin.js"></script>
                <!-- contact js -->
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/jquery.validate.min.js"></script>
        <!-- Jquery Plugins, main Jquery -->
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/plugins.js"></script> 
        <script src="https://www.jlcgroup.org/fr/public/frontend/assets/js/main.js"></script>
</body>

</html>