diff --git a/html/style-color.css b/html/style-color.css
index 3460b977e..090f1e8fd 100644
--- a/html/style-color.css
+++ b/html/style-color.css
@@ -1090,3 +1090,15 @@ span.invoice
     margin: 20px;
     font-weight: bold;
 }
+a.nav,div.content a.nav,div.redcontent a.nav {
+	display:inline;
+	text-decoration:none;
+	font-size:1em;
+}
+a.nav:hover,div.content a.nav:hover,div.redcontent a.nav:hover {
+	display:inline;
+	text-decoration:none;
+	background-color:darkblue;
+	color:white;
+	font-size:1em;
+}
\ No newline at end of file
diff --git a/html/style-epad.css b/html/style-epad.css
index 3dd704d12..15a461a02 100644
--- a/html/style-epad.css
+++ b/html/style-epad.css
@@ -1086,3 +1086,15 @@ span.invoice
     margin: 20px;
     font-weight: bold;
 }
+a.nav,div.content a.nav,div.redcontent a.nav {
+	display:inline;
+	text-decoration:none;
+	font-size:1em;
+}
+a.nav:hover,div.content a.nav:hover,div.redcontent a.nav:hover {
+	display:inline;
+	text-decoration:none;
+	background-color:darkblue;
+	color:white;
+	font-size:1em;
+}
\ No newline at end of file
diff --git a/html/style-light.css b/html/style-light.css
index 1e59c09ff..fd243b263 100644
--- a/html/style-light.css
+++ b/html/style-light.css
@@ -825,7 +825,7 @@ a#anchorbutton, .button, a.button,div.content a.button {
 	margin-right:3px;
 	margin-left:3px;
 	cursor:pointer;
-	
+
 }
 a#anchorbutton:hover, .button:hover,a.button:hover,div.content a.button:hover  {
 	cursor:pointer;
@@ -1088,3 +1088,15 @@ span.invoice
     margin: 20px;
     font-weight: bold;
 }
+a.nav,div.content a.nav,div.redcontent a.nav {
+	display:inline;
+	text-decoration:none;
+	font-size:1em;
+}
+a.nav:hover,div.content a.nav:hover,div.redcontent a.nav:hover {
+	display:inline;
+	text-decoration:none;
+	background-color:darkblue;
+	color:white;
+	font-size:1em;
+}
\ No newline at end of file
diff --git a/html/style.css b/html/style.css
index 93cc46489..5e33094be 100644
--- a/html/style.css
+++ b/html/style.css
@@ -1083,3 +1083,15 @@ span.invoice
     margin: 20px;
     font-weight: bold;
 }
+a.nav,div.content a.nav,div.redcontent a.nav {
+	display:inline;
+	text-decoration:none;
+	font-size:1em;
+}
+a.nav:hover,div.content a.nav:hover,div.redcontent a.nav:hover {
+	display:inline;
+	text-decoration:none;
+	background-color:darkblue;
+	color:white;
+	font-size:1em;
+}
\ No newline at end of file
diff --git a/include/user_common.php b/include/user_common.php
index b607884f7..8faf46df0 100644
--- a/include/user_common.php
+++ b/include/user_common.php
@@ -121,7 +121,7 @@ function isValid ($p_cn,$p_grpt_id)
    $step=$_SESSION['g_pagesize'];
    $page=(isset($_GET['offset']))?$_GET['page']:1;
    $offset=(isset($_GET['offset']))?$_GET['offset']:0;
- 
+
    list ($max_ligne,$list)=ListJrn($cn,$_GET['p_jrn'],$sql,null,$offset,1);
    $bar=jrn_navigation_bar($offset,$max_ligne,$step,$page);
 \endverbatim
@@ -178,6 +178,7 @@ function jrn_navigation_bar($p_offset,$p_line,$p_size=0,$p_page=1,$p_javascript=
     $end_bar  =($p_page < 11 )?20:$p_page+10;
     $end_bar  =($end_bar > $nb_page )?$nb_page:$end_bar;
 
+	$sep="";
     // Create the bar
     for ($e=$start_bar;$e<=$end_bar;$e++)
     {
@@ -188,12 +189,15 @@ function jrn_navigation_bar($p_offset,$p_line,$p_size=0,$p_page=1,$p_javascript=
             $offset=($e-1)*$step;
 
             $go=$_SERVER['PHP_SELF']."?".$url."&offset=$offset&step=$step&page=$e&size=$step";
-
-            $r.=sprintf('<A class="mtitle" HREF="%s" CLASS="one" %s >%d</A>&nbsp;',$go,$p_javascript,$e);
+			$r.=$sep;
+            $r.=sprintf('<A class="nav" HREF="%s"  %s >%d</A>&nbsp;',$go,$p_javascript,$e);
+			$sep=" &#8231;  ";
         }
         else
         {
+			$r.=$sep;
             $r.="<b> [ $e ] </b>";
+			$sep=" &#8231;  ";
         } //else
     } //for
     // next