diff --git a/static/src/css/3adentaire_frontend.css b/static/src/css/3adentaire_frontend.css
index 7d80a5832ce5ccc0924503baddffe9204a7dea59..cd7aa316614f1d8338605b3b6186210a252eb9ab 100755
--- a/static/src/css/3adentaire_frontend.css
+++ b/static/src/css/3adentaire_frontend.css
@@ -46,6 +46,14 @@ a {
 a:hover {
     color: #343a40;
 }
+/* PAGE NAVIGATION */
+.page-link {
+    color: #6c757d;
+}
+/* SHOP CATEGORY */
+.o_shop_collapse_category > ul > li > i {
+    color: #6c757d !important;
+}
 
 /************************************
 /** WEBSITE SALE
diff --git a/template/layout_template.xml b/template/layout_template.xml
index c2b2172ad92c584d9838c2c8df9ac6688ce53d9e..a643d2434d4a9c7cec76717eb070f211f115987e 100755
--- a/template/layout_template.xml
+++ b/template/layout_template.xml
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
 
+    <!--  CSS loading  -->
     <template id="assets_frontend" inherit_id="website.assets_frontend" name="Account Manager">
       <xpath expr="." position="inside">
           <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700" rel="stylesheet" />
@@ -8,6 +9,7 @@
       </xpath>
     </template>
 
+    <!--  Navbar  -->
     <template id="assets_frontend_3a" inherit_id="portal.frontend_layout" name="Main Frontend Layout 3A Dentaire">
         <xpath expr="//header/nav" position="attributes">
             <attribute name="class">navbar navbar-expand-md</attribute>
@@ -19,4 +21,6 @@
         </xpath>
     </template>
 
+    <!--  Navigation  -->
+
 </odoo>