begining toolbar integration

mandaye_vincennes/static/css/toolbar.css

@@ -0,0 +1,72 @@
+@import url("font-awesome.css");
+
+.toolbar_header {
+    background: none;
+    border-radius: 10px 10px 0 10px;
+    margin-top: 15px;
+    margin-left: 0;
+    margin-right: 0;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    position: relative;
+    margin-bottom: 80px;
+}
+
+.toolbar_header .fa {
+    padding-right: 5px;
+    font-weight: bold;
+}
+
+.toolbar_left {
+    width: 68.75%;
+    float: left;
+    position: relative;
+    min-height: 1px;
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+.toolbar_header .contact_us {
+    border-radius: 0 0 7px 7px;
+    position: absolute;
+    top: 125px;
+    right: 15px;
+    padding: 10px;
+    font-size: 13px;
+    background: #fff;
+    color: #d91a80;
+    font-weight: 600;
+}
+
+#procedures {
+    width: 31.25%;
+    float: left;
+    position: relative;
+    min-height: 1px;
+    margin: 20px 0 0 0;
+    padding: 0;
+}
+
+.procedures .box.box-full {
+    margin-bottom: 0;
+    padding: 0;
+    padding-left: 135px;
+    margin-left: -105px;
+    position: relative;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
+    background: rgba(0, 0, 0, 0);
+    display: block;
+    border-radius: 5px;
+}
+
+.box.box-full {
+    padding: 0;
+}
+
+.procedures .box.box-full {
+    background: rgba(0, 0, 0, 0);
+}
+
+.navbar-header:after {
+    clear: both;
+}

mandaye_vincennes/templates/toolbar.html

@@ -0,0 +1,57 @@
+<div class="toolbar_header">
+
+  <div class="toolbar_left"></div>
+
+
+  <a id="contact_us" href="/Contact" class="contact_us btn box">
+    <i class="fa fa-envelope-o"></i>
+    <span>Nous contacter</span>
+  </a>
+
+
+
+
+  <div id="procedures" class="procedures col-md-6 col-lg-5">
+    <div class="box box-full">
+      <div class="navbar-header procedures--header clearfix">
+        <button type="button" class="visible-xs visible-sm btn" data-toggle="collapse" data-target="#procedures-toggle">
+          Mes démarches 
+          <!-- <i class="fa fa-bars"></i> -->
+        </button>
+      </div>
+      <div class="procedures--body collapse navbar-collapse" id="procedures-toggle">
+        <div class="box-title procedures--title hidden-xs hidden-sm">
+          <a href="/Vos-demarches" class="trapezoidal">
+            <h3 class="trapezoidal-title">
+              Démarches
+            </h3>
+          </a>
+        </div>
+        <ul class="">
+          <li class="col-md-8 procedures--compte_citoyen">
+          <a href="https://connexion.vincennes.fr/accounts/">
+            <i class="fa fa-caret-right"></i> Compte citoyen
+            <span class="icon-user">
+              <img src="${static_url}/images/compte-citoyen.png" alt="">
+            </span>
+          </a>
+          </li>
+
+
+
+          <li class="col-md-8">
+          <a href="https://demarches.vincennes.fr"><i class="fa fa-caret-right"></i>Démarches en ligne</a>
+          </li> <li class="noeud_13514 col-md-8">
+          <a href="/Culture-sports-loisirs/Culture/Billetterie"><i class="fa fa-caret-right"></i>Billetterie</a>  </li> <li class="noeud_13074 col-md-8">
+          <a href="/Vos-demarches/Paiement-en-ligne"><i class="fa fa-caret-right"></i>Paiement en ligne</a> </li> <li class="noeud_12999 col-md-8">
+          <a href="/Vos-demarches/Vos-demarches-de-A-a-Z"><i class="fa fa-caret-right"></i>Vos démarches de A à Z</a> </li> <li class="col-md-8">
+          <a href="https://espace-famille.vincennes.fr" target="_blank" title="Espace famille (Nouvelle fenêtre)"><i class="fa fa-caret-right"></i>Espace famille</a>
+          </li> <li class="noeud_13843 col-md-8">
+          <a href="/Vos-demarches/Mairie"><i class="fa fa-caret-right"></i>Votre mairie</a> </li> <li class="col-md-8">
+          <a href="http://biblio.vincennes.fr/portail/" target="_blank" title="Espace médiathèque (Nouvelle fenêtre)"><i class="fa fa-caret-right"></i>Espace médiathèque</a>
+          </li>                           
+
+        </ul>
+      </div>
+    </div>
+</div></div>