From c298acc947d9f62b04741903b3fc9d997f75f682 Mon Sep 17 00:00:00 2001
From: Dany De Bontridder <dany@alchimerys.be>
Date: Sat, 26 Nov 2011 14:59:15 +0000
Subject: [PATCH] improve style

---
 html/image/bg-submit4.png          | Bin 0 -> 217 bytes
 html/style-color.css               | 855 +++++++++++++-------------
 html/style-epad.css                | 926 ++++++++++++++---------------
 html/style-light.css               | 838 +++++++++++++-------------
 html/style.css                     |  13 +-
 html/user_login.php                |   2 +-
 include/class_html_input.php       |   2 +-
 include/impress_gl_comptes.inc.php |   2 +-
 include/template/module.php        |   2 +-
 9 files changed, 1341 insertions(+), 1299 deletions(-)
 create mode 100644 html/image/bg-submit4.png

diff --git a/html/image/bg-submit4.png b/html/image/bg-submit4.png
new file mode 100644
index 0000000000000000000000000000000000000000..34f6c5afbb25ad1bac3f9462ac0e5413fec834bc
GIT binary patch
literal 217
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjEX7WqAsj$Z!;#Vf<Z~8yL>4nJ
zu)P6cM!8Z8Q=p(^iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0vvo-U3d
z9-VK`EAllM2(Vs^)Og79<I#@)tUH9cLJY5(rtsV}y#Mwz+Xlt3hAigYydlyj_}f?u
zZaWw^p0xQV|6n8IRu-Wjag2Hirj5c8ISJbu82a{k=~q^;tv^&GZUMA`!PC{xWt~$(
F69CH^L$d$?

literal 0
HcmV?d00001

diff --git a/html/style-color.css b/html/style-color.css
index 01386f9ce..fecefeced 100644
--- a/html/style-color.css
+++ b/html/style-color.css
@@ -1,24 +1,24 @@
 /* <style type="text/css"> */
 
 BODY {
-  background-color:#EBE4E8;
- font-size:10;
-  font-family:arial,helvetica,sans-serif;
-  padding: 0px 10px 0px 10px ;
-  margin:0;
-  color:black;
+	background-color:#EDF3FF;
+	font-size:12px;
+	font-family:verdana,helvetica,sans-serif;
+	padding: 0px 10px 0px 10px ;
+	margin:0;
+	color:blue;
 }
 .notice {
-		color:red;
-        font-style: italic;
-        }
+	color:red;
+	font-style: italic;
+}
 
 table.table_large, table.result  ,table.resultfooter {
-  color:blue;
-  /* border:blue solid 1px; */
-  width:100%;
-   border-spacing:  0px;
-   border-collapse:collapse;
+	color:blue;
+	/* border:blue solid 1px; */
+	width:100%;
+	border-spacing:  0px;
+	border-collapse:collapse;
 
 }
 table.resultfooter tfoot {
@@ -28,61 +28,76 @@ table.resultfooter tfoot {
 
 }
 table.table_large th,table.result th {
-  font-weight:bold;
- border-bottom:1px solid blue;
- border-top:0;
+	font-weight:bold;
+	font-family:verdana,helvetica,sans-serif;
+	border-bottom:1px solid blue;
+	border-top:0;
 
-  color:#25238F;
-  text-align: left;
-  font-style: italic;
+	color:#25238F;
+	text-align: left;
+	font-style: italic;
 
 }
 
 h2 {
-
-  font-size:14px;
-  color:grey;
+	font-family:verdana,helvetica,sans-serif;
+	font-size:14px;
+	color:grey;
 }
 div.info {
 	background:#879ed4;
 	color:white;
 	font-size:120%;
-  text-align:center;
+	text-align:center;
 }
 
 content h2.info {
 	background:#879ed4;
-  color:black;
-  font-size:14pt;
-  text-align:center;
-  padding:0px;
-  margin:0px;
+	color:black;
+	font-size:14pt;
+	text-align:center;
+	padding:0px;
+	margin:0px;
 }
 redcontent h2.info {
-  background:#879ed4;
-  color:white;
-  font-size:14pt;
-  text-align:center;
-  padding:0px;
-  margin:0px;
+	background:#879ed4;
+	color:white;
+	font-size:14pt;
+	text-align:center;
+	padding:0px;
+	margin:0px;
 }
 h2.info {
-  background-color:darkgray;
+	background-color:#8989E5;
 	color:white;
 	font-size:14px;
-  text-align:center;
-  padding:0 px;
-  margin:0px; 
-  padding-bottom:3px;
-  
+	text-align:center;
+	padding:0px;
+	margin:0px;
+	border:1px solid grey;
+
+}
+table h2.info
+{
+	font-variant: small-caps;
+	background-color: inherit;
+	color:darkblue;
+}
+h3.info {
+	background:#879ed4;
+	color:white;
+	font-size:14px;
+	text-align:center;
 }
 
-h3.info {
-  background:#879ed4;
-  color:white;
-  font-size:14px;
-  text-align:center;
+h2.info2 {
+	color:blue;
+	font-size:14px;
+	text-align:center;
+
 }
+
+
 h2.error {
 	background:red;
 	color:white;
@@ -95,136 +110,141 @@ h1.title {
 }
 
 div.u_tmenu {
-  margin-top:0px;
-  width:100%;
- /* background-color:#879ED4; */
+	margin-top:0px;
+	width:100%;
+	/* background-color:#879ED4; */
 
 
 }
 div.u_subtmenu {
-  background-color:white	;
-  float:left;
-  clear:both;
-  left:10px;
+	background-color:white	;
+	float:left;
+	clear:both;
+	left:10px;
 
 }
 div.u_tmenu div.u_tool {
-	   float:left;
+	float:left;
 
 }
 div.u_tool {
 	float:left;
 	width:  100%;
-	}
-div.u_tool div.name {
-       float:left;
-       margin-left:10px;
 }
-div.u_tool div.acces_direct{
+div.u_tool div.name {
+	float:left;
+	margin-left:10px;
+}
+div.u_tool {
 	float:right;
 	margin-right:10px;
 	text-align:right;
 
 }
-
+div.module {
+	position:absolute;
+	top:0px;
+	right:5px;
+	text-align:right;
+	padding:0px;
+	margin: 0px;
+}
 div.u_subt2menu {
-background-color:lightgrey;
-  left:1%;
+	background-color:lightgrey;
+	left:1%;
 
 }
 div.lmenu {
-	 float:left;
-	 clear:left;
+	float:left;
+	clear:left;
 	font-size:9px;
 
 }
 div.lextmenu {
 
 	float:left;
-
+	font-family:verdana,helvetica,sans-serif;
 	font-size:9px;
 
 }
 div.searchmenu {
-  left:30px;
-  width:95px;
-  top:100px;
-  position:absolute;
+	left:30px;
+	width:95px;
+	top:100px;
+	position:absolute;
 
 }
 
 div.recherche_form{
 	width:700px;
 	font-size:9px;
-
-  border-style:outset;
-  border-width:1px;
+	font-family:verdana,helvetica,sans-serif;
+	border-style:outset;
+	border-width:1px;
 
 }
 div.redcontent{
 
-         float:left;
-	 padding-top:7px;
-	 padding-left:8px;
-         font-size:9px;
-
-	 width:75%;
+	float:left;
+	padding-top:7px;
+	padding-left:8px;
+	font-size:9px;
+	font-family:verdana,helvetica,sans-serif;
+	width:75%;
 
 }
 div.content{
 
-         float:left;
-		padding-top:7px;
-         width:80%;
-		margin-left:10%;
-		margin-right:10%;
-		
-         clear:both;
+	float:left;
+	padding-top:7px;
+	width:100%;
+	font-family:verdana,helvetica,sans-serif;
+	clear:both;
 
 
 }
 div.content30{
 
-         float:left;
-	 padding-top:7px;
-         width:35%;
-
+	float:left;
+	padding-top:7px;
+	width:35%;
+	font-family:verdana,helvetica,sans-serif;
 
 }
 div.no span{
 	position:static;
-
+	font-family:verdana,helvetica,sans-serif;
 	font-weight:bold;
 	color:red;
 
 }
 
 table.document {
-   color:blue;
-   width:100%;
-   border-spacing:  0px;
-   border-collapse:collapse;
+	color:blue;
+	width:100%;
+	border-spacing:  0px;
+	border-collapse:collapse;
 
 }
 table.document th{
-  font-weight:bold;
-
-  border-bottom:2px solid blue;
-  border-top:0;
-  color:#25238F;
-  text-align: left;
-  background-color:#EDF3FF;
-  font-style: italic;
+	font-weight:bold;
+	font-family:verdana,helvetica,sans-serif;
+	border-bottom:2px solid blue;
+	border-top:0;
+	color:#25238F;
+	text-align: left;
+	background-color:#EDF3FF;
+	font-style: italic;
 }
 .error {
-width:60%;
-margin-left:20%;
-text-align: center;
+	width:60%;
+	margin-left:20%;
+	text-align: center;
 
-color:white;
-background-color:red;
-font-weight: bolder;
-font-size:120%;
+	color:white;
+	background-color:red;
+	font-weight: bolder;
+	font-size:120%;
 }
 
 table.mtitle {
@@ -232,20 +252,20 @@ table.mtitle {
 	text-align:center
 }
 td.mshort {
-  height:15px;
-  width:60px;
-  text-align:center;
-  border:  1px solid;
-  color:#5D90CD ;
-  background-color:#DDE6FF;
+	height:15px;
+	width:60px;
+	text-align:center;
+	border:  1px solid;
+	color:#5D90CD ;
+	background-color:#DDE6FF;
 }
 td.mtitle {
 	text-align:center;
 	width:95px;
-        height :30px;
+	height :30px;
 	font-size:10px;
-    background-color:#99B1DF;
-    border:1px solid #DDE6FF;
+    background-color:#DDE6FF;
+    border:1px solid #99B1DF;
 }
 td.msubtitle {
 	text-align:center;
@@ -260,19 +280,17 @@ span.mtitle {
 	border-style:groove
 }
 span.odd {
-  background-color:#ECF3FF;
-  display:block;
- }
+	background-color:#ECF3FF;
+	display:block;
+}
 span.even {
-  background-color:#DDE6FF;
-  display:block;
- }
+	background-color:#DDE6FF;
+	display:block;
+}
 
 tr.odd {
-	background-color:gray;
+	background-color:#DDE6FF;
 	font-size:10px;
-	color:white;
-	
 }
 tr {
 	font-size:10px;
@@ -286,85 +304,85 @@ td.even{
 	font-size:10px;
 }
 td.cell{
-	    height:32px;
-	     padding: 1px;
+	height:32px;
+	padding: 1px;
 }
 td.selectedcell{
 	border-style:inset;
-        border-color:blue;
+	border-color:blue;
 	border-width:1pt ;
 	font-size:10px;
-        background:#5D90CD ;
-        color:white;
-        text-align:center;
-	     width:120px;
+	background:#5D90CD ;
+	color:white;
+	text-align:center;
+	width:120px;
 }
 a.mtitle {
-  font-size:10px;
-  text-decoration:none;
-  display:inline;
- color: black;
+	font-size:10px;
+	text-decoration:none;
+	display:inline;
+	color: blue;
 
 }
 a.mtitle:hover {
-  font-size:10px;
-  text-decoration:none;
-  display:inline;
+	font-size:10px;
+	text-decoration:none;
+	display:inline;
 
- color: red;
-background-color:#5D90CD;
+	color: darkblue;
+	background-color:#5D90CD;
 
 }
 td.selectedcell a.mtitle {
- font-size:1em;
- text-decoration:none;
- display:block;
- color:white;
+	font-size:1em;
+	text-decoration:none;
+	display:block;
+	color:white;
 }
 a.dossier {
-  font-size:10px;
-  text-decoration:none;
-  display:block;
-   color: #202267;
+	font-size:10px;
+	text-decoration:none;
+	display:block;
+	color: #202267;
 
 }
 tr.odd:hover td
 {
-  text-decoration:none;
-  background-color: #a9d6e4;
-  color:yellow;
+	text-decoration:none;
+	background-color: #a9d6e4;
+	color:white;
 }
 tr.even:hover td
 {
-  text-decoration:none;
-  background-color: #a9d6e4;
-  color:yellow;
+	text-decoration:none;
+	background-color: #a9d6e4;
+	color:white;
 }
 td.mtitle:hover,td.mtitle:hover a
 {
-  background-color:#a9d6e4;
-  color:yellow;
+	background-color:#a9d6e4;
+	color:white;
 }
 td.msubtitle:hover,td.msubtitle:hover a
 {
-  background-color:#a9d6e4;
-  color:yellow;
+	background-color:#a9d6e4;
+	color:white;
 }
 a.cell {
-  text-decoration:none;
-  display:block;
-  color:blue;
-  background-color:white;
-  font-size:9px;
+	text-decoration:none;
+	display:block;
+	color:blue;
+	background-color:white;
+	font-size:9px;
 }
 
 a.cell:hover {
-  font-size:9px;
-  color:yellow;
-  background-color:#5D90CD;
-  text-decoration:none;
-  display:block;
-	}
+	font-size:9px;
+	color:white;
+	background-color:#5D90CD;
+	text-decoration:none;
+	display:block;
+}
 
 
 a.one:link {
@@ -374,23 +392,23 @@ a.one:link {
 a.one:visited {
 	text-decoration:none;
 	color:#3010FF
-	}
+}
 
 a.one:active {
 	background: #0000FF;
-	}
+}
 
 a.one:hover {
-	    text-decoration:underline;
+	text-decoration:underline;
 	background:#3010FF;
 	color:#FFFFFF;
-	}
+}
 
 
 a.detail
 {
-  font-size:9px;
-
+	font-size:9px;
+	font-family:verdana,helvetica,sans-serif;
     text-decoration: none;
     display: block;
     color: blue;
@@ -398,8 +416,8 @@ a.detail
 
 a.detail:hover
 {
-  font-size:9px;
-
+	font-size:9px;
+	font-family:verdana,helvetica,sans-serif;
     color: white;
     background-color: rgb(93, 144, 205);
     text-decoration: none;
@@ -407,19 +425,19 @@ a.detail:hover
 }
 
 li.menuv,ol.menuv {
-	 display:inline;
-	 padding:1em 1em;
+	display:inline;
+	padding:1em 1em;
 }
 div.redcontent a {
-
-  text-decoration: none;
-  display: block;
-  color: blue;
+	font-family:verdana,helvetica,sans-serif;
+	text-decoration: none;
+	display: block;
+	color: blue;
 
 }
 
 div.redcontent a:hover {
-
+	font-family:verdana,helvetica,sans-serif;
     color: white;
     background-color: rgb(93, 144, 205);
     text-decoration: none;
@@ -427,17 +445,17 @@ div.redcontent a:hover {
 
 }
 div.content a {
-
-  text-decoration: none;
-  display: block;
-  color: blue;
-padding: 0;
+	font-family:verdana,helvetica,sans-serif;
+	text-decoration: none;
+	display: block;
+	color: blue;
+	padding: 0;
 
 }
 
 
 div.content a:hover {
-
+	font-family:verdana,helvetica,sans-serif;
     color: white;
     background-color: rgb(93, 144, 205);
     text-decoration: none;
@@ -446,108 +464,108 @@ div.content a:hover {
 }
 
 div.redcontent a.mtitle {
-  text-decoration:none;
-  display:inline;
+	text-decoration:none;
+	display:inline;
 
 
-  color:black;
+	color:black;
 
 }
 
 div.redcontent a.mtitle:hover {
-  text-decoration:none;
-  display:inline;
-  color:white;
-  background-color:darkblue;
+	text-decoration:none;
+	display:inline;
+	color:white;
+	background-color:darkblue;
 
 
 }
 div.content a.mtitle {
-  font-size:10px;
-  text-decoration:none;
-  display:inline;
-  color:blue;
+	font-size:10px;
+	text-decoration:none;
+	display:inline;
+	color:blue;
 
 
 
 }
 
 div.content a.mtitle:hover {
-  text-decoration:none;
-  display:inline;
-  background-color:darkblue;
-  color:white;
+	text-decoration:none;
+	display:inline;
+	background-color:darkblue;
+	color:white;
 
 
 }
 div.redcontent input.text {
-
-  font-weight:normal;
-  border-color:336699;
-  border-style:solid;
-  background-color:greenyellow;
-  border-width:1px;
-  color:blue;
+	font-family:verdana,helvetica,sans-serif;
+	font-weight:normal;
+	border-color:336699;
+	border-style:solid;
+	background-color:orange;
+	border-width:1px;
+	color:blue;
 }
 div.content input.text {
-
-  font-weight:normal;
-  border-color:336699;
-  border-style:solid;
-  border-width:1px;
-  background-color:greenyellow;
-  color:blue;
+	font-family:verdana,helvetica,sans-serif;
+	font-weight:normal;
+	border-color:336699;
+	border-style:solid;
+	border-width:1px;
+	background-color:orange;
+	color:blue;
 }
 
 
 
 div.redcontent input:focus {
-  background-color:greenyellow;
+	background-color:orange;
 }
 div.content input:focus {
-  background-color:greenyellow;
+	background-color:orange;
 }
 div.redcontent textarea:focus {
-background-color: greenyellow;
+	background-color: orange;
 }
 .document {
-color: #1a207d;
-border-collapse:collapse;
+	color: #1a207d;
+	border-collapse:collapse;
 }
 a.document{
-  font-size:12px;
-  text-decoration:none;
-  display:block;
+	font-size:12px;
+	text-decoration:none;
+	display:block;
 }
 a.document:hover {
-  text-decoration:none;
-  display:block;
+	text-decoration:none;
+	display:block;
 
 
 }
 .input_text {
-	   border:groove 1px blue;
+	border:groove 1px blue;
 	margin:1px;
 }
 .input_text:hover {
 	border:groove 1px blue;
 	margin:1px;
-	background-color: greenyellow;
+	background-color: orange;
 }
 legend {
-font-weight: bold;
-font-style: italic;
-font-size: 120% ;
+	font-weight: bold;
+	font-style: italic;
+	font-size: 120% ;
 
 }
 fieldset fieldset legend {
-	 font-size:110%;
-	 color:grey;
-	 }
+	font-size:110%;
+	color:grey;
+}
 select {
-border: 1px solid blue;
-margin:2px;
-background-color:white;
+	border: 1px solid blue;
+	margin:2px;
+	background-color:white;
 
 
 }
@@ -555,18 +573,18 @@ background-color:white;
 
 
 .infobulle {
-	   position:absolute;
-	   border:1px solid black;
-	   background-color:yellow;
-	   padding-bottom: 10;
-	   padding-top: 10;
-	   padding-left: 10;
-	   padding-right: 10;
-	   color:black;
-	   top:0;left:0;
-	   visibility:hidden;
-	   width:25em;
-		z-index:20;
+	position:absolute;
+	border:1px solid black;
+	background-color:yellow;
+	padding-bottom: 10;
+	padding-top: 10;
+	padding-left: 10;
+	padding-right: 10;
+	color:black;
+	top:0;left:0;
+	visibility:hidden;
+	width:25em;
+	z-index:20;
 }
 
 span.action {
@@ -578,24 +596,24 @@ td.num {
 }
 tr.priority1 {
 	background-color:red;
-	}
+}
 span.action a.action {
-  border:2px outset ;
-  padding-left: 3px;
-  padding-right:3px;
-  text-decoration:none;
-  font-size:14px;
+	border:2px outset ;
+	padding-left: 3px;
+	padding-right:3px;
+	text-decoration:none;
+	font-size:14px;
 
-  display:inline;
-  color:black;
-  background-color:lightgrey;
+	display:inline;
+	color:black;
+	background-color:lightgrey;
 }
 
 span.action a.action:hover {
-  text-decoration:none;
-  display:inline;
-  background-color:lightblue;
-  color:black;
+	text-decoration:none;
+	display:inline;
+	background-color:lightblue;
+	color:black;
 }
 div.popup_back{
 	position:absolute;
@@ -622,7 +640,7 @@ div.popup_border_title {
 	border: 2px outset #201e87;
 	background-color:#879ED4;
 	font-size: 110% ;
-
+	font-family: verdana,helvetica,sans-serif;
 	font-style: italic;
 	font-weight: bolder;
 	text-align:center;
@@ -632,7 +650,7 @@ div.popup_border_title {
 	/*opacity:1;
 	filter:alpha(opacity=100);*/
 
-	}
+}
 div.popup_border_notitle {
 	position:absolute;
 	top:20%;
@@ -644,7 +662,7 @@ div.popup_border_notitle {
 	/*border:dotted 1px black;*/
 	border: 3px outset #201e87;
 	background-color: #879ED4;
-
+	font-family: verdana,helvetica,sans-serif;
 	font-style: italic;
 	font-weight: bolder;
 	text-align:center;
@@ -653,7 +671,7 @@ div.popup_border_notitle {
 	/*opacity:0.7;
 	filter:alpha(opacity=70);
 	*/
-	}
+}
 
 div.popup_content {
 	position:absolute;
@@ -666,7 +684,7 @@ div.popup_content {
 	overflow: auto;
 	background-color:#DFE7FF;
 	font-size:10px ;
-
+	font-family: verdana,helvetica,sans-serif;
 	font-style: normal;
 	font-weight: normal;
 	color: black;
@@ -677,13 +695,13 @@ div.popup_content {
 	filter:alpha(opacity=100);*/
 }
 div.autocomplete {
-  position:relative;
-  background-color:white;
-  border:1px solid #888;
-  margin:0;
-  padding:0;
-  text-align:left;
-  font-size:12px;
+	position:relative;
+	background-color:white;
+	border:1px solid #888;
+	margin:0;
+	padding:0;
+	text-align:left;
+	font-size:12px;
 
 }
 div.autocomplete em {
@@ -691,45 +709,45 @@ div.autocomplete em {
 	font-weight:bold;
 }
 div.autocomplete ul {
-  list-style-type:none;
-  background-color:white;
-  border:1px solid #888;
-  width:375px;
-  margin:0;
-  padding:0;
+	list-style-type:none;
+	background-color:white;
+	border:1px solid #888;
+	width:375px;
+	margin:0;
+	padding:0;
 }
 div.autocomplete ul li.selected { background-color: lightblue;}
 
 div.autocomplete ul li {
-  list-style-type:none;
-  display:block;
-  margin:0;
-  padding:0px;
-  /*height:32px;*/
-  cursor:pointer;
+	list-style-type:none;
+	display:block;
+	margin:0;
+	padding:0px;
+	/*height:32px;*/
+	cursor:pointer;
 }
 span.informal{ font-size:95%; color:black;}
 
 ul.select_table  {
 	/*padding:5px;*/
 	overflow:hidden;
-	}
+}
 ul.select_table a{
 	width:100%;
 	display:block;
 	background-color:inherit;
 	color: black;
 	text-decoration:none;
-	}
+}
 ul.select_table a:hover{
 	background-color:white;
 	color:black;
 	/*text-decoration:underline;*/
-	}
+}
 ul.select_table li {
 	display:table-row;
 	list-style-type: none;
-	}
+}
 ul.select_table li span {
 	display:table-cell;
 	width:25em;
@@ -738,10 +756,10 @@ ul.select_table li span {
 }
 
 div.pc_calendar{
-		border:1px groove grey;
-		float:left;
 
-		}
+	float:left;
+
+}
 div.pc_calendar table {
 	text-align:center;
 
@@ -752,7 +770,8 @@ div.pc_calendar tr{
 
 }
 div.pc_calendar td{
-	width:10em;
+	width:14%;
+	border:#879ed4 solid 1px;
 }
 
 div.pc_calendar td.weekend {
@@ -779,72 +798,76 @@ span.todo  {
 
 }
 input[disabled], textarea[disabled], option[disabled], optgroup[disabled], select[disabled] {
--moz-user-focus:ignore;
--moz-user-input:disabled;
-background-color:lightgrey;
-color:black;
-cursor:inherit;
+	-moz-user-focus:ignore;
+	-moz-user-input:disabled;
+	background-color:lightgrey;
+	color:black;
+	cursor:inherit;
 }
 
 a#anchorbutton, .button, a.button,div.content a.button {
 	font-size:10;
-	color:white;
+	color:darkblue;
 	font-weight: bold;
 
 	text-decoration:none;
-
-	background-image: url("image/bg-submit3.gif");
-	background-repeat: repeat-x;
-	background-position: left;
-	height:24px;
+	font-family: arial,helvetica,sans-serif;
+	background-color: ##DEE3E5;
+	border-style:  solid ;
 	border-color:  blue ;
-	border-width:0;
+	border-width:1;
 	padding-bottom: 4;
 	padding-top: 4;
 	padding-right: 6;
 	padding-left:  6;
 	margin-top:3px;
+	margin-bottom:3px;
+	margin-right:3px;
+	margin-left:3px;
 	cursor:pointer;
-	margin:1 2 1 2;
-	-moz-border-radius:6;
-	border-radius:6;
+	-moz-border-radius:5 5;
+	border-radius:5 5;
 
 }
 a#anchorbutton:hover, .button:hover,a.button:hover,div.content a.button:hover  {
 	cursor:pointer;
-	background-color:white;
-	color:yellow;
-	margin:1 2 1 2;
-	}
-	td.tool {
+	background-color:darkblue;
+	color:#DEE3E5;
+	margin-top:3px;
+	margin-bottom:3px;
+	margin-right:3px;
+	margin-left:3px;
+}
+td.tool {
 	border: solid 1px gray;
 
-	}
+}
 div.topmenu {
-	width:80%;
-	margin-left:10%;
-	
+	float:left;
+	width:100%;
+
 }
 
 h2.dossier {
 	color:darkblue;
 	font-style: italic;
+	display:inline;
 
-font-size:20px;
-margin:0;
-padding:0;
-text-align:center;
+	font-size:14px;
+	margin:0;
+	padding:0;
+	text-align:center;
 }
 /* </style> */
 div.add_todo_list {
-                    border:1px solid blue;
-                    display:none;
-                    background-color:#BFD0FF;
-                    padding:3;
-                    position:absolute;
-                    text-align:left;
-                    line-height:3em;
-                    z-index:1}
+	border:1px solid blue;
+	display:none;
+	background-color:#BFD0FF;
+	padding:3;
+	position:absolute;
+	text-align:left;
+	line-height:3em;
+	z-index:1}
 div.welcome {
 
 }
@@ -856,57 +879,56 @@ div.gest_name {
 h2.gest_name {
 	border-left: 5px solid  #403a8d;
 	border-bottom:1px solid  #b4bbc2;
-		border-top:1px solid  #b4bbc2;
-		border-right:1px solid  #b4bbc2;
+	border-top:1px solid  #b4bbc2;
+	border-right:1px solid  #b4bbc2;
 	padding: 5px;
 }
 div.op_detail_frame  {
-  background-color:#e4e7ed;
-  height:100%; width:100%;
+	background-color:#e4e7ed;
+	height:100%; width:100%;
 
 
 }
 div.inner_box  {
-  background-color:#dddddd;
- font-size:12;
+	background-color:#e4e7ed;
+	font-size:10;
+	font-family:verdana,helvetica,sans-serif;
+	padding:0;
+	margin:0;
+	overflow:hidden;
+	z-index:3;
 
-  padding:0;
-  margin:0;
-  overflow:hidden;
-  z-index:3;
-
-position:absolute;
-left:10%;
+	position:absolute;
+	left:10%;
 
 
-
-border:1px solid darkblue;
+	border:1px solid darkblue;
 
 }
 div.op_detail_title {
 	background-color:grey;
-/*	width:500;*/
+	/*	width:500;*/
 
 
 }
 div#div_jrn{
-              position:absolute;
-              border:1px solid black;
-               top:15%;left:100;
-              visibility:hidden;
-              z-index:2;
-              width:50em;
-		      background-color:#EDF3FF;
+	position:absolute;
+	border:1px solid black;
+	top:15%;left:100;
+	visibility:hidden;
+	z-index:2;
+	width:50em;
+	background-color:#EDF3FF;
 
 }
- div#div_cat{
-              position:absolute;
-              border:1px solid black;
-               top:15%;left:100;
-              visibility:hidden;
-              z-index:2;
-              width:50em;
-             background-color:#EDF3FF;
+div#div_cat{
+	position:absolute;
+	border:1px solid black;
+	top:15%;left:100;
+	visibility:hidden;
+	z-index:2;
+	width:50em;
+	background-color:#EDF3FF;
 
 }
 
@@ -915,14 +937,14 @@ div.divinfo
 
 div#search_form
 {
-              position:absolute;
-              border:1px solid black;
-              top:15%;left:100;
-              margin-left:25%
-              z-index:2;
-              width:50%;
-              display:none;
-	      background-color:#e4e7ed;
+	position:absolute;
+	border:1px solid black;
+	top:15%;left:100;
+	margin-left:25%
+		z-index:2;
+	width:50%;
+	display:none;
+	background-color:#e4e7ed;
 }
 
 table.table_large td, table.result td
@@ -934,12 +956,11 @@ table.info_op
 {
 	font-size:18;
 	width:100%;
-
 }
 table.info_op tr
 {
-font-size:14;
-background:white;
+	font-size:14;
+	background:white;
 }
 h2#jrn_name
 {
@@ -956,7 +977,7 @@ tr.footer{
 span.remain {
 	font-weight: bold;
 	color:black;
-	}
+}
 
 div#jrn_name_div
 {
@@ -984,34 +1005,35 @@ div#jrn_name_div
 }
 div#wait_box
 {
-  background-color:#F1E6E6;
- font-size:10;
+	background-color:#F1E6E6;
+	font-size:10;
+	font-family: verdana,helvetica,arial,sans-serif;
+	padding:0;
+	margin:0;
+	overflow:hidden;
+	z-index:10;
 
-  padding:0;
-  margin:0;
-  overflow:hidden;
-  z-index:10;
-
-position:absolute;
-left:30%;
-top:30%;
+	position:absolute;
+	left:30%;
+	top:30%;
 
 
-border:1px solid darkblue;
+	border:1px solid darkblue;
 
 }
 #wait_box h2
 {
-color:black;
-text-align:center;
+	color:black;
+	text-align:center;
 }
 div#div_jrnsearch_op{
-			 position:absolute;
-			  z-index: 5;
-              border:1px solid black;
-              display:none;
-              width:50em;
-		      background-color:#EDF3FF;
+
+	border:1px solid black;
+	display:none;
+	width:50em;
+	background-color:#EDF3FF;
+	position:absolute;
+	z-index: 5;
 
 }
 ul {
@@ -1019,29 +1041,30 @@ ul {
 }
 a.line,div.content a.line
 {
-font-size:110%;
-  text-decoration:underline;
-  display:inline;
- color: #0000ff;
+	font-size:110%;
+	text-decoration:underline;
+	display:inline;
+	color: #0000ff;
 }
 a.line:hover,div_content a.line
 {
-font-size:110%;
-  text-decoration:underline;
-  display:inline;
-  color: #0000ff;
-     background-color: rgb(93, 144, 205);
+	font-size:110%;
+	text-decoration:underline;
+	display:inline;
+	color: #0000ff;
+	background-color: rgb(93, 144, 205);
 }
 #close_div
 {
- background-color:white;
- color:red;
- text-decoration:none;
- border:1px solid red;
- margin-left: 2px;
- margin-right:2px;
- margin-top:0px;
- font-size:10px;
+	background-color:white;
+	color:red;
+	font-family: arial;
+	text-decoration:none;
+	border:1px solid red;
+	margin-left: 2px;
+	margin-right:2px;
+	margin-top:0px;
+	font-size:10px;
 }
 table.table_large tr.odd ,table.table_large tr.even {
 
@@ -1066,4 +1089,4 @@ span.invoice
     display:block;
     margin: 20px;
     font-weight: bold;
-}
\ No newline at end of file
+}
diff --git a/html/style-epad.css b/html/style-epad.css
index a7ffced32..3dd704d12 100644
--- a/html/style-epad.css
+++ b/html/style-epad.css
@@ -1,95 +1,99 @@
 /* <style type="text/css"> */
 
 BODY {
-  background-color:#EDF3FF;
- font-size:14;
-  font-family:helvetica,sans-serif;
-  padding: 0px 10px 0px 10px ;
-  margin:0;
+	background-color:#EDF3FF;
+	font-size:14px;
+	font-family:verdana,helvetica,sans-serif;
+	padding: 0px 10px 0px 10px ;
+	margin:0;
+	color:blue;
 }
 .notice {
-		color:red;
-        font-style: italic;
-        }
+	color:red;
+	font-style: italic;
+}
 
-table.result  ,table.resultfooter {
-  color:blue;
-  /* border:blue solid 1px; */
-  width:100%;
-   border-spacing:  0px;
-   border-collapse:collapse;
+table.table_large, table.result  ,table.resultfooter {
+	color:blue;
+	/* border:blue solid 1px; */
+	width:100%;
+	border-spacing:  0px;
+	border-collapse:collapse;
 
 }
 table.resultfooter tfoot {
-	font-size:110%;
+	font-size:14%;
 	font-weight: bold;
 
 
 }
-table.result th {
-  font-weight:bold;
-  font-family:helvetica,sans-serif;
- border-bottom:2px solid blue;
- border-top:0;
+table.table_large th,table.result th {
+	font-weight:bold;
+	font-family:verdana,helvetica,sans-serif;
+	border-bottom:1px solid blue;
+	border-top:0;
 
-  color:#25238F;
-  text-align: left;
-  	     // background-color:#EDF3FF;
-
-	      font-style: italic;
+	color:#25238F;
+	text-align: left;
+	font-style: italic;
 
 }
 
 h2 {
-  font-family:helvetica,sans-serif;
-  font-size:14px;
-  color:grey;
+	font-family:verdana,helvetica,sans-serif;
+	font-size:16px;
+	color:grey;
 }
 div.info {
 	background:#879ed4;
 	color:white;
-	font-size:120%;
-  text-align:center;
+	font-size:16px;
+	text-align:center;
 }
 
 content h2.info {
 	background:#879ed4;
-  color:black;
-  font-size:14pt;
-  text-align:center;
-  padding:0px;
-  margin:0px;
+	color:black;
+	font-size:16px;
+	text-align:center;
+	padding:0px;
+	margin:0px;
 }
 redcontent h2.info {
-  background:#879ed4;
-  color:white;
-  font-size:14pt;
-  text-align:center;
-  padding:0px;
-  margin:0px;
+	background:#879ed4;
+	color:white;
+	font-size:16px;
+	text-align:center;
+	padding:0px;
+	margin:0px;
 }
 h2.info {
-  background-color:#879ED4;
+	background-color:#8989E5;
 	color:white;
-	font-size:14px;
-  text-align:center;
-  padding:0px;
-  margin:0px;
-  border:1px solid grey;
+	font-size:16px;
+	text-align:center;
+	padding:0px;
+	margin:0px;
+	border:1px solid grey;
 
 }
-
+table h2.info
+{
+	font-variant: small-caps;
+	background-color: inherit;
+	color:darkblue;
+}
 h3.info {
-  background:#879ed4;
-  color:white;
-  font-size:14px;
-  text-align:center;
+	background:#879ed4;
+	color:white;
+	font-size:16px;
+	text-align:center;
 }
 
 h2.info2 {
-  color:blue;
-  font-size:14px;
-  text-align:center;
+	color:blue;
+	font-size:16px;
+	text-align:center;
 
 }
 
@@ -97,143 +101,150 @@ h2.info2 {
 h2.error {
 	background:red;
 	color:white;
-	font-size:14px;
+	font-size:16px;
 }
 
 h1.title {
 	color: blue;
-	font-size:25px;
+	font-size:27px;
 }
 
 div.u_tmenu {
-  margin-top:0px;
-  width:100%;
- /* background-color:#879ED4; */
+	margin-top:0px;
+	width:100%;
+	/* background-color:#879ED4; */
 
 
 }
 div.u_subtmenu {
-  background-color:white	;
-  float:left;
-  clear:both;
-  left:10px;
+	background-color:white	;
+	float:left;
+	clear:both;
+	left:10px;
 
 }
 div.u_tmenu div.u_tool {
-	   float:left;
+	float:left;
 
 }
 div.u_tool {
 	float:left;
 	width:  100%;
-	}
-div.u_tool div.name {
-       float:left;
-       margin-left:10px;
 }
-div.u_tool div.acces_direct{
+div.u_tool div.name {
+	float:left;
+	margin-left:10px;
+}
+div.u_tool {
 	float:right;
 	margin-right:10px;
 	text-align:right;
 
 }
-
+div.module {
+	position:absolute;
+	top:0px;
+	right:5px;
+	text-align:right;
+	padding:0px;
+	margin: 0px;
+}
 div.u_subt2menu {
-background-color:lightgrey;
-  left:1%;
+	background-color:lightgrey;
+	left:1%;
 
 }
 div.lmenu {
-	 float:left;
-	 clear:left;
-	font-size:14px;
+	float:left;
+	clear:left;
+	font-size:11px;
 
 }
 div.lextmenu {
 
 	float:left;
-	font-family:helvetica,sans-serif;
-	font-size:14px;
+	font-family:verdana,helvetica,sans-serif;
+	font-size:11px;
 
 }
 div.searchmenu {
-  left:30px;
-  width:95px;
-  top:100px;
-  position:absolute;
+	left:30px;
+	width:95px;
+	top:100px;
+	position:absolute;
 
 }
 
 div.recherche_form{
 	width:700px;
-	font-size:14px;
-	font-family:helvetica,sans-serif;
-  border-style:outset;
-  border-width:1px;
+	font-size:9px;
+	font-family:verdana,helvetica,sans-serif;
+	border-style:outset;
+	border-width:1px;
 
 }
 div.redcontent{
 
-         float:left;
-	 padding-top:7px;
-	 padding-left:8px;
-         font-size:9px;
-         font-family:helvetica,sans-serif;
-	 width:75%;
+	float:left;
+	padding-top:7px;
+	padding-left:8px;
+	font-size:12px;
+	font-family:verdana,helvetica,sans-serif;
+	width:75%;
 
 }
 div.content{
 
-         float:left;
-		padding-top:7px;
-         width:100%;
-         font-family:helvetica,sans-serif;
-         clear:both;
+	float:left;
+	padding-top:7px;
+	width:100%;
+	font-family:verdana,helvetica,sans-serif;
+	clear:both;
 
 
 }
 div.content30{
 
-         float:left;
-	 padding-top:7px;
-         width:35%;
-         font-family:helvetica,sans-serif;
+	float:left;
+	padding-top:7px;
+	width:35%;
+	font-family:verdana,helvetica,sans-serif;
 
 }
 div.no span{
 	position:static;
-	font-family:helvetica,sans-serif;
+	font-family:verdana,helvetica,sans-serif;
 	font-weight:bold;
 	color:red;
 
 }
 
 table.document {
-   color:blue;
-   width:100%;
-   border-spacing:  0px;
-   border-collapse:collapse;
+	color:blue;
+	width:100%;
+	border-spacing:  0px;
+	border-collapse:collapse;
 
 }
 table.document th{
-  font-weight:bold;
-  font-family:helvetica,sans-serif;
-  border-bottom:2px solid blue;
-  border-top:0;
-  color:#25238F;
-  text-align: left;
-  background-color:#EDF3FF;
-  font-style: italic;
+	font-weight:bold;
+	font-family:verdana,helvetica,sans-serif;
+	border-bottom:2px solid blue;
+	border-top:0;
+	color:#25238F;
+	text-align: left;
+	background-color:#EDF3FF;
+	font-style: italic;
 }
 .error {
-width:60%;
-margin-left:20%;
-text-align: center;
+	width:60%;
+	margin-left:20%;
+	text-align: center;
 
-color:white;
-background-color:red;
-font-weight: bolder;
-font-size:120%;
+	color:white;
+	background-color:red;
+	font-weight: bolder;
+	font-size:120%;
 }
 
 table.mtitle {
@@ -241,137 +252,137 @@ table.mtitle {
 	text-align:center
 }
 td.mshort {
-  height:15px;
-  width:60px;
-  text-align:center;
-  border:  1px solid;
-  color:#5D90CD ;
-  background-color:#DDE6FF;
+	height:15px;
+	width:60px;
+	text-align:center;
+	border:  1px solid;
+	color:#5D90CD ;
+	background-color:#DDE6FF;
 }
 td.mtitle {
 	text-align:center;
 	width:95px;
-        height :30px;
-	font-size:10px;
+	height :30px;
+	font-size:12px;
     background-color:#DDE6FF;
     border:1px solid #99B1DF;
 }
 td.msubtitle {
 	text-align:center;
 	height:20px;
-	font-size:10px;
+	font-size:12px;
     background-color:#DDE6FF;
 }
 span.mtitle {
 	color:gray;
 	background-color:blue;
-	font-size:10px;
+	font-size:12px;
 	border-style:groove
 }
 span.odd {
-  background-color:#ECF3FF;
-  display:block;
- }
+	background-color:#ECF3FF;
+	display:block;
+}
 span.even {
-  background-color:#DDE6FF;
-  display:block;
- }
+	background-color:#DDE6FF;
+	display:block;
+}
 
 tr.odd {
 	background-color:#DDE6FF;
-	font-size:10px;
+	font-size:12px;
 }
 tr {
-	font-size:10px;
+	font-size:12px;
 }
 td.odd{
 	background-color:#DDE6FF ;
-	font-size:10px;
+	font-size:12px;
 }
 td.even{
 	border:0px;
-	font-size:10px;
+	font-size:12px;
 }
 td.cell{
-	    height:32px;
-	     padding: 1px;
+	height:32px;
+	padding: 1px;
 }
 td.selectedcell{
 	border-style:inset;
-        border-color:blue;
+	border-color:blue;
 	border-width:1pt ;
-	font-size:10px;
-        background:#5D90CD ;
-        color:white;
-        text-align:center;
-	     width:120px;
+	font-size:12px;
+	background:#5D90CD ;
+	color:white;
+	text-align:center;
+	width:120px;
 }
 a.mtitle {
-  font-size:10px;
-  text-decoration:none;
-  display:inline;
- color: blue;
+	font-size:12px;
+	text-decoration:none;
+	display:inline;
+	color: blue;
 
 }
 a.mtitle:hover {
-  font-size:10px;
-  text-decoration:none;
-  display:inline;
+	font-size:12px;
+	text-decoration:none;
+	display:inline;
 
- color: darkblue;
-background-color:#5D90CD;
+	color: darkblue;
+	background-color:#5D90CD;
 
 }
 td.selectedcell a.mtitle {
- font-size:1em;
- text-decoration:none;
- display:block;
- color:white;
+	font-size:1em;
+	text-decoration:none;
+	display:block;
+	color:white;
 }
 a.dossier {
-  font-size:10px;
-  text-decoration:none;
-  display:block;
-   color: #202267;
+	font-size:12px;
+	text-decoration:none;
+	display:block;
+	color: #202267;
 
 }
 tr.odd:hover td
 {
-  text-decoration:none;
-  background-color: #a9d6e4;
-  color:white;
+	text-decoration:none;
+	background-color: #a9d6e4;
+	color:white;
 }
 tr.even:hover td
 {
-  text-decoration:none;
-  background-color: #a9d6e4;
-  color:white;
+	text-decoration:none;
+	background-color: #a9d6e4;
+	color:white;
 }
 td.mtitle:hover,td.mtitle:hover a
 {
-  background-color:#a9d6e4;
-  color:white;
+	background-color:#a9d6e4;
+	color:white;
 }
 td.msubtitle:hover,td.msubtitle:hover a
 {
-  background-color:#a9d6e4;
-  color:white;
+	background-color:#a9d6e4;
+	color:white;
 }
 a.cell {
-  text-decoration:none;
-  display:block;
-  color:blue;
-  background-color:white;
-  font-size:12px;
+	text-decoration:none;
+	display:block;
+	color:blue;
+	background-color:white;
+	font-size:9px;
 }
 
 a.cell:hover {
-  font-size:12px;
-  color:white;
-  background-color:#5D90CD;
-  text-decoration:none;
-  display:block;
-	}
+	font-size:9px;
+	color:white;
+	background-color:#5D90CD;
+	text-decoration:none;
+	display:block;
+}
 
 
 a.one:link {
@@ -381,23 +392,23 @@ a.one:link {
 a.one:visited {
 	text-decoration:none;
 	color:#3010FF
-	}
+}
 
 a.one:active {
 	background: #0000FF;
-	}
+}
 
 a.one:hover {
-	    text-decoration:underline;
+	text-decoration:underline;
 	background:#3010FF;
 	color:#FFFFFF;
-	}
+}
 
 
 a.detail
 {
-  font-size:9px;
-  font-family:helvetica,sans-serif;
+	font-size:12px;
+	font-family:verdana,helvetica,sans-serif;
     text-decoration: none;
     display: block;
     color: blue;
@@ -405,8 +416,8 @@ a.detail
 
 a.detail:hover
 {
-  font-size:12px;
-  font-family:helvetica,sans-serif;
+	font-size:12px;
+	font-family:verdana,helvetica,sans-serif;
     color: white;
     background-color: rgb(93, 144, 205);
     text-decoration: none;
@@ -414,19 +425,19 @@ a.detail:hover
 }
 
 li.menuv,ol.menuv {
-	 display:inline;
-	 padding:1em 1em;
+	display:inline;
+	padding:1em 1em;
 }
 div.redcontent a {
-  font-family:helvetica,sans-serif;
-  text-decoration: none;
-  display: block;
-  color: blue;
+	font-family:verdana,helvetica,sans-serif;
+	text-decoration: none;
+	display: block;
+	color: blue;
 
 }
 
 div.redcontent a:hover {
-  font-family:helvetica,sans-serif;
+	font-family:verdana,helvetica,sans-serif;
     color: white;
     background-color: rgb(93, 144, 205);
     text-decoration: none;
@@ -434,17 +445,17 @@ div.redcontent a:hover {
 
 }
 div.content a {
-  font-family:helvetica,sans-serif;
-  text-decoration: none;
-  display: block;
-  color: blue;
-padding: 1px ;
+	font-family:verdana,helvetica,sans-serif;
+	text-decoration: none;
+	display: block;
+	color: blue;
+	padding: 0;
 
 }
 
 
 div.content a:hover {
-  font-family:helvetica,sans-serif;
+	font-family:verdana,helvetica,sans-serif;
     color: white;
     background-color: rgb(93, 144, 205);
     text-decoration: none;
@@ -453,103 +464,108 @@ div.content a:hover {
 }
 
 div.redcontent a.mtitle {
-  text-decoration:none;
-  display:inline;
+	text-decoration:none;
+	display:inline;
 
 
-  color:black;
+	color:black;
 
 }
 
 div.redcontent a.mtitle:hover {
-  text-decoration:none;
-  display:inline;
-  color:white;
-  background-color:darkblue;
+	text-decoration:none;
+	display:inline;
+	color:white;
+	background-color:darkblue;
 
 
 }
 div.content a.mtitle {
-  font-size:10px;
-  text-decoration:none;
-  display:inline;
-  color:blue;
+	font-size:10px;
+	text-decoration:none;
+	display:inline;
+	color:blue;
 
 
 
 }
 
 div.content a.mtitle:hover {
-  text-decoration:none;
-  display:inline;
-  background-color:darkblue;
-  color:white;
+	text-decoration:none;
+	display:inline;
+	background-color:darkblue;
+	color:white;
 
 
 }
 div.redcontent input.text {
-   font-family:helvetica,sans-serif;
-  font-weight:normal;
-  border-color:336699;
-  border-style:solid;
-  background-color:orange;
-  border-width:1px;
-  color:blue;
+	font-family:verdana,helvetica,sans-serif;
+	font-weight:normal;
+	border-color:336699;
+	border-style:solid;
+	background-color:orange;
+	border-width:1px;
+	color:blue;
 }
 div.content input.text {
-   font-family:helvetica,sans-serif;
-  font-weight:normal;
-  border-color:336699;
-  border-style:solid;
-  border-width:1px;
-  background-color:orange;
-  color:blue;
+	font-family:verdana,helvetica,sans-serif;
+	font-weight:normal;
+	border-color:336699;
+	border-style:solid;
+	border-width:1px;
+	background-color:orange;
+	color:blue;
 }
 
 
 
 div.redcontent input:focus {
-  background-color:orange;
+	background-color:orange;
 }
 div.content input:focus {
-  background-color:orange;
+	background-color:orange;
 }
 div.redcontent textarea:focus {
-background-color: orange;
+	background-color: orange;
 }
 .document {
-color: #1a207d;
-border-collapse:collapse;
+	color: #1a207d;
+	border-collapse:collapse;
 }
 a.document{
-  font-size:12px;
-  text-decoration:none;
-  display:block;
+	font-size:12px;
+	text-decoration:none;
+	display:block;
 }
 a.document:hover {
-  text-decoration:none;
-  display:block;
+	text-decoration:none;
+	display:block;
 
 
 }
 .input_text {
-	   border:groove 1px blue;
+	border:groove 1px blue;
 	margin:1px;
 }
+.input_text:hover {
+	border:groove 1px blue;
+	margin:1px;
+	background-color: orange;
+}
 legend {
-font-weight: bold;
-font-style: italic;
-font-size: 120% ;
+	font-weight: bold;
+	font-style: italic;
+	font-size: 120% ;
 
 }
 fieldset fieldset legend {
-	 font-size:110%;
-	 color:grey;
-	 }
+	font-size:110%;
+	color:grey;
+}
 select {
-border: 1px solid blue;
-margin:2px;
-background-color:white;
+	border: 1px solid blue;
+	margin:2px;
+	background-color:white;
 
 
 }
@@ -557,14 +573,18 @@ background-color:white;
 
 
 .infobulle {
-	   position:absolute;
-	   border:1px solid black;
-	   background-color:yellow;
-	   top:0;left:0;
-	   visibility:hidden;
-	   z-index:2;
-	   width:25em;
-
+	position:absolute;
+	border:1px solid black;
+	background-color:yellow;
+	padding-bottom: 10;
+	padding-top: 10;
+	padding-left: 10;
+	padding-right: 10;
+	color:black;
+	top:0;left:0;
+	visibility:hidden;
+	width:25em;
+	z-index:20;
 }
 
 span.action {
@@ -576,24 +596,24 @@ td.num {
 }
 tr.priority1 {
 	background-color:red;
-	}
+}
 span.action a.action {
-  border:2px outset ;
-  padding-left: 3px;
-  padding-right:3px;
-  text-decoration:none;
-  font-size:14px;
+	border:2px outset ;
+	padding-left: 3px;
+	padding-right:3px;
+	text-decoration:none;
+	font-size:14px;
 
-  display:inline;
-  color:black;
-  background-color:lightgrey;
+	display:inline;
+	color:black;
+	background-color:lightgrey;
 }
 
 span.action a.action:hover {
-  text-decoration:none;
-  display:inline;
-  background-color:lightblue;
-  color:black;
+	text-decoration:none;
+	display:inline;
+	background-color:lightblue;
+	color:black;
 }
 div.popup_back{
 	position:absolute;
@@ -620,7 +640,7 @@ div.popup_border_title {
 	border: 2px outset #201e87;
 	background-color:#879ED4;
 	font-size: 110% ;
-	font-family: helvetica,sans-serif;
+	font-family: verdana,helvetica,sans-serif;
 	font-style: italic;
 	font-weight: bolder;
 	text-align:center;
@@ -630,7 +650,7 @@ div.popup_border_title {
 	/*opacity:1;
 	filter:alpha(opacity=100);*/
 
-	}
+}
 div.popup_border_notitle {
 	position:absolute;
 	top:20%;
@@ -642,7 +662,7 @@ div.popup_border_notitle {
 	/*border:dotted 1px black;*/
 	border: 3px outset #201e87;
 	background-color: #879ED4;
-	font-family: helvetica,sans-serif;
+	font-family: verdana,helvetica,sans-serif;
 	font-style: italic;
 	font-weight: bolder;
 	text-align:center;
@@ -651,7 +671,7 @@ div.popup_border_notitle {
 	/*opacity:0.7;
 	filter:alpha(opacity=70);
 	*/
-	}
+}
 
 div.popup_content {
 	position:absolute;
@@ -663,8 +683,8 @@ div.popup_content {
 	height:96%;
 	overflow: auto;
 	background-color:#DFE7FF;
-	font-size:12px ;
-	font-family: helvetica,sans-serif;
+	font-size:10px ;
+	font-family: verdana,helvetica,sans-serif;
 	font-style: normal;
 	font-weight: normal;
 	color: black;
@@ -675,13 +695,13 @@ div.popup_content {
 	filter:alpha(opacity=100);*/
 }
 div.autocomplete {
-  position:relative;
-  background-color:white;
-  border:1px solid #888;
-  margin:0;
-  padding:0;
-  text-align:left;
-  font-size:12px;
+	position:relative;
+	background-color:white;
+	border:1px solid #888;
+	margin:0;
+	padding:0;
+	text-align:left;
+	font-size:12px;
 
 }
 div.autocomplete em {
@@ -689,45 +709,45 @@ div.autocomplete em {
 	font-weight:bold;
 }
 div.autocomplete ul {
-  list-style-type:none;
-  background-color:white;
-  border:1px solid #888;
-  width:375px;
-  margin:0;
-  padding:0;
+	list-style-type:none;
+	background-color:white;
+	border:1px solid #888;
+	width:375px;
+	margin:0;
+	padding:0;
 }
 div.autocomplete ul li.selected { background-color: lightblue;}
 
 div.autocomplete ul li {
-  list-style-type:none;
-  display:block;
-  margin:0;
-  padding:0px;
-  /*height:32px;*/
-  cursor:pointer;
+	list-style-type:none;
+	display:block;
+	margin:0;
+	padding:0px;
+	/*height:32px;*/
+	cursor:pointer;
 }
-span.informal{ font-size:12; }
+span.informal{ font-size:95%; color:black;}
 
 ul.select_table  {
 	/*padding:5px;*/
 	overflow:hidden;
-	}
+}
 ul.select_table a{
 	width:100%;
 	display:block;
 	background-color:inherit;
 	color: black;
 	text-decoration:none;
-	}
+}
 ul.select_table a:hover{
 	background-color:white;
 	color:black;
 	/*text-decoration:underline;*/
-	}
+}
 ul.select_table li {
 	display:table-row;
 	list-style-type: none;
-	}
+}
 ul.select_table li span {
 	display:table-cell;
 	width:25em;
@@ -736,10 +756,10 @@ ul.select_table li span {
 }
 
 div.pc_calendar{
-		border:1px groove grey;
-		float:left;
 
-		}
+	float:left;
+
+}
 div.pc_calendar table {
 	text-align:center;
 
@@ -750,7 +770,8 @@ div.pc_calendar tr{
 
 }
 div.pc_calendar td{
-	width:10em;
+	width:14%;
+	border:#879ed4 solid 1px;
 }
 
 div.pc_calendar td.weekend {
@@ -777,44 +798,46 @@ span.todo  {
 
 }
 input[disabled], textarea[disabled], option[disabled], optgroup[disabled], select[disabled] {
--moz-user-focus:ignore;
--moz-user-input:disabled;
-background-color:lightgrey;
-color:black;
-cursor:inherit;
+	-moz-user-focus:ignore;
+	-moz-user-input:disabled;
+	background-color:lightgrey;
+	color:black;
+	cursor:inherit;
 }
 
-.button {
-	font-size:10;
+a#anchorbutton, .button, a.button,div.content a.button {
+	font-size:12px;
 	color:white;
 	font-weight: bold;
-
-	text-decoration:none;
-	font-family: helvetica,sans-serif;
-	background-image: url("image/bg-submit2.gif");
+	background-image: url("image/bg-submit4.png");
 	background-repeat: repeat-x;
 	background-position: left;
-
-	border-style:  outset ;
-	border-color:  blue ;
-	border-width:0;
-	padding:2 4 2 4;
+	text-decoration:none;
+	font-family: arial,helvetica,sans-serif;
+	background-color: #DEE3E5;
+	margin-top:3px;
+	margin-bottom:3px;
+	margin-right:3px;
+	margin-left:3px;
+	padding:5;
 	cursor:pointer;
-	margin:1 2 1 2;
-	-moz-border-radius:2 2;
+	-moz-border-radius:4 4;
+	border-radius:4 4;
+	border-style: outset;
 
 }
-.button:hover {
+a#anchorbutton:hover, .button:hover,a.button:hover,div.content a.button:hover  {
 	cursor:pointer;
-	background-color:white;
-	border-style:  inset ;
-	color:blue;
-	margin:1 2 1 2;
-	}
-	td.tool {
+	color:red;
+	margin-top:3px;
+	margin-bottom:3px;
+	margin-right:3px;
+	margin-left:3px;
+}
+td.tool {
 	border: solid 1px gray;
 
-	}
+}
 div.topmenu {
 	float:left;
 	width:100%;
@@ -824,49 +847,23 @@ div.topmenu {
 h2.dossier {
 	color:darkblue;
 	font-style: italic;
+	display:inline;
 
-font-size:20px;
-margin:0;
-padding:0;
-text-align:center;
+	font-size:14px;
+	margin:0;
+	padding:0;
+	text-align:center;
 }
-a#anchorbutton {
-	font-size:10;
-	color:white;
-	font-weight: bold;
-
-	text-decoration:none;
-	font-family: helvetica,sans-serif;
-	background-image: url("image/bg-submit3.gif");
-	background-repeat: repeat-x;
-	background-position: left;
-
-	border-style:  outset ;
-	border-color:  blue ;
-	border-width:1;
-	padding:2 4 2 4;
-	cursor:pointer;
-	margin:1 2 1 2;
-	-moz-border-radius:2 2;
-
-}
-a#anchorbutton:hover {
-	cursor:pointer;
-	background-color:white;
-	border-style:  inset ;
-	color:blue;
-	margin:1 2 1 2;
-	}
 /* </style> */
 div.add_todo_list {
-                    border:1px solid blue;
-                    display:none;
-                    background-color:#BFD0FF;
-                    padding:3;
-                    position:absolute;
-                    text-align:left;
-                    line-height:3em;
-                    z-index:1}
+	border:1px solid blue;
+	display:none;
+	background-color:#BFD0FF;
+	padding:3;
+	position:absolute;
+	text-align:left;
+	line-height:3em;
+	z-index:1}
 div.welcome {
 
 }
@@ -878,56 +875,56 @@ div.gest_name {
 h2.gest_name {
 	border-left: 5px solid  #403a8d;
 	border-bottom:1px solid  #b4bbc2;
-		border-top:1px solid  #b4bbc2;
-		border-right:1px solid  #b4bbc2;
+	border-top:1px solid  #b4bbc2;
+	border-right:1px solid  #b4bbc2;
 	padding: 5px;
 }
 div.op_detail_frame  {
-  background-color:#e4e7ed;
-  height:100%; width:100%;
+	background-color:#e4e7ed;
+	height:100%; width:100%;
 
 
 }
 div.inner_box  {
-  background-color:#e4e7ed;
- font-size:10;
-  font-family:helvetica,sans-serif;
-  padding:0;
-  margin:0;
-  overflow:hidden;
-  z-index:3;
+	background-color:#e4e7ed;
+	font-size:10;
+	font-family:verdana,helvetica,sans-serif;
+	padding:0;
+	margin:0;
+	overflow:hidden;
+	z-index:3;
 
-position:absolute;
-left:10%;
+	position:absolute;
+	left:10%;
 
 
-border:1px solid darkblue;
+	border:1px solid darkblue;
 
 }
 div.op_detail_title {
 	background-color:grey;
-/*	width:500;*/
+	/*	width:500;*/
 
 
 }
 div#div_jrn{
-              position:absolute;
-              border:1px solid black;
-               top:15%;left:100;
-              visibility:hidden;
-              z-index:2;
-              width:50em;
-		      background-color:#EDF3FF;
+	position:absolute;
+	border:1px solid black;
+	top:15%;left:100;
+	visibility:hidden;
+	z-index:2;
+	width:50em;
+	background-color:#EDF3FF;
 
 }
- div#div_cat{
-              position:absolute;
-              border:1px solid black;
-               top:15%;left:100;
-              visibility:hidden;
-              z-index:2;
-              width:50em;
-             background-color:#EDF3FF;
+div#div_cat{
+	position:absolute;
+	border:1px solid black;
+	top:15%;left:100;
+	visibility:hidden;
+	z-index:2;
+	width:50em;
+	background-color:#EDF3FF;
 
 }
 
@@ -936,17 +933,17 @@ div.divinfo
 
 div#search_form
 {
-              position:absolute;
-              border:1px solid black;
-              top:15%;left:100;
-              margin-left:25%
-              z-index:2;
-              width:50%;
-              display:none;
-	      background-color:#e4e7ed;
+	position:absolute;
+	border:1px solid black;
+	top:15%;left:100;
+	margin-left:25%
+		z-index:2;
+	width:50%;
+	display:none;
+	background-color:#e4e7ed;
 }
 
-table.result td
+table.table_large td, table.result td
 {
 	padding-left:5px;
 	padding-right:5px;
@@ -954,14 +951,12 @@ table.result td
 table.info_op
 {
 	font-size:18;
-	margin-right:30%;
-	width:20%;
-
+	width:100%;
 }
 table.info_op tr
 {
-font-size:14;
-background:white;
+	font-size:14;
+	background:white;
 }
 h2#jrn_name
 {
@@ -978,7 +973,7 @@ tr.footer{
 span.remain {
 	font-weight: bold;
 	color:black;
-	}
+}
 
 div#jrn_name_div
 {
@@ -995,46 +990,46 @@ div#jrn_name_div
 #direct
 {
 	display:inline;
-	float:right;
-
+	float:left;
+	width:400px;
 
 }
-.direct
+#calc
 {
-		font-size:10px;
-	   border:groove 1px #000000;
-	margin:1px;
+	display:inline;
+	float:left;
 }
 div#wait_box
 {
-  background-color:#F1E6E6;
- font-size:10;
-  font-family:helvetica,arial,sans-serif;
-  padding:0;
-  margin:0;
-  overflow:hidden;
-  z-index:10;
+	background-color:#F1E6E6;
+	font-size:10;
+	font-family: verdana,helvetica,arial,sans-serif;
+	padding:0;
+	margin:0;
+	overflow:hidden;
+	z-index:10;
 
-position:absolute;
-left:30%;
-top:30%;
+	position:absolute;
+	left:30%;
+	top:30%;
 
 
-border:1px solid darkblue;
+	border:1px solid darkblue;
 
 }
 #wait_box h2
 {
-color:black;
-text-align:center;
+	color:black;
+	text-align:center;
 }
 div#div_jrnsearch_op{
-               position:absolute;
-			  z-index: 5;
-              border:1px solid black;
-              display:none;
-              width:50em;
-		      background-color:#EDF3FF;
+
+	border:1px solid black;
+	display:none;
+	width:50em;
+	background-color:#EDF3FF;
+	position:absolute;
+	z-index: 5;
 
 }
 ul {
@@ -1042,29 +1037,30 @@ ul {
 }
 a.line,div.content a.line
 {
-font-size:110%;
-  text-decoration:underline;
-  display:inline;
- color: #0000ff;
+	font-size:110%;
+	text-decoration:underline;
+	display:inline;
+	color: #0000ff;
 }
 a.line:hover,div_content a.line
 {
-font-size:110%;
-  text-decoration:underline;
-  display:inline;
-  color: #0000ff;
-     background-color: rgb(93, 144, 205);
+	font-size:110%;
+	text-decoration:underline;
+	display:inline;
+	color: #0000ff;
+	background-color: rgb(93, 144, 205);
 }
 #close_div
 {
- background-color:white;
- color:blue;
- text-decoration:none;
- border:1px solid blue;
- margin-left: 2px;
- margin-right:2px;
- margin-top:0px;
- font-size:10px;
+	background-color:white;
+	color:red;
+	font-family: arial;
+	text-decoration:none;
+	border:1px solid red;
+	margin-left: 2px;
+	margin-right:2px;
+	margin-top:0px;
+	font-size:12px;
 }
 table.table_large tr.odd ,table.table_large tr.even {
 
@@ -1089,4 +1085,4 @@ span.invoice
     display:block;
     margin: 20px;
     font-weight: bold;
-}
\ No newline at end of file
+}
diff --git a/html/style-light.css b/html/style-light.css
index 7e2cc13fe..fecefeced 100644
--- a/html/style-light.css
+++ b/html/style-light.css
@@ -1,24 +1,24 @@
 /* <style type="text/css"> */
 
 BODY {
-  background-color:#EDF3FF;
- font-size:10;
-  font-family:helvetica,sans-serif;
-  padding: 0px 10px 0px 10px ;
-  margin:0;
-  color:blue;
+	background-color:#EDF3FF;
+	font-size:12px;
+	font-family:verdana,helvetica,sans-serif;
+	padding: 0px 10px 0px 10px ;
+	margin:0;
+	color:blue;
 }
 .notice {
-		color:red;
-        font-style: italic;
-        }
+	color:red;
+	font-style: italic;
+}
 
 table.table_large, table.result  ,table.resultfooter {
-  color:blue;
-  /* border:blue solid 1px; */
-  width:100%;
-   border-spacing:  0px;
-   border-collapse:collapse;
+	color:blue;
+	/* border:blue solid 1px; */
+	width:100%;
+	border-spacing:  0px;
+	border-collapse:collapse;
 
 }
 table.resultfooter tfoot {
@@ -28,67 +28,72 @@ table.resultfooter tfoot {
 
 }
 table.table_large th,table.result th {
-  font-weight:bold;
-  font-family:helvetica,sans-serif;
- border-bottom:1px solid blue;
- border-top:0;
+	font-weight:bold;
+	font-family:verdana,helvetica,sans-serif;
+	border-bottom:1px solid blue;
+	border-top:0;
 
-  color:#25238F;
-  text-align: left;
-  font-style: italic;
+	color:#25238F;
+	text-align: left;
+	font-style: italic;
 
 }
 
 h2 {
-  font-family:helvetica,sans-serif;
-  font-size:14px;
-  color:grey;
+	font-family:verdana,helvetica,sans-serif;
+	font-size:14px;
+	color:grey;
 }
 div.info {
 	background:#879ed4;
 	color:white;
 	font-size:120%;
-  text-align:center;
+	text-align:center;
 }
 
 content h2.info {
 	background:#879ed4;
-  color:black;
-  font-size:14pt;
-  text-align:center;
-  padding:0px;
-  margin:0px;
+	color:black;
+	font-size:14pt;
+	text-align:center;
+	padding:0px;
+	margin:0px;
 }
 redcontent h2.info {
-  background:#879ed4;
-  color:white;
-  font-size:14pt;
-  text-align:center;
-  padding:0px;
-  margin:0px;
+	background:#879ed4;
+	color:white;
+	font-size:14pt;
+	text-align:center;
+	padding:0px;
+	margin:0px;
 }
 h2.info {
-  background-color:#879ED4;
+	background-color:#8989E5;
 	color:white;
 	font-size:14px;
-  text-align:center;
-  padding:0px;
-  margin:0px;
-  border:1px solid grey;
+	text-align:center;
+	padding:0px;
+	margin:0px;
+	border:1px solid grey;
 
 }
-
+table h2.info
+{
+	font-variant: small-caps;
+	background-color: inherit;
+	color:darkblue;
+}
 h3.info {
-  background:#879ed4;
-  color:white;
-  font-size:14px;
-  text-align:center;
+	background:#879ed4;
+	color:white;
+	font-size:14px;
+	text-align:center;
 }
 
 h2.info2 {
-  color:blue;
-  font-size:14px;
-  text-align:center;
+	color:blue;
+	font-size:14px;
+	text-align:center;
 
 }
 
@@ -105,134 +110,141 @@ h1.title {
 }
 
 div.u_tmenu {
-  margin-top:0px;
-  width:100%;
- /* background-color:#879ED4; */
+	margin-top:0px;
+	width:100%;
+	/* background-color:#879ED4; */
 
 
 }
 div.u_subtmenu {
-  background-color:white	;
-  float:left;
-  clear:both;
-  left:10px;
+	background-color:white	;
+	float:left;
+	clear:both;
+	left:10px;
 
 }
 div.u_tmenu div.u_tool {
-	   float:left;
+	float:left;
 
 }
 div.u_tool {
 	float:left;
 	width:  100%;
-	}
-div.u_tool div.name {
-       float:left;
-       margin-left:10px;
 }
-div.u_tool div.acces_direct{
+div.u_tool div.name {
+	float:left;
+	margin-left:10px;
+}
+div.u_tool {
 	float:right;
 	margin-right:10px;
 	text-align:right;
 
 }
-
+div.module {
+	position:absolute;
+	top:0px;
+	right:5px;
+	text-align:right;
+	padding:0px;
+	margin: 0px;
+}
 div.u_subt2menu {
-background-color:lightgrey;
-  left:1%;
+	background-color:lightgrey;
+	left:1%;
 
 }
 div.lmenu {
-	 float:left;
-	 clear:left;
+	float:left;
+	clear:left;
 	font-size:9px;
 
 }
 div.lextmenu {
 
 	float:left;
-	font-family:helvetica,sans-serif;
+	font-family:verdana,helvetica,sans-serif;
 	font-size:9px;
 
 }
 div.searchmenu {
-  left:30px;
-  width:95px;
-  top:100px;
-  position:absolute;
+	left:30px;
+	width:95px;
+	top:100px;
+	position:absolute;
 
 }
 
 div.recherche_form{
 	width:700px;
 	font-size:9px;
-	font-family:helvetica,sans-serif;
-  border-style:outset;
-  border-width:1px;
+	font-family:verdana,helvetica,sans-serif;
+	border-style:outset;
+	border-width:1px;
 
 }
 div.redcontent{
 
-         float:left;
-	 padding-top:7px;
-	 padding-left:8px;
-         font-size:9px;
-         font-family:helvetica,sans-serif;
-	 width:75%;
+	float:left;
+	padding-top:7px;
+	padding-left:8px;
+	font-size:9px;
+	font-family:verdana,helvetica,sans-serif;
+	width:75%;
 
 }
 div.content{
 
-         float:left;
-		padding-top:7px;
-         width:100%;
-         font-family:helvetica,sans-serif;
-         clear:both;
+	float:left;
+	padding-top:7px;
+	width:100%;
+	font-family:verdana,helvetica,sans-serif;
+	clear:both;
 
 
 }
 div.content30{
 
-         float:left;
-	 padding-top:7px;
-         width:35%;
-         font-family:helvetica,sans-serif;
+	float:left;
+	padding-top:7px;
+	width:35%;
+	font-family:verdana,helvetica,sans-serif;
 
 }
 div.no span{
 	position:static;
-	font-family:helvetica,sans-serif;
+	font-family:verdana,helvetica,sans-serif;
 	font-weight:bold;
 	color:red;
 
 }
 
 table.document {
-   color:blue;
-   width:100%;
-   border-spacing:  0px;
-   border-collapse:collapse;
+	color:blue;
+	width:100%;
+	border-spacing:  0px;
+	border-collapse:collapse;
 
 }
 table.document th{
-  font-weight:bold;
-  font-family:helvetica,sans-serif;
-  border-bottom:2px solid blue;
-  border-top:0;
-  color:#25238F;
-  text-align: left;
-  background-color:#EDF3FF;
-  font-style: italic;
+	font-weight:bold;
+	font-family:verdana,helvetica,sans-serif;
+	border-bottom:2px solid blue;
+	border-top:0;
+	color:#25238F;
+	text-align: left;
+	background-color:#EDF3FF;
+	font-style: italic;
 }
 .error {
-width:60%;
-margin-left:20%;
-text-align: center;
+	width:60%;
+	margin-left:20%;
+	text-align: center;
 
-color:white;
-background-color:red;
-font-weight: bolder;
-font-size:120%;
+	color:white;
+	background-color:red;
+	font-weight: bolder;
+	font-size:120%;
 }
 
 table.mtitle {
@@ -240,17 +252,17 @@ table.mtitle {
 	text-align:center
 }
 td.mshort {
-  height:15px;
-  width:60px;
-  text-align:center;
-  border:  1px solid;
-  color:#5D90CD ;
-  background-color:#DDE6FF;
+	height:15px;
+	width:60px;
+	text-align:center;
+	border:  1px solid;
+	color:#5D90CD ;
+	background-color:#DDE6FF;
 }
 td.mtitle {
 	text-align:center;
 	width:95px;
-        height :30px;
+	height :30px;
 	font-size:10px;
     background-color:#DDE6FF;
     border:1px solid #99B1DF;
@@ -268,13 +280,13 @@ span.mtitle {
 	border-style:groove
 }
 span.odd {
-  background-color:#ECF3FF;
-  display:block;
- }
+	background-color:#ECF3FF;
+	display:block;
+}
 span.even {
-  background-color:#DDE6FF;
-  display:block;
- }
+	background-color:#DDE6FF;
+	display:block;
+}
 
 tr.odd {
 	background-color:#DDE6FF;
@@ -292,85 +304,85 @@ td.even{
 	font-size:10px;
 }
 td.cell{
-	    height:32px;
-	     padding: 1px;
+	height:32px;
+	padding: 1px;
 }
 td.selectedcell{
 	border-style:inset;
-        border-color:blue;
+	border-color:blue;
 	border-width:1pt ;
 	font-size:10px;
-        background:#5D90CD ;
-        color:white;
-        text-align:center;
-	     width:120px;
+	background:#5D90CD ;
+	color:white;
+	text-align:center;
+	width:120px;
 }
 a.mtitle {
-  font-size:10px;
-  text-decoration:none;
-  display:inline;
- color: blue;
+	font-size:10px;
+	text-decoration:none;
+	display:inline;
+	color: blue;
 
 }
 a.mtitle:hover {
-  font-size:10px;
-  text-decoration:none;
-  display:inline;
+	font-size:10px;
+	text-decoration:none;
+	display:inline;
 
- color: yellow;
-background-color:#5D90CD;
+	color: darkblue;
+	background-color:#5D90CD;
 
 }
 td.selectedcell a.mtitle {
- font-size:1em;
- text-decoration:none;
- display:block;
- color:white;
+	font-size:1em;
+	text-decoration:none;
+	display:block;
+	color:white;
 }
 a.dossier {
-  font-size:10px;
-  text-decoration:none;
-  display:block;
-   color: #202267;
+	font-size:10px;
+	text-decoration:none;
+	display:block;
+	color: #202267;
 
 }
 tr.odd:hover td
 {
-  text-decoration:none;
-  background-color: #a9d6e4;
-  color:yellow;
+	text-decoration:none;
+	background-color: #a9d6e4;
+	color:white;
 }
 tr.even:hover td
 {
-  text-decoration:none;
-  background-color: #a9d6e4;
-  color:yellow;
+	text-decoration:none;
+	background-color: #a9d6e4;
+	color:white;
 }
 td.mtitle:hover,td.mtitle:hover a
 {
-  background-color:#a9d6e4;
-  color:yellow;
+	background-color:#a9d6e4;
+	color:white;
 }
 td.msubtitle:hover,td.msubtitle:hover a
 {
-  background-color:#a9d6e4;
-  color:yellow;
+	background-color:#a9d6e4;
+	color:white;
 }
 a.cell {
-  text-decoration:none;
-  display:block;
-  color:blue;
-  background-color:white;
-  font-size:9px;
+	text-decoration:none;
+	display:block;
+	color:blue;
+	background-color:white;
+	font-size:9px;
 }
 
 a.cell:hover {
-  font-size:9px;
-  color:yellow;
-  background-color:#5D90CD;
-  text-decoration:none;
-  display:block;
-	}
+	font-size:9px;
+	color:white;
+	background-color:#5D90CD;
+	text-decoration:none;
+	display:block;
+}
 
 
 a.one:link {
@@ -380,23 +392,23 @@ a.one:link {
 a.one:visited {
 	text-decoration:none;
 	color:#3010FF
-	}
+}
 
 a.one:active {
 	background: #0000FF;
-	}
+}
 
 a.one:hover {
-	    text-decoration:underline;
+	text-decoration:underline;
 	background:#3010FF;
 	color:#FFFFFF;
-	}
+}
 
 
 a.detail
 {
-  font-size:9px;
-  font-family:helvetica,sans-serif;
+	font-size:9px;
+	font-family:verdana,helvetica,sans-serif;
     text-decoration: none;
     display: block;
     color: blue;
@@ -404,8 +416,8 @@ a.detail
 
 a.detail:hover
 {
-  font-size:9px;
-  font-family:helvetica,sans-serif;
+	font-size:9px;
+	font-family:verdana,helvetica,sans-serif;
     color: white;
     background-color: rgb(93, 144, 205);
     text-decoration: none;
@@ -413,19 +425,19 @@ a.detail:hover
 }
 
 li.menuv,ol.menuv {
-	 display:inline;
-	 padding:1em 1em;
+	display:inline;
+	padding:1em 1em;
 }
 div.redcontent a {
-  font-family:helvetica,sans-serif;
-  text-decoration: none;
-  display: block;
-  color: blue;
+	font-family:verdana,helvetica,sans-serif;
+	text-decoration: none;
+	display: block;
+	color: blue;
 
 }
 
 div.redcontent a:hover {
-  font-family:helvetica,sans-serif;
+	font-family:verdana,helvetica,sans-serif;
     color: white;
     background-color: rgb(93, 144, 205);
     text-decoration: none;
@@ -433,17 +445,17 @@ div.redcontent a:hover {
 
 }
 div.content a {
-  font-family:helvetica,sans-serif;
-  text-decoration: none;
-  display: block;
-  color: blue;
-padding: 0;
+	font-family:verdana,helvetica,sans-serif;
+	text-decoration: none;
+	display: block;
+	color: blue;
+	padding: 0;
 
 }
 
 
 div.content a:hover {
-  font-family:helvetica,sans-serif;
+	font-family:verdana,helvetica,sans-serif;
     color: white;
     background-color: rgb(93, 144, 205);
     text-decoration: none;
@@ -452,108 +464,108 @@ div.content a:hover {
 }
 
 div.redcontent a.mtitle {
-  text-decoration:none;
-  display:inline;
+	text-decoration:none;
+	display:inline;
 
 
-  color:black;
+	color:black;
 
 }
 
 div.redcontent a.mtitle:hover {
-  text-decoration:none;
-  display:inline;
-  color:white;
-  background-color:darkblue;
+	text-decoration:none;
+	display:inline;
+	color:white;
+	background-color:darkblue;
 
 
 }
 div.content a.mtitle {
-  font-size:10px;
-  text-decoration:none;
-  display:inline;
-  color:blue;
+	font-size:10px;
+	text-decoration:none;
+	display:inline;
+	color:blue;
 
 
 
 }
 
 div.content a.mtitle:hover {
-  text-decoration:none;
-  display:inline;
-  background-color:darkblue;
-  color:white;
+	text-decoration:none;
+	display:inline;
+	background-color:darkblue;
+	color:white;
 
 
 }
 div.redcontent input.text {
-   font-family:helvetica,sans-serif;
-  font-weight:normal;
-  border-color:336699;
-  border-style:solid;
-  background-color:greenyellow;
-  border-width:1px;
-  color:blue;
+	font-family:verdana,helvetica,sans-serif;
+	font-weight:normal;
+	border-color:336699;
+	border-style:solid;
+	background-color:orange;
+	border-width:1px;
+	color:blue;
 }
 div.content input.text {
-   font-family:helvetica,sans-serif;
-  font-weight:normal;
-  border-color:336699;
-  border-style:solid;
-  border-width:1px;
-  background-color:greenyellow;
-  color:blue;
+	font-family:verdana,helvetica,sans-serif;
+	font-weight:normal;
+	border-color:336699;
+	border-style:solid;
+	border-width:1px;
+	background-color:orange;
+	color:blue;
 }
 
 
 
 div.redcontent input:focus {
-  background-color:greenyellow;
+	background-color:orange;
 }
 div.content input:focus {
-  background-color:greenyellow;
+	background-color:orange;
 }
 div.redcontent textarea:focus {
-background-color: greenyellow;
+	background-color: orange;
 }
 .document {
-color: #1a207d;
-border-collapse:collapse;
+	color: #1a207d;
+	border-collapse:collapse;
 }
 a.document{
-  font-size:12px;
-  text-decoration:none;
-  display:block;
+	font-size:12px;
+	text-decoration:none;
+	display:block;
 }
 a.document:hover {
-  text-decoration:none;
-  display:block;
+	text-decoration:none;
+	display:block;
 
 
 }
 .input_text {
-	   border:groove 1px blue;
+	border:groove 1px blue;
 	margin:1px;
 }
 .input_text:hover {
 	border:groove 1px blue;
 	margin:1px;
-	background-color: greenyellow;
+	background-color: orange;
 }
 legend {
-font-weight: bold;
-font-style: italic;
-font-size: 120% ;
+	font-weight: bold;
+	font-style: italic;
+	font-size: 120% ;
 
 }
 fieldset fieldset legend {
-	 font-size:110%;
-	 color:grey;
-	 }
+	font-size:110%;
+	color:grey;
+}
 select {
-border: 1px solid blue;
-margin:2px;
-background-color:white;
+	border: 1px solid blue;
+	margin:2px;
+	background-color:white;
 
 
 }
@@ -561,18 +573,18 @@ background-color:white;
 
 
 .infobulle {
-	   position:absolute;
-	   border:1px solid black;
-	   background-color:yellow;
-	   padding-bottom: 10;
-	   padding-top: 10;
-	   padding-left: 10;
-	   padding-right: 10;
-	   color:black;
-	   top:0;left:0;
-	   visibility:hidden;
-	   width:25em;
-		z-index:20;
+	position:absolute;
+	border:1px solid black;
+	background-color:yellow;
+	padding-bottom: 10;
+	padding-top: 10;
+	padding-left: 10;
+	padding-right: 10;
+	color:black;
+	top:0;left:0;
+	visibility:hidden;
+	width:25em;
+	z-index:20;
 }
 
 span.action {
@@ -584,24 +596,24 @@ td.num {
 }
 tr.priority1 {
 	background-color:red;
-	}
+}
 span.action a.action {
-  border:2px outset ;
-  padding-left: 3px;
-  padding-right:3px;
-  text-decoration:none;
-  font-size:14px;
+	border:2px outset ;
+	padding-left: 3px;
+	padding-right:3px;
+	text-decoration:none;
+	font-size:14px;
 
-  display:inline;
-  color:black;
-  background-color:lightgrey;
+	display:inline;
+	color:black;
+	background-color:lightgrey;
 }
 
 span.action a.action:hover {
-  text-decoration:none;
-  display:inline;
-  background-color:lightblue;
-  color:black;
+	text-decoration:none;
+	display:inline;
+	background-color:lightblue;
+	color:black;
 }
 div.popup_back{
 	position:absolute;
@@ -628,7 +640,7 @@ div.popup_border_title {
 	border: 2px outset #201e87;
 	background-color:#879ED4;
 	font-size: 110% ;
-	font-family: helvetica,sans-serif;
+	font-family: verdana,helvetica,sans-serif;
 	font-style: italic;
 	font-weight: bolder;
 	text-align:center;
@@ -638,7 +650,7 @@ div.popup_border_title {
 	/*opacity:1;
 	filter:alpha(opacity=100);*/
 
-	}
+}
 div.popup_border_notitle {
 	position:absolute;
 	top:20%;
@@ -650,7 +662,7 @@ div.popup_border_notitle {
 	/*border:dotted 1px black;*/
 	border: 3px outset #201e87;
 	background-color: #879ED4;
-	font-family: helvetica,sans-serif;
+	font-family: verdana,helvetica,sans-serif;
 	font-style: italic;
 	font-weight: bolder;
 	text-align:center;
@@ -659,7 +671,7 @@ div.popup_border_notitle {
 	/*opacity:0.7;
 	filter:alpha(opacity=70);
 	*/
-	}
+}
 
 div.popup_content {
 	position:absolute;
@@ -672,7 +684,7 @@ div.popup_content {
 	overflow: auto;
 	background-color:#DFE7FF;
 	font-size:10px ;
-	font-family: helvetica,sans-serif;
+	font-family: verdana,helvetica,sans-serif;
 	font-style: normal;
 	font-weight: normal;
 	color: black;
@@ -683,13 +695,13 @@ div.popup_content {
 	filter:alpha(opacity=100);*/
 }
 div.autocomplete {
-  position:relative;
-  background-color:white;
-  border:1px solid #888;
-  margin:0;
-  padding:0;
-  text-align:left;
-  font-size:12px;
+	position:relative;
+	background-color:white;
+	border:1px solid #888;
+	margin:0;
+	padding:0;
+	text-align:left;
+	font-size:12px;
 
 }
 div.autocomplete em {
@@ -697,45 +709,45 @@ div.autocomplete em {
 	font-weight:bold;
 }
 div.autocomplete ul {
-  list-style-type:none;
-  background-color:white;
-  border:1px solid #888;
-  width:375px;
-  margin:0;
-  padding:0;
+	list-style-type:none;
+	background-color:white;
+	border:1px solid #888;
+	width:375px;
+	margin:0;
+	padding:0;
 }
 div.autocomplete ul li.selected { background-color: lightblue;}
 
 div.autocomplete ul li {
-  list-style-type:none;
-  display:block;
-  margin:0;
-  padding:0px;
-  /*height:32px;*/
-  cursor:pointer;
+	list-style-type:none;
+	display:block;
+	margin:0;
+	padding:0px;
+	/*height:32px;*/
+	cursor:pointer;
 }
 span.informal{ font-size:95%; color:black;}
 
 ul.select_table  {
 	/*padding:5px;*/
 	overflow:hidden;
-	}
+}
 ul.select_table a{
 	width:100%;
 	display:block;
 	background-color:inherit;
 	color: black;
 	text-decoration:none;
-	}
+}
 ul.select_table a:hover{
 	background-color:white;
 	color:black;
 	/*text-decoration:underline;*/
-	}
+}
 ul.select_table li {
 	display:table-row;
 	list-style-type: none;
-	}
+}
 ul.select_table li span {
 	display:table-cell;
 	width:25em;
@@ -744,10 +756,10 @@ ul.select_table li span {
 }
 
 div.pc_calendar{
-		border:1px groove grey;
-		float:left;
 
-		}
+	float:left;
+
+}
 div.pc_calendar table {
 	text-align:center;
 
@@ -758,7 +770,8 @@ div.pc_calendar tr{
 
 }
 div.pc_calendar td{
-	width:10em;
+	width:14%;
+	border:#879ed4 solid 1px;
 }
 
 div.pc_calendar td.weekend {
@@ -785,49 +798,50 @@ span.todo  {
 
 }
 input[disabled], textarea[disabled], option[disabled], optgroup[disabled], select[disabled] {
--moz-user-focus:ignore;
--moz-user-input:disabled;
-background-color:lightgrey;
-color:black;
-cursor:inherit;
+	-moz-user-focus:ignore;
+	-moz-user-input:disabled;
+	background-color:lightgrey;
+	color:black;
+	cursor:inherit;
 }
 
 a#anchorbutton, .button, a.button,div.content a.button {
 	font-size:10;
-	color:black;
+	color:darkblue;
 	font-weight: bold;
 
 	text-decoration:none;
-	font-family: helvetica,sans-serif,arial;
-	background-color: #DFDFDF;
-	background-repeat: repeat-x;
-	background-position: left;
-	height:32px;
-	border-color:  gray;
-	border-style: outset;
-	border-width:2;
+	font-family: arial,helvetica,sans-serif;
+	background-color: ##DEE3E5;
+	border-style:  solid ;
+	border-color:  blue ;
+	border-width:1;
 	padding-bottom: 4;
 	padding-top: 4;
 	padding-right: 6;
 	padding-left:  6;
 	margin-top:3px;
+	margin-bottom:3px;
+	margin-right:3px;
+	margin-left:3px;
 	cursor:pointer;
-	margin:1 2 1 2;
-	-moz-border-radius:6;
-	border-radius:6;
+	-moz-border-radius:5 5;
+	border-radius:5 5;
 
 }
 a#anchorbutton:hover, .button:hover,a.button:hover,div.content a.button:hover  {
 	cursor:pointer;
-	background-color:white;
-	color:black;
-	margin:1 2 1 2;
-	border-style: inset;
-	}
-	td.tool {
+	background-color:darkblue;
+	color:#DEE3E5;
+	margin-top:3px;
+	margin-bottom:3px;
+	margin-right:3px;
+	margin-left:3px;
+}
+td.tool {
 	border: solid 1px gray;
 
-	}
+}
 div.topmenu {
 	float:left;
 	width:100%;
@@ -837,22 +851,23 @@ div.topmenu {
 h2.dossier {
 	color:darkblue;
 	font-style: italic;
+	display:inline;
 
-font-size:20px;
-margin:0;
-padding:0;
-text-align:center;
+	font-size:14px;
+	margin:0;
+	padding:0;
+	text-align:center;
 }
 /* </style> */
 div.add_todo_list {
-                    border:1px solid blue;
-                    display:none;
-                    background-color:#BFD0FF;
-                    padding:3;
-                    position:absolute;
-                    text-align:left;
-                    line-height:3em;
-                    z-index:1}
+	border:1px solid blue;
+	display:none;
+	background-color:#BFD0FF;
+	padding:3;
+	position:absolute;
+	text-align:left;
+	line-height:3em;
+	z-index:1}
 div.welcome {
 
 }
@@ -864,56 +879,56 @@ div.gest_name {
 h2.gest_name {
 	border-left: 5px solid  #403a8d;
 	border-bottom:1px solid  #b4bbc2;
-		border-top:1px solid  #b4bbc2;
-		border-right:1px solid  #b4bbc2;
+	border-top:1px solid  #b4bbc2;
+	border-right:1px solid  #b4bbc2;
 	padding: 5px;
 }
 div.op_detail_frame  {
-  background-color:#e4e7ed;
-  height:100%; width:100%;
+	background-color:#e4e7ed;
+	height:100%; width:100%;
 
 
 }
 div.inner_box  {
-  background-color:whitesmoke;
- font-size:10;
-  font-family:helvetica,sans-serif;
-  padding:0;
-  margin:0;
-  overflow:hidden;
-  z-index:3;
+	background-color:#e4e7ed;
+	font-size:10;
+	font-family:verdana,helvetica,sans-serif;
+	padding:0;
+	margin:0;
+	overflow:hidden;
+	z-index:3;
 
-position:absolute;
-left:10%;
+	position:absolute;
+	left:10%;
 
 
-border:1px solid darkblue;
+	border:1px solid darkblue;
 
 }
 div.op_detail_title {
 	background-color:grey;
-/*	width:500;*/
+	/*	width:500;*/
 
 
 }
 div#div_jrn{
-              position:absolute;
-              border:1px solid black;
-               top:15%;left:100;
-              visibility:hidden;
-              z-index:2;
-              width:50em;
-		      background-color:#EDF3FF;
+	position:absolute;
+	border:1px solid black;
+	top:15%;left:100;
+	visibility:hidden;
+	z-index:2;
+	width:50em;
+	background-color:#EDF3FF;
 
 }
- div#div_cat{
-              position:absolute;
-              border:1px solid black;
-               top:15%;left:100;
-              visibility:hidden;
-              z-index:2;
-              width:50em;
-             background-color:#EDF3FF;
+div#div_cat{
+	position:absolute;
+	border:1px solid black;
+	top:15%;left:100;
+	visibility:hidden;
+	z-index:2;
+	width:50em;
+	background-color:#EDF3FF;
 
 }
 
@@ -922,14 +937,14 @@ div.divinfo
 
 div#search_form
 {
-              position:absolute;
-              border:1px solid black;
-              top:15%;left:100;
-              margin-left:25%
-              z-index:2;
-              width:50%;
-              display:none;
-	      background-color:#e4e7ed;
+	position:absolute;
+	border:1px solid black;
+	top:15%;left:100;
+	margin-left:25%
+		z-index:2;
+	width:50%;
+	display:none;
+	background-color:#e4e7ed;
 }
 
 table.table_large td, table.result td
@@ -941,12 +956,11 @@ table.info_op
 {
 	font-size:18;
 	width:100%;
-
 }
 table.info_op tr
 {
-font-size:14;
-background:white;
+	font-size:14;
+	background:white;
 }
 h2#jrn_name
 {
@@ -963,7 +977,7 @@ tr.footer{
 span.remain {
 	font-weight: bold;
 	color:black;
-	}
+}
 
 div#jrn_name_div
 {
@@ -991,34 +1005,35 @@ div#jrn_name_div
 }
 div#wait_box
 {
-  background-color:#F1E6E6;
- font-size:10;
-  font-family:helvetica,arial,sans-serif;
-  padding:0;
-  margin:0;
-  overflow:hidden;
-  z-index:10;
+	background-color:#F1E6E6;
+	font-size:10;
+	font-family: verdana,helvetica,arial,sans-serif;
+	padding:0;
+	margin:0;
+	overflow:hidden;
+	z-index:10;
 
-position:absolute;
-left:30%;
-top:30%;
+	position:absolute;
+	left:30%;
+	top:30%;
 
 
-border:1px solid darkblue;
+	border:1px solid darkblue;
 
 }
 #wait_box h2
 {
-color:black;
-text-align:center;
+	color:black;
+	text-align:center;
 }
 div#div_jrnsearch_op{
-  position:absolute;
-			  z-index: 5;
-              border:1px solid black;
-              display:none;
-              width:50em;
-		      background-color:#EDF3FF;
+
+	border:1px solid black;
+	display:none;
+	width:50em;
+	background-color:#EDF3FF;
+	position:absolute;
+	z-index: 5;
 
 }
 ul {
@@ -1026,29 +1041,30 @@ ul {
 }
 a.line,div.content a.line
 {
-font-size:110%;
-  text-decoration:underline;
-  display:inline;
- color: #0000ff;
+	font-size:110%;
+	text-decoration:underline;
+	display:inline;
+	color: #0000ff;
 }
 a.line:hover,div_content a.line
 {
-font-size:110%;
-  text-decoration:underline;
-  display:inline;
-  color: #0000ff;
-     background-color: rgb(93, 144, 205);
+	font-size:110%;
+	text-decoration:underline;
+	display:inline;
+	color: #0000ff;
+	background-color: rgb(93, 144, 205);
 }
 #close_div
 {
- background-color:white;
- color:blue;
- text-decoration:none;
- border:1px solid blue;
- margin-left: 2px;
- margin-right:2px;
- margin-top:0px;
- font-size:10px;
+	background-color:white;
+	color:red;
+	font-family: arial;
+	text-decoration:none;
+	border:1px solid red;
+	margin-left: 2px;
+	margin-right:2px;
+	margin-top:0px;
+	font-size:10px;
 }
 table.table_large tr.odd ,table.table_large tr.even {
 
@@ -1073,4 +1089,4 @@ span.invoice
     display:block;
     margin: 20px;
     font-weight: bold;
-}
\ No newline at end of file
+}
diff --git a/html/style.css b/html/style.css
index 054e32808..8113cf83b 100644
--- a/html/style.css
+++ b/html/style.css
@@ -130,13 +130,20 @@ div.u_tool div.name {
        float:left;
        margin-left:10px;
 }
-div.u_tool div.acces_direct{
+div.u_tool {
 	float:right;
 	margin-right:10px;
 	text-align:right;
 
 }
-
+div.module {
+	position:absolute;
+	top:0px;
+	right:5px;
+	text-align:right;
+	padding:0px;
+	margin: 0px;
+}
 div.u_subt2menu {
 background-color:lightgrey;
   left:1%;
@@ -744,7 +751,7 @@ ul.select_table li span {
 }
 
 div.pc_calendar{
-		
+
 		float:left;
 
 		}
diff --git a/html/user_login.php b/html/user_login.php
index 03f2830c0..10b06dd18 100644
--- a/html/user_login.php
+++ b/html/user_login.php
@@ -121,7 +121,7 @@ $result.="</table>";
 
 echo '<h2 class="info">'._('Bienvenue    ').$User->first_name.'  '.$User->name.'   '._("dans PhpCompta")."</h2>";
 echo '<br>'._('Choississez votre dossier');
-echo '<span style="position:absolute;right:10px;top:30px">'.$result.'</span>';
+echo '<div class="module">'.$result.'</div>';
 echo '</div>';
 ?>
 <form method="get" action="?">
diff --git a/include/class_html_input.php b/include/class_html_input.php
index 7fe9c970a..a94607265 100755
--- a/include/class_html_input.php
+++ b/include/class_html_input.php
@@ -208,7 +208,7 @@ class HtmlInput
      */
     static function button_anchor($p_label,$p_value,$p_name="",$p_javascript="")
     {
-        $r=sprintf('<span id="%s" class="button"> <A class="button" style="display:inline;"  href="%s" %s >%s</A></span>',
+        $r=sprintf('<span id="%s" > <A class="button" style="display:inline;"  href="%s" %s >%s</A></span>',
                    $p_name,
                    $p_value,
                    $p_javascript,
diff --git a/include/impress_gl_comptes.inc.php b/include/impress_gl_comptes.inc.php
index 150eafbe3..00a40695b 100644
--- a/include/impress_gl_comptes.inc.php
+++ b/include/impress_gl_comptes.inc.php
@@ -169,7 +169,7 @@ if ( isset( $_REQUEST['bt_html'] ) )
         }
 
         echo '<tr>
-        <td colspan="8">
+        <td colspan="8" style="width:auto">
         <h2 class="info">'. $poste_id['pcm_val'].' '.h($Poste->label).'</h2>
         </td>
         </tr>';
diff --git a/include/template/module.php b/include/template/module.php
index d5e3877e3..73b604e7b 100644
--- a/include/template/module.php
+++ b/include/template/module.php
@@ -46,7 +46,7 @@ if ( $cn->get_value("select count(*) from profile join profile_user using (p_id)
 endif;
 ?>
     </div>
-    <div class="acces_direct">
+    <div class="module">
 	<table>
 	    <tr>
 		<?php