<!-- <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="vendors/mdi/css/materialdesignicons.min.css">
    <!-- <link rel="stylesheet" href="vendors/base/vendor.bundle.base.css"> -->

    <!-- <link rel="stylesheet" href="css/style.css"> -->

    <!-- <link rel="shortcut icon" href="/images/logo-mini.png" type="image/x-icon"> -->

    <!-- <title>Technopet Madagascar</title> -->
<!-- </head>
<body>
    <div class="horizontal-menu">
        <nav class="navbar top-navbar col-lg-12 col-12 p-0">
          <div class="container-fluid">
            <div class="navbar-menu-wrapper d-flex align-items-center justify-content-between">
                <ul class="navbar-nav navbar-nav-left">
                    <li class="nav-item ms-0 me-5 d-lg-flex d-none">
                        <a href="#" class="nav-link horizontal-nav-left-menu"><i class="mdi mdi-format-list-bulleted"></i></a>
                    </li> -->

                    <!-- NOTIFICATION -->
                    <!-- <li class="nav-item dropdown">
                    <a class="nav-link count-indicator dropdown-toggle d-flex align-items-center justify-content-center" id="notificationDropdown" href="#" data-bs-toggle="dropdown">
                        <i class="mdi mdi-bell mx-0"></i>
                        <span class="count bg-success">2</span>
                    </a>
 -->
                    <!-- DROPDOWN ONCLICK -->
                    <!-- <div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="notificationDropdown">
                        <p class="mb-0 font-weight-normal float-left dropdown-header">Notifications</p>
                        <a class="dropdown-item preview-item">
                        <div class="preview-thumbnail">
                            <div class="preview-icon bg-success">
                                <i class="mdi mdi-information mx-0"></i>
                            </div>
                        </div>
                        <div class="preview-item-content">
                            <h6 class="preview-subject font-weight-normal">Application Error</h6>
                            <p class="font-weight-light small-text mb-0 text-muted">
                                Just now
                            </p>
                        </div>
                        </a>
                        <a class="dropdown-item preview-item">
                        <div class="preview-thumbnail">
                            <div class="preview-icon bg-warning">
                                <i class="mdi mdi-settings mx-0"></i>
                            </div>
                        </div>
                        <div class="preview-item-content">
                            <h6 class="preview-subject font-weight-normal">Settings</h6>
                            <p class="font-weight-light small-text mb-0 text-muted">
                                Private message
                            </p>
                        </div>
                        </a>
                        <a class="dropdown-item preview-item">
                        <div class="preview-thumbnail">
                            <div class="preview-icon bg-info">
                                <i class="mdi mdi-account-box mx-0"></i>
                            </div>
                        </div>
                        <div class="preview-item-content">
                            <h6 class="preview-subject font-weight-normal">New user registration</h6>
                            <p class="font-weight-light small-text mb-0 text-muted">
                                2 days ago
                            </p>
                        </div>
                        </a>
                    </div>
                    </li>
                    
                    <li class="nav-item nav-search d-none d-lg-block ms-3">
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="search">
                            <i class="mdi mdi-magnify"></i>
                            </span>
                        </div>
                        <input type="text" class="form-control" placeholder="search" aria-label="search" aria-describedby="search">
                    </div>
                    </li>	
                </ul>
                <div class="text-center navbar-brand-wrapper d-flex align-items-center justify-content-center">
                    <a class="navbar-brand brand-logo" href="index.html"><img src="images/logo.png" alt="logo"/></a>
                    <a class="navbar-brand brand-logo-mini" href="index.html"><img src="images/logo-mini.png" alt="logo"/></a>
                </div>
                <ul class="navbar-nav navbar-nav-right">
                    <li class="nav-item dropdown  d-lg-flex d-none"> -->
                        <!-- <button type="button" class="btn btn-inverse-primary btn-sm">Product </button> -->
                    <!-- </li>
                    <li class="nav-item dropdown d-lg-flex d-none"> -->
                        <!-- <a class="dropdown-toggle show-dropdown-arrow btn btn-inverse-primary btn-sm" id="nreportDropdown" href="#" data-bs-toggle="dropdown">
                        Reports
                        </a> -->
                        <!-- <div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="nreportDropdown">
                            <p class="mb-0 font-weight-medium float-left dropdown-header">Reports</p>
                            <a class="dropdown-item">
                            <i class="mdi mdi-file-pdf text-primary"></i>
                            Pdf
                            </a>
                            <a class="dropdown-item">
                            <i class="mdi mdi-file-excel text-primary"></i>
                            Exel
                            </a>
                        </div>
                    </li>
                    <li class="nav-item dropdown d-lg-flex d-none"> -->
                        <!-- <button type="button" class="btn btn-inverse-primary btn-sm">Settings</button> -->
                    <!-- </li>
                    <li class="nav-item nav-profile dropdown">
                        <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" id="profileDropdown">
                        <span class="nav-profile-name">Madama/Monsieur</span>
                        <img src="images/profil.png">
                        <span class="mdi "></span>
                        <span class="online-status"></span> -->
                        <!-- <img src="images/faces/face28.png" alt="profile"/> -->
                        <!-- </a>
                        <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="profileDropdown">
                            <a class="dropdown-item">
                            <i class="mdi mdi-settings text-primary"></i>
                            Settings
                            </a>
                            <a class="dropdown-item">
                            <i class="mdi mdi-logout text-primary"></i>
                            Logout
                            </a>
                        </div>
                    </li>
                </ul>
                <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="horizontal-menu-toggle">
                    <span class="mdi mdi-menu"></span>
                </button>
            </div>
          </div>
        </nav>


        <nav class="bottom-navbar">
            <div class="container">
                <ul class="nav page-navigation">
                    <li class="nav-item ">
                        <a class="nav-link" href="/" >
                            <i class="mdi mdi-file-document-box menu-icon"></i>
                            <span class="menu-title">Dashboard</span>
                        </a>
                    </li>
 -->

                    <!-- <li class="nav-item">
                        <a href="#" class="nav-link">
                            <i class="mdi mdi-cube-outline menu-icon"></i>
                            <span class="menu-title">UI Elements</span>
                            <i class="menu-arrow"></i>
                        </a>
                        <div class="submenu">
                            <ul>
                                <li class="nav-item"><a class="nav-link" href="pages/ui-features/buttons.html">Buttons</a></li>
                                <li class="nav-item"><a class="nav-link" href="pages/ui-features/typography.html">Typography</a></li>
                            </ul>
                        </div>
                    </li> -->

                    <!-- FORMULAIRE -->
                    <!-- <li class="nav-item">
                        <div class="nav-link">
                            <i class="mdi mdi-chart-areaspline menu-icon "></i> -->
                            <!-- <span class="menu-title">Formulaires</span> -->
                            <!-- <span class="dropdown menu-title">
                                <span class="dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                                    Formulaires
                                </span>
                                <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownMenuButton1">
                                    <li><a class="dropdown-item" href="/forms">Inscription</a></li>
                                    <li><a class="dropdown-item" href="/">Congee</a></li>
                                    <li><a class="dropdown-item" href="/">Permission</a></li>
                                    <li><a class="dropdown-item" href="/">Paie</a></li>                                    
                                </ul>
                            </span>                            
                        </div>
                    </li>
        
 -->
                    <!-- CHARTS -->
                    <!-- <li class="nav-item">
                        <a href="" class="nav-link">
                        <i class="mdi mdi-finance menu-icon"></i>
                        <span class="menu-title">Charts</span>
                        <i class="menu-arrow"></i>
                        </a>
                    </li> -->

                    <!-- TOUT LES EMPLOYES -->
                    <!-- <li class="nav-item">
                        <a href="employe" class="nav-link">
                        <i class="mdi mdi-grid menu-icon"></i>
                        <span class="menu-title">Employees</span>
                        <i class="menu-arrow"></i>
                        </a>
                    </li>


                    <li class="nav-item">
                        <a href="#" class="nav-link">
                        <i class="mdi mdi-file-document-box-outline menu-icon"></i>
                        <span class="menu-title">Documentation</span></a>
                    </li>
                </ul>
            </div>
        </nav> -->
    <!-- </div> --> -->

    <!-- <script src="vendors/base/vendor.bundle.base.js"></script>
    <!-- endinject -->
    <!-- Plugin js for this page-->
    <!-- End plugin js for this page-->
    <!-- inject:js -->
    <!-- <script src="javascript/template.js"></script> -->
    <!-- endinject -->
    <!-- plugin js for this page -->
    <!-- End plugin js for this page -->
    <!-- <script src="vendors/chart.js/Chart.min.js"></script> -->
    <!-- <script src="vendors/progressbar.js/progressbar.min.js"></script> -->
		<!-- <script src="vendors/chartjs-plugin-datalabels/chartjs-plugin-datalabels.js"></script> -->
		<!-- <script src="vendors/justgage/raphael-2.1.4.min.js"></script> -->
		<!-- <script src="vendors/justgage/justgage.js"></script> -->
    <!-- <script src="javascript/jquery.cookie.js" type="text/javascript"></script> -->
    <!-- Custom js for this page-->
    <!-- <script src="javascript/dashboard.js"></script> -->
    <!-- <script src="javascript/function.js"></script> --> -->