<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-fr"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="fr-fr"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang="fr-fr"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="fr-fr">
<!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>À propos | Bénévolaide</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="apple-touch-icon" href="apple-touch-icon.png">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <style>
  </style>
  <link rel="stylesheet" href="css/bootstrap-flatly.css">
  <link rel="stylesheet" href="css/main.css">
  <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>
  <!-- Header Zone -->
  <header>
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <span class="navbar-brand hidden-sm">Bénévolaide</span>
        <ul class="nav navbar-nav">
          <li><a href="index.html"><span class="glyphicon glyphicon-home"></span><span class="hidden-md hidden-sm"> Accueil</span></a></li>
          <li><a href="dashboard.html"><span class="glyphicon glyphicon-dashboard"></span><span class="hidden-md hidden-sm"> Tableau de bord</span></a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénéficiaires <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="domaineCherche.html"><span class="glyphicon glyphicon-briefcase"></span> Chercher par domaine</a></li>
              <li><a href="beneficiaireListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénéficiaires</a></li>
              <li><a href="beneficiaireEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénéficiaire</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénévoles <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="benevoleListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénévole</a></li>
              <li><a href="benevoleEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénévole</a></li>
            </ul>
          </li>
        </ul>
        <form class="navbar-form navbar-left hidden-xs" role="search">
          <div class="input-group">
            <input id="headerSearchInput" type="text" class="form-control" placeholder="Rechercher..." required />
            <span class="input-group-btn">
              <button type="submit" id="headerSearchButton" class="btn btn-default">
                <span class="glyphicon glyphicon-search"></span>
                <span class="hidden-md hidden-sm hidden-xs"> Rechercher</span>
              </button>
            </span>
          </div>
        </form>
        <!-- Left zone -->
        <ul class="nav navbar-nav navbar-right">
          <li>
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
              <span class="hidden-sm">Bonjour Simon</span> <span class="glyphicon glyphicon-option-vertical"></span>
            </a>
            <ul class="dropdown-menu">
              <li><a href="utilisateurProfil.html"><span class="glyphicon glyphicon-user"></span> Mon profil</a></li>
              <li><a href="apropos.html"><span class="glyphicon glyphicon-info-sign"></span> À propos</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="index.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>
  </header>
  <!-- Body zone -->
  <section class="container"></section>
  <!-- Footer zone -->
  <footer class="well footer footer-bottom-patch">
    <div class="container">
      <div class="row">
        <div class="col-xs-6">
          <h5 class="text-primary">Remerciement</h5>
          <ul class="list-unstyled small">
            <li>Mise en page propulsé par <a href="http://getbootstrap.com/">Bootstrap</a>.</li>
            <li>Apparence et style fournit par <a href="https://bootswatch.com/">Bootswatch</a>.</li>
            <li>Scripts motorisé par <a href="https://jquery.com/">jQuery</a>.</li>
          </ul>
        </div>
        <div class="col-xs-6">
          <h5 class="text-primary">Termes</h5>
          <ul class="list-unstyled small">
            <li>Ce site web est un projet d'étude.</li>
            <li><a href="#">À propos</a> de Bénévolaide.</li>
            <li>License <a class="" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/legalcode">CC-BY-NC-ND</a> 2016.</li>
          </ul>
        </div>
      </div>
    </div>
  </footer>
  <!-- /container -->
  <script src="//code.jquery.com/jquery-2.2.1.js"></script>
  <script>window.jQuery || document.write('<script src="js/vendor/jquery-2.2.0.js"><\/script>')</script>
  <script src="js/vendor/bootstrap.min.js"></script>
  <script src="js/main.js"></script>
  <script src="js/beneficiaireProfil.js"></script>
</body>
</html>
