diff --git a/src/app/layout/sidebar/sidebar.component.html b/src/app/layout/sidebar/sidebar.component.html
index 2981b0b..4a3b31e 100644
--- a/src/app/layout/sidebar/sidebar.component.html
+++ b/src/app/layout/sidebar/sidebar.component.html
@@ -42,7 +42,7 @@
                   <!-- END RESPONSIVE QUICK SEARCH FORM -->
               </li>
               <li class="nav-item ">
-                  <a href="/" class="nav-link">
+                  <a routerLink="/" routerLinkActive="active" class="nav-link">
                       <i class="icon-home"></i>
                       <span class="title" translate>dashboard.dashboard</span>                
                   </a>
@@ -53,19 +53,19 @@
                   <h3 class="uppercase" translate>common.stock</h3>
               </li>
               <li class="nav-item ">
-                    <a href="/fournisseur" class="nav-link">
+                    <a routerLink="/fournisseur" routerLinkActive="active" class="nav-link">
                         <i class="icon-basket"></i>
                         <span class="title" translate>fournisseur.fournisseur</span>                
                     </a>
               </li>
               <li class="nav-item ">
-                    <a href="/product" class="nav-link">
+                    <a routerLink="/product" routerLinkActive="active"  class="nav-link">
                         <i class="icon-layers"></i>
                         <span class="title" translate>product.product</span>                
                     </a>
               </li>
               <li class="nav-item ">
-                    <a href="/categorie" class="nav-link">
+                    <a routerLink="/categorie" routerLinkActive="active"   class="nav-link">
                         <i class="icon-puzzle"></i>
                         <span class="title" translate>categ.categ</span>                
                     </a>
@@ -74,7 +74,7 @@ <h3 class="uppercase" translate>common.stock</h3>
                   <h3 class="uppercase" translate>common.project</h3>
               </li>
               <li class="nav-item ">
-                    <a href="/project" class="nav-link">
+                    <a routerLink="/project" routerLinkActive="active"   class="nav-link">
                         <i class="icon-basket"></i>
                         <span class="title" translate>common.project</span>                
                     </a>
@@ -88,19 +88,19 @@ <h3 class="uppercase" translate>common.project</h3>
                   </a>
                   <ul class="sub-menu">
                       <li class="nav-item  ">
-                          <a href="/resource" class="nav-link ">
+                          <a routerLink="/resource" routerLinkActive="active"   class="nav-link ">
                             <i class="icon-user"></i>
                               <span class="title" translate>common.resource</span>
                           </a>
                       </li>
                       <li class="nav-item  ">
-                        <a href="/type" class="nav-link ">
+                        <a  routerLink="/type" routerLinkActive="active"  class="nav-link ">
                             <i class="icon-puzzle"></i>
                             <span class="title" translate>common.type</span>
                         </a>
                     </li>
                     <li class="nav-item  ">
-                        <a href="/state" class="nav-link ">
+                        <a routerLink="/state" routerLinkActive="active"   class="nav-link ">
                             <i class="icon-tag"></i>
                             <span class="title" translate>common.state</span>
                         </a>