diff --git a/DESCRIPTION b/DESCRIPTION
index 09cf8b23bf3eeed64c3354ca28cd0f215b450d91..9b49ecd7c39977fb5d363bd2c723ba0ce6c4d09a 100644
--- a/DESCRIPTION
+++ b/DESCRIPTION
@@ -1,7 +1,7 @@
 Package: airGRteaching
 Type: Package
 Title: Teaching Hydrological Modelling with the GR Rainfall-Runoff Models ('Shiny' Interface Included)
-Version: 0.2.9.16
+Version: 0.2.9.17
 Date: 2020-03-27
 Authors@R: c(
   person("Olivier", "Delaigue", role = c("aut", "cre"), comment = c(ORCID = "0000-0002-7668-8468"), email = "airGR@inrae.fr"),
diff --git a/NEWS.md b/NEWS.md
index 244164a6f537e369827693a59774ebf9b16bf8df..66999cb14acbe4e4b9b119d1f213520386c3f09d 100644
--- a/NEWS.md
+++ b/NEWS.md
@@ -4,7 +4,7 @@
 
 
 
-### 0.2.9.16 Release Notes (2020-03-27)
+### 0.2.9.17 Release Notes (2020-03-27)
 
 
 #### New features
diff --git a/inst/ShinyGR/www/css/bootstrap.min_Inrae.css b/inst/ShinyGR/www/css/bootstrap.min_Inrae.css
index 728a9238e3a22da2dadd497dfcc45e3ae421cce1..809f5350fc24a83473a2035c576d31a5ebb7a16d 100644
--- a/inst/ShinyGR/www/css/bootstrap.min_Inrae.css
+++ b/inst/ShinyGR/www/css/bootstrap.min_Inrae.css
@@ -158,16 +158,27 @@ border-color: #00a3a6;
 .navbar-default .navbar-nav > li > a:focus {
 background: #275662;
 }
+/* selected navbar button when drop-menu is open */
+.navbar-default .navbar-nav > .open > a, 
+.navbar-default .navbar-nav > .open > a:hover, 
+.navbar-default .navbar-nav > .open > a:focus {
+background-color: #008c8e;
+}
+/* navbar drop-menu with computer mouse pointer */
+.navbar-default .navbar-nav .dropdown-menu > li > a:hover, 
+.navbar-default .navbar-nav .dropdown-menu > li > a:focus {
+background: #00a3a6;
+}
 
 /* link color */
 a:link {
   color: #62003c;
 }
 a:hover {
-  color: #9dc544;
-  text-decoration: underline;
+color: #9dc544;
+text-decoration: underline;
 }
 a:active {
-  color: #9ed6e3;
-  text-decoration: underline;
-} 
+color: #9ed6e3;
+text-decoration: underline;
+}
diff --git a/inst/ShinyGR/www/css/bootstrap.min_Saclay.css b/inst/ShinyGR/www/css/bootstrap.min_Saclay.css
index c5fe3473446701f7c0974d0b66e35bb5a90a2072..1315dc61a14eb80567dc8d769d020a4ee4c6313b 100644
--- a/inst/ShinyGR/www/css/bootstrap.min_Saclay.css
+++ b/inst/ShinyGR/www/css/bootstrap.min_Saclay.css
@@ -147,17 +147,28 @@ border-color: #62003c;
 .navbar-default .navbar-nav > li > a:focus {
 background: #AF006B;
 }
+/* selected navbar button when drop-menu is open */
+.navbar-default .navbar-nav > .open > a, 
+.navbar-default .navbar-nav > .open > a:hover, 
+.navbar-default .navbar-nav > .open > a:focus {
+background-color: #008c8e;
+}
+/* navbar drop-menu with computer mouse pointer */
+.navbar-default .navbar-nav .dropdown-menu > li > a:hover, 
+.navbar-default .navbar-nav .dropdown-menu > li > a:focus {
+background: #00a3a6;
+}
 
 /* link color */
 a:link {
-  color: #62003c;
+color: #62003c;
 }
 a:hover {
-  color: #9dc544;
-  text-decoration: underline;
+color: #9dc544;
+text-decoration: underline;
 }
 a:active {
-  color: #9ed6e3;
-  text-decoration: underline;
+color: #9ed6e3;
+text-decoration: underline;
 }