diff --git a/app/main/templates/agent.html b/app/main/templates/agent.html
index 5e517f1..70a4160 100644
--- a/app/main/templates/agent.html
+++ b/app/main/templates/agent.html
@@ -5,6 +5,10 @@
 {% endblock %}
 
 {% block content %}
+
+<!-- Invisible span to definte wich ul and a in the navbar are actived -->
+<span id="nav_actived" style="display: none">agent,agents</span>
+
 <div id="projects_chart" class="charge_chart"></div>
 <table id="charge_table">
   <thead>
diff --git a/app/main/templates/agents.html b/app/main/templates/agents.html
index affd95e..59a0be3 100644
--- a/app/main/templates/agents.html
+++ b/app/main/templates/agents.html
@@ -1,5 +1,9 @@
 {% extends "base_page.html" %}
 {% block content %}
+
+<!-- Invisible span to definte wich ul and a in the navbar are actived -->
+<span id="nav_actived" style="display: none">agent,agents</span>
+
 <table class="table table-hover">
   <thead>
   <tr>
diff --git a/app/main/templates/capacities.html b/app/main/templates/capacities.html
index 7278354..57c98ad 100644
--- a/app/main/templates/capacities.html
+++ b/app/main/templates/capacities.html
@@ -1,5 +1,9 @@
 {% extends "base_page.html" %}
 {% block content %}
+
+<!-- Invisible span to definte wich ul and a in the navbar are actived -->
+<span id="nav_actived" style="display: none">agent,capacities</span>
+
 <table class="table table-hover">
   <thead>
   <tr>
diff --git a/app/main/templates/charge.html b/app/main/templates/charge.html
index ddf5c64..c921bb0 100644
--- a/app/main/templates/charge.html
+++ b/app/main/templates/charge.html
@@ -1,5 +1,9 @@
 {% extends "base_page.html" %}
 {% block content %}
+
+<!-- Invisible span to definte wich ul and a in the navbar are actived -->
+<span id="nav_actived" style="display: none">cds,charge/add</span>
+
   <form class="form-horizontal" id="new_affectation" action="#" method="post">
 <input name="utf8" type="hidden" value="✓">
 <input type="hidden" name="authenticity_token" value="NPVU9shCwiRt07EXMAroxTdsP61Et00VQjkBiit3MWeqQt3Eez9UdGK68RzZ6npLCFyg0gL+M1MR6VjK9WOCYw==">
diff --git a/app/main/templates/periods.html b/app/main/templates/periods.html
index c2a1bf9..e04766c 100644
--- a/app/main/templates/periods.html
+++ b/app/main/templates/periods.html
@@ -1,5 +1,9 @@
 {% extends "base_page.html" %}
 {% block content %}
+
+<!-- Invisible span to definte wich ul and a in the navbar are actived -->
+<span id="nav_actived" style="display: none">admin,periods</span>
+
 <table class="table table-hover">
   <thead>
   <tr>
diff --git a/app/main/templates/project.html b/app/main/templates/project.html
index 169b5c8..e63ddee 100644
--- a/app/main/templates/project.html
+++ b/app/main/templates/project.html
@@ -5,6 +5,9 @@
 {% endblock %}
 
 {% block content %}
+<!-- Invisible span to definte wich ul and a in the navbar are actived -->
+<span id="nav_actived" style="display: none">projet,projects</span>
+
 <div class="charge_chart" id="project_services_chart"></div>
 <hr/>
 <div class="charge_chart" id="project_capacities_chart"></div>
diff --git a/app/main/templates/projects.html b/app/main/templates/projects.html
index 05adad5..92eb582 100644
--- a/app/main/templates/projects.html
+++ b/app/main/templates/projects.html
@@ -1,5 +1,9 @@
 {% extends "base_page.html" %}
 {% block content %}
+
+<!-- Invisible span to definte wich ul and a in the navbar are actived -->
+<span id="nav_actived" style="display: none">projet,projects</span>
+
 <table class="table table-hover">
   <thead>
   <tr>
diff --git a/app/main/templates/services.html b/app/main/templates/services.html
index ec1bba7..c49b8a4 100644
--- a/app/main/templates/services.html
+++ b/app/main/templates/services.html
@@ -1,5 +1,9 @@
 {% extends "base_page.html" %}
 {% block content %}
+
+<!-- Invisible span to definte wich ul and a in the navbar are actived -->
+<span id="nav_actived" style="display: none">service,services</span>
+
 <table class="table table-hover">
   <thead>
   <tr>
diff --git a/app/static/js/navbar.js b/app/static/js/navbar.js
index f7813b7..bba12d0 100644
--- a/app/static/js/navbar.js
+++ b/app/static/js/navbar.js
@@ -1,40 +1,13 @@
-// Script used with the navbar to color the menu items and leave them visible
+/* Read the <span> with information about ul and li to active */
+const navbar_active = $("#nav_actived").html();
+const navbar_active_split = navbar_active.split(',');
 
+const ul_active = navbar_active_split[0];
+const a_active = navbar_active_split[1];
 
-// Check if an element of the navbar is stored in the local storage or not
-var collapseItem_ul = localStorage.getItem('collapseItem_ul');
-var collapseItem_a = localStorage.getItem('collapseItem_a');
-
-//
-var sublink_activate = $("a[href='" + collapseItem_a + "']");
-sublink_activate.addClass("sublink_activate");
-
-$("#" + collapseItem_ul).addClass("show");
-
-
-//store the id of the collapsible element
-$('.main-nav').click(function () {
-    localStorage.setItem('collapseItem_ul', $(this).next().attr("id"));
-});
-$('.sub_link').click(function (e) {
-    localStorage.setItem('collapseItem_a', $(this).attr("href"));
-})
-
-
-// a click to the connection bar or 'accueil' button desactivate the localstorage
-$('.link_connect').click(function() {
-    $("#" + collapseItem_ul).removeClass("show");
-    $("#" + collapseItem_ul).addClass("hide");
-    sublink_activate.removeClass("sublink_activate");
-    localStorage.removeItem('collapseItem_ul');
-    localStorage.removeItem('collapseItem_a');
-
-});
-$("#accueil").click(function (){
-    $("#" + collapseItem_ul).removeClass("show");
-    $("#" + collapseItem_ul).addClass("hide");
-    sublink_activate.removeClass("sublink_activate");
-    localStorage.removeItem('collapseItem_ul');
-    localStorage.removeItem('collapseItem_a');
-});
+/* Open the ul */
+$("#" + ul_active).addClass("show");
 
+/* Active the li */
+var sublink_activate = $("a[href='/" + a_active + "']");
+sublink_activate.addClass("sublink_activate");
\ No newline at end of file
--
libgit2 0.21.2