From b08141a66c98b71b1b418f1df798d855a02ff8b7 Mon Sep 17 00:00:00 2001
From: Dany De Bontridder <dany@alchimerys.be>
Date: Sat, 1 Mar 2014 02:51:43 +0100
Subject: [PATCH] Esthetic

---
 html/ajax_misc.php                  |   2 +-
 html/ajax_poste.php                 |   2 +-
 html/calendar-blue.css              |   1 +
 html/js/scripts.js                  |   2 +-
 html/style-light.css                | 395 +++++++++++++++-------------
 include/template/account_result.php |  10 +-
 include/template/card_result.php    |   5 +-
 7 files changed, 218 insertions(+), 199 deletions(-)

diff --git a/html/ajax_misc.php b/html/ajax_misc.php
index c3622eefb..223784662 100644
--- a/html/ajax_misc.php
+++ b/html/ajax_misc.php
@@ -187,7 +187,7 @@ EOF;
 		$Max = Database::num_row($Res);
 		$r = "";
 		$r = HtmlInput::anchor_close('tva_select');
-		$r.=h2info('Choississez la TVA ');
+		$r.=h2(_('Choississez la TVA '),'class="title"');
 		$r.='<div >';
 		$r.= '<TABLE style="width:100%">';
 		$r.=th('');
diff --git a/html/ajax_poste.php b/html/ajax_poste.php
index 70958533a..7001651f5 100644
--- a/html/ajax_poste.php
+++ b/html/ajax_poste.php
@@ -83,7 +83,7 @@ case "sf":
     $str_submit=HtmlInput::submit('sf',_('Recherche'),"","smallbutton");
     $r='';
 	$r=HtmlInput::anchor_close('search_account');
-    $r.='<div> '.h2info(_('Poste Comptable')).'</div>';
+    $r.='<div> '.h2(_('Poste Comptable'),' class="title"').'</div>';
 
     $r.='<form id="sp" method="get" onsubmit="'.$attr.'search_get_poste(this);return false;">';
     ob_start();
diff --git a/html/calendar-blue.css b/html/calendar-blue.css
index 227ec24c1..c7bb87f08 100644
--- a/html/calendar-blue.css
+++ b/html/calendar-blue.css
@@ -16,6 +16,7 @@ div.calendar { position: relative; z-index:13; }
 .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
   text-align: center;    /* They are the navigation buttons */
   padding: 2px;          /* Make the buttons seem like they're pressing */
+  border-radius: 0px;
 }
 
 .calendar .nav {
diff --git a/html/js/scripts.js b/html/js/scripts.js
index 2815a5a3d..1c0336797 100644
--- a/html/js/scripts.js
+++ b/html/js/scripts.js
@@ -1793,7 +1793,7 @@ function check_date(p_str_date)
         var date_temp = p_str_date.split('.');
         var nMonth = parseFloat(date_temp[1]) - 1;
         var ma_date = new Date(date_temp[2], nMonth, date_temp[0]);
-        if (ma_date.getFullYear() === date_temp[2] && ma_date.getMonth() === nMonth && ma_date.getDate() === date_temp[0]) {
+        if (ma_date.getFullYear() == date_temp[2] && ma_date.getMonth() == nMonth && ma_date.getDate() == date_temp[0]) {
             return true;
         }
         else {
diff --git a/html/style-light.css b/html/style-light.css
index fcfe28b2a..6ba10b6a9 100644
--- a/html/style-light.css
+++ b/html/style-light.css
@@ -5,17 +5,16 @@ BODY {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
     padding: 0px 0px 0px 0px ;
     margin:0px;
-    color:blue;
+    color:#0000FF;
     font-size:100%;
 }
 .notice {
-    color:red;
+    color:#FF0000;
     font-style: italic;
 }
 
 table.sortable, table.table_large, table.result  ,table.resultfooter {
-    color:blue;
-    /* border:blue solid 1px; */
+    color:#0000FF;
     width:100%;
     border-spacing:  0px;
     border-collapse:collapse;
@@ -29,10 +28,10 @@ table.resultfooter tfoot {
 table.sortable th,  table.table_large th,table.result th {
     font-weight:bold;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    border-bottom:1px solid blue;
+    border-bottom:1px solid #0000FF;
     border-top:0;
 
-    color:#25238F;
+    color:#202267;
     text-align: left;
     font-style: italic;
 
@@ -40,34 +39,36 @@ table.sortable th,  table.table_large th,table.result th {
 
 h2 {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    color:grey;
+    color:#888;
     margin:1px;
     padding:1px;
     font-style: italic;
+    font-size:15px;
+    font-size:1.2rem;
 }
 div.info {
-    background:#879ed4;
-    color:white;
+    background:#879ED4;
+    color:#FFFFFF;
     text-align:center;
 }
 
 content h2.info {
-    background:#879ed4;
-    color:black;
+    background:#879ED4;
+    color:#000000;
     text-align:center;
     padding:0px;
     margin:0px;
 }
 redcontent h2.info {
-    background:#879ed4;
-    color:white;
+    background:#879ED4;
+    color:#FFFFFF;
     text-align:center;
     padding:0px;
     margin:0px;
 }
 h2.info {
-    background-color:#879ed4;
-    color:white;
+    background-color:#879ED4;
+    color:#FFFFFF;
     text-align:center;
     padding:0px;
     margin:0px;
@@ -76,33 +77,30 @@ h2.info {
 
 
 h3.info {
-    background:#879ed4;
-    color:white;
+    background:#879ED4;
+    color:#FFFFFF;
     text-align:center;
 }
 
 h2.info2 {
-    color:blue;
+    color:#0000FF;
     text-align:center;
 
 }
 
 
 h2.error {
-    background:red;
-    color:white;
+    background:#FF0000;
+    color:#FFFFFF;
 }
 
 
 div.u_tmenu {
     margin-top:0px;
     width:100%;
-    /* background-color:#879ED4; */
-
-
 }
 div.u_subtmenu {
-    background-color:white	;
+    background-color:#FFFFFF;
     float:left;
     clear:both;
     left:10px;
@@ -128,13 +126,13 @@ div.u_tool #name {
 td.tool a.mtitle {
     text-decoration:none;
     display:inline;
-    color: blue;
+    color: #0000FF;
     
 }
 td.tool a.mtitle:hover {
     text-decoration:none;
     display:inline;
-    color: darkblue;
+    color: #00008B;
     background-color:#5D90CD;
 
 }
@@ -154,7 +152,7 @@ td.tool a.mtitle:hover {
     font-size:0.76rem;
 }
 div.u_subt2menu {
-    background-color:lightgrey;
+    background-color:#EDF3FF;
     left:1%;
 
 }
@@ -213,12 +211,12 @@ div.no span{
     position:static;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
     font-weight:bold;
-    color:red;
+    color:#FF0000;
 
 }
 
 table.document {
-    color:blue;
+    color:#0000FF;
     width:100%;
     border-spacing:  0px;
     border-collapse:collapse;
@@ -227,9 +225,9 @@ table.document {
 table.document th{
     font-weight:bold;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    border-bottom:2px solid blue;
+    border-bottom:2px solid #0000FF;
     border-top:0px;
-    color:#25238F;
+    color:#202267;
     text-align: left;
     background-color:#EDF3FF;
     font-style: italic;
@@ -239,8 +237,8 @@ table.document th{
     margin-left:20%;
     text-align: center;
 
-    color:white;
-    background-color:red;
+    color:#FFFFFF;
+    background-color:#FF0000;
     font-weight: bolder;
 }
 
@@ -258,7 +256,7 @@ td.mshort {
 }
 td.mtitle {
     text-align:center;
-    width:95px;
+    width:250px;
     height :30px;
     background-color:#DDE6FF;
     border:1px solid #99B1DF;
@@ -270,12 +268,12 @@ td.msubtitle {
     background-color:#DDE6FF;
 }
 span.mtitle {
-    color:gray;
-    background-color:blue;
+    color:#888;
+    background-color:#0000FF;
     border-style:groove
 }
 span.odd {
-    background-color:#ECF3FF;
+    background-color:#EDF3FF;
     display:block;
 }
 span.even {
@@ -287,13 +285,12 @@ tr.odd {
     background-color:#DDE6FF;
 }
 tr.highlight {
-    /* background-color:whitesmoke; */
     font-weight: bold;
 }
 tr.even {
 }
 td.odd{
-    background-color:#DDE6FF ;
+    background-color:#DDE6FF;
 }
 td.even{
     border:0px;
@@ -304,12 +301,12 @@ td.cell{
     
 }
 td.selectedcell{
-    border-style:inset;
-    border-color:blue;
-    border-width:1pt ;
+    border-style:solid;
+    border-color:#0000FF;
+    border-width:1px ;
     font-weight: bold;
     background:#5D90CD ;
-    color:white;
+    color:#FFFFFF;
     text-align:center;
     width:120px;
     border-radius:5px;
@@ -317,21 +314,22 @@ td.selectedcell{
 a.mtitle {
     text-decoration:none;
     display:inline;
-    color: blue;
+    color: #0000FF;
 
 }
 a.mtitle:hover {
     text-decoration:none;
     display:inline;
 
-    color: darkblue;
+    color: #00008B;
     background-color:#5D90CD;
 
 }
 td.selectedcell a.mtitle,div.content td.selectedcell a.mtitle {
     text-decoration:none;
     display:block;
-    color:white;
+    color:#FFFFFF;
+    width: 250px;
 }
 a.dossier {
     text-decoration:none;
@@ -343,33 +341,33 @@ tr.odd:hover td
 {
     text-decoration:none;
     background-color: #a9d6e4;
-    color:white;
+    color:#FFFFFF;
 }
 tr.even:hover td
 {
     text-decoration:none;
     background-color: #a9d6e4;
-    color:white;
+    color:#FFFFFF;
 }
 td.mtitle:hover,td.mtitle:hover a
 {
     background-color:#a9d6e4;
-    color:white;
+    color:#FFFFFF;
 }
 td.msubtitle:hover,td.msubtitle:hover a
 {
     background-color:#a9d6e4;
-    color:white;
+    color:#FFFFFF;
 }
 a.cell {
     text-decoration:none;
     display:block;
-    color:blue;
-    background-color:white;
+    color:#0000FF;
+    background-color:#FFFFFF;
 }
 
 a.cell:hover {
-    color:white;
+    color:#FFFFFF;
     background-color:#5D90CD;
     text-decoration:none;
     display:block;
@@ -377,12 +375,12 @@ a.cell:hover {
 
 
 a.one:link {
-    text-decoration:none;
-    color:#3010FF
+    text-decoration:underline;
+    color:#0000FF;
 }
 a.one:visited {
     text-decoration:none;
-    color:#3010FF
+    color:#0000FF;
 }
 
 a.one:active {
@@ -391,7 +389,7 @@ a.one:active {
 
 a.one:hover {
     text-decoration:underline;
-    background:#3010FF;
+    background:#0000FF;
     color:#FFFFFF;
 }
 
@@ -401,14 +399,14 @@ a.detail
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
     text-decoration: none;
     display: block;
-    color: blue;
+    color: #0000FF;
 }
 
 a.detail:hover
 {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    color: white;
-    background-color: rgb(93, 144, 205);
+    color: #FFFFFF;
+    background-color:#5D90CD;
     text-decoration: none;
     display: block;
 }
@@ -421,14 +419,14 @@ div.redcontent a {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
     text-decoration: none;
     display: block;
-    color: blue;
+    color: #0000FF;
 
 }
 
 div.redcontent a:hover {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    color: white;
-    background-color: rgb(93, 144, 205);
+    color: #FFFFFF;
+    background-color:#336699;
     text-decoration: none;
     display: block;
 
@@ -437,7 +435,7 @@ div.content a {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
     text-decoration: none;
     display: block;
-    color: blue;
+    color: #0000FF;
     padding: 0px;
 
 }
@@ -445,8 +443,8 @@ div.content a {
 
 div.content a:hover {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    color: white;
-    background-color: rgb(93, 144, 205);
+    color: #FFFFFF;
+    background-color:#336699;
     text-decoration: none;
     display: block;
 
@@ -457,22 +455,22 @@ div.redcontent a.mtitle {
     display:inline;
 
 
-    color:black;
+    color:#000000;
 
 }
 
 div.redcontent a.mtitle:hover {
     text-decoration:none;
     display:inline;
-    color:white;
-    background-color:darkblue;
+    color:#FFFFFF;
+    background-color:#00008B;
 
 
 }
 div.content a.mtitle {
     text-decoration:none;
     display:inline;
-    color:blue;
+    color:#0000FF;
 
 
 
@@ -481,43 +479,43 @@ div.content a.mtitle {
 div.content a.mtitle:hover {
     text-decoration:none;
     display:inline;
-    background-color:darkblue;
-    color:white;
+    background-color:#00008B;
+    color:#FFFFFF;
 
 
 }
 div.redcontent input.text {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
     font-weight:normal;
-    border-color:336699;
+    border-color:#336699;
     border-style:solid;
-    background-color:orange;
+    background-color: #F93;
     border-width:1px;
-    color:blue;
+    color:#0000FF;
 }
 div.content input.text {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
     font-weight:normal;
-    border-color:336699;
+    border-color:#336699;
     border-style:solid;
     border-width:1px;
-    background-color:orange;
-    color:blue;
+    background-color: #F93;
+    color:#0000FF;
 }
 
 
 
 div.redcontent input:focus {
-    background-color:orange;
+    background-color:#F93;
 }
 div.content input:focus {
-    background-color:orange;
+    background-color: #F93;
 }
 div.redcontent textarea:focus {
-    background-color: orange;
+    background-color:  #F93;
 }
 .document {
-    color: #1a207d;
+    color: #202267;
     border-collapse:collapse;
 }
 div.content a.document, a.document{
@@ -531,19 +529,19 @@ a.document:hover {
 
 }
 .input_text_ro {
-    border:solid 1px blue;
+    border:solid 1px #0000FF;
     background:#EDEDED;
-    color:blue;
+    color:#0000FF;
     margin:1px;
 }
 .input_text {
-    border:groove 1px blue;
+    border:groove 1px #0000FF;
     margin:1px;
 }
 .input_text:hover {
-    border:groove 1px blue;
+    border:groove 1px #0000FF;
     margin:1px;
-    background-color: orange;
+    background-color:  #F93;
 }
 h1.legend, legend {
     font-weight: bold;
@@ -552,12 +550,12 @@ h1.legend, legend {
     font-size: 1.2rem;
 }
 fieldset fieldset legend {
-    color:grey;
+    color:#888;
 }
 select {
-    border: 1px solid blue;
+    border: 1px solid #0000FF;
     margin:2px;
-    background-color:white;
+    background-color:#FFFFFF;
 
 }
 
@@ -565,13 +563,13 @@ select {
 
 .infobulle {
     position:absolute;
-    border:1px solid black;
-    background-color:yellow;
+    border:1px solid #000000;
+    background-color:#FCFFCC;
     padding-bottom: 10px;
     padding-top: 10px;
     padding-left: 10px;
     padding-right: 10px;
-    color:black;
+    color:#000000;
     top:0px;left:0px;
     visibility:hidden;
     width:25rem;
@@ -595,15 +593,15 @@ span.action a.action {
     text-decoration:none;
 
     display:inline;
-    color:black;
-    background-color:lightgrey;
+    color:#000000;
+    background-color:#EDF3FF;
 }
 
 span.action a.action:hover {
     text-decoration:none;
     display:inline;
-    background-color:lightblue;
-    color:black;
+    background-color:#DDE6FF;
+    color:#000000;
 }
 div.popup_back{
     position:absolute;
@@ -613,8 +611,6 @@ div.popup_back{
     width:100%;
     height:100%;
     z-index:1;
-    /*background-color:lightgrey;*/
-
     display:none;
 }
 
@@ -624,17 +620,14 @@ div.popup_border_title {
     left:10%;
     width:60%;
     height:80%;
-    /*background:lightgrey;*/
     z-index:10;
-    /*border:dotted 1px black;*/
     border: 2px outset #201e87;
     background-color:#879ED4;
     font-family: arial,verdana,sans-serif,helvetica;
     font-style: italic;
     font-weight: bolder;
     text-align:center;
-    /*border-bottom: 2px solid #201e87;*/
-    color: white;
+    color: #FFFFFF;
     display:none;
     /*opacity:1;
     filter:alpha(opacity=100);*/
@@ -646,9 +639,9 @@ div.popup_border_notitle {
     left:20%;
     width:60%;
     height:80% ;
-    /*background:lightgrey;*/
+    /*background:#EDF3FF;*/
     z-index:10;
-    /*border:dotted 1px black;*/
+    /*border:dotted 1px #000000;*/
     border: 3px outset #201e87;
     background-color: #879ED4;
     font-family: arial,verdana,sans-serif,helvetica;
@@ -656,7 +649,7 @@ div.popup_border_notitle {
     font-weight: bolder;
     text-align:center;
     display:none;
-    color: white;
+    color: #FFFFFF;
     /*opacity:0.7;
     filter:alpha(opacity=70);
     */
@@ -671,11 +664,11 @@ div.popup_content {
     width:100%;
     height:96%;
     overflow: auto;
-    background-color:#DFE7FF;
+    background-color:#FFFFFF;
     font-family: arial,verdana,sans-serif,helvetica;
     font-style: normal;
     font-weight: normal;
-    color: black;
+    color: #000000;
     text-align: left;
     display:none;
     z-index:10;
@@ -684,36 +677,37 @@ div.popup_content {
 }
 div.autocomplete {
     position:relative;
-    background-color:white;
+    background-color:#FFFFFF;
     border:1px solid #888;
     margin:0px;
     padding:0px;
     text-align:left;
 }
 div.autocomplete em {
-    color:blue;
+    color:#0000FF;
     font-weight:bold;
 }
 div.autocomplete ul {
     list-style-type:none;
-    background-color:white;
+    background-color:#FFFFFF;
     border:1px solid #888;
     width:375px;
     margin:0px;
     padding:0px;
 }
-div.autocomplete ul li.selected { background-color: lightblue;}
+div.autocomplete ul li.selected { 
+    background-color: #DDE6FF;
+}
 
 div.autocomplete ul li {
     list-style-type:none;
     display:block;
     margin:0px;
     padding:0px;
-    /*height:32px;*/
     cursor:pointer;
 }
 span.informal{ 
-    color:black;
+    color:#000000;
 }
 
 ul.select_table  {
@@ -724,12 +718,12 @@ ul.select_table a{
     width:100%;
     display:block;
     background-color:inherit;
-    color: black;
+    color: #000000;
     text-decoration:none;
 }
 ul.select_table a:hover{
-    background-color:white;
-    color:black;
+    background-color:#FFFFFF;
+    color:#000000;
     /*text-decoration:underline;*/
 }
 ul.select_table li {
@@ -755,7 +749,7 @@ div.pc_calendar table {
 div.pc_calendar tr{
 }
 div.content div.pc_calendar tr{
-    height:40px;
+    height: 36px;
 }
 @media only screen and (min-width: 640px) {
     div.pc_calendar tr{
@@ -769,11 +763,11 @@ div.content div.pc_calendar tr{
 }
 div.pc_calendar td{
     width:14%;
-    border:#879ed4 solid 1px;
+    border:#879ED4 solid 1px;
 }
 
 div.pc_calendar td.weekend {
-    background-color:#cce0e6;
+    background-color:#e4e7ed;
 
 }
 div.pc_calendar td.workday{
@@ -789,26 +783,26 @@ div.pc_calendar span.event{
 }
 span.todo  {
     text-align: left;
-    background-color:yellow;
+    background-color:#FCFFCC;
 
 }
 input[disabled], textarea[disabled], option[disabled], optgroup[disabled], select[disabled] {
     -moz-user-focus:ignore;
     -moz-user-input:disabled;
-    background-color:lightgrey;
-    color:black;
+    background-color:#EDF3FF;
+    color:#00008B;
     cursor:inherit;
 }
 
 a#anchorbutton, .button, a.button,div.content a.button {
-    color:white;
+    color:#FFFFFF;
     font-weight: bold;
     text-decoration:none;
     font-family: arial,verdana,sans-serif,helvetica;
     background-image: url("image/bg-submit2.gif");
     background-repeat: repeat-x;
     background-position: left;
-    border-color:  blue ;
+    border-color:  #0000FF;
     border-width:0px;
     padding:4px;
     margin:3px;
@@ -820,14 +814,14 @@ a#anchorbutton, .button, a.button,div.content a.button {
 }
 a#anchorbutton:hover, .button:hover,a.button:hover,div.content a.button:hover  {
     cursor:pointer;
-    background-color:white;
+    background-color:#FFFFFF;
     border-style:  inset ;
-    color:red;
+    color: #FF0000;
     margin:1px 2px 1px 2px;
 
 }
 a#smallanchorbutton, .smallbutton, a.smallbutton,div.content a.smallbutton {
-    color:white;
+    color:#FFFFFF;
     font-weight: bold;
     text-decoration:none;
     font-family: arial,verdana,sans-serif,helvetica;
@@ -836,7 +830,7 @@ a#smallanchorbutton, .smallbutton, a.smallbutton,div.content a.smallbutton {
     background-position: left;
 
     border-style:  outset ;
-    border-color:  blue ;
+    border-color:  #0000FF;
     border-width:0;
     padding-bottom: 3px;
     padding-top: 3px;
@@ -851,15 +845,15 @@ a#smallanchorbutton, .smallbutton, a.smallbutton,div.content a.smallbutton {
 }
 a#smallanchorbutton:hover, .smallbutton:hover,a.smallbutton:hover,div.content a.smallbutton:hover  {
     cursor:pointer;
-    background-color:white;
+    background-color:#FFFFFF;
     /* border-style:  inset ; */
-    color:red;
+    color:#FF0000;
     margin:1px 2px 1px 2px;
 
 }
 td.tool {
     border: solid 1px gray;
-    background-color: white;
+    background-color: #FFFFFF;
     border-bottom-width: 2px;
     text-align:center;
     border-radius:2px;
@@ -871,7 +865,7 @@ div.topmenu {
 }
 
 #dossier h2{
-    color:darkblue;
+    color:#00008B;
     display:inline;
     margin:0px;
     padding:0px;
@@ -879,9 +873,9 @@ div.topmenu {
 }
 /* </style> */
 #add_todo_list {
-    border:1px solid blue;
+    border:1px solid #0000FF;
     display:none;
-    background-color:#BFD0FF;
+    background-color:#DDE6FF;
     padding:0.07%;
     position:absolute;
     text-align:left;
@@ -914,7 +908,7 @@ box-shadow: 10px 10px 5px #888;
 
 }
 div.inner_box  {
-    background-color:#e4e7ed;
+    background-color: #F2F6FD;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
     padding:2px;
     margin:0px;
@@ -922,7 +916,7 @@ div.inner_box  {
     z-index:3;
     position:absolute;
     left:10%;
-    border:1px solid darkblue;
+    border:1px solid #00008B;
 -moz-box-shadow: 10px 10px 5px #888;
 -webkit-box-shadow: 10px 10px 5px #888;
 box-shadow: 10px 10px 5px #888;
@@ -935,11 +929,13 @@ div.inner_box  {
 }
 @media only screen and (max-width: 1024px) {
 div.inner_box  {
-    width: 80%;
+    width: 90%;
+    left:5%;
+    margin-bottom: 5%;
     }
 }
 div.op_detail_title {
-    background-color:grey;
+    background-color:#888;
     /*	width:500;*/
 
 
@@ -947,7 +943,7 @@ div.op_detail_title {
 
 div#div_cat{
     position:absolute;
-    border:1px solid black;
+    border:1px solid #000000;
     top:15%;left:100;
     visibility:hidden;
     z-index:2;
@@ -957,12 +953,19 @@ div#div_cat{
 }
 
 div.divinfo
-{  color:red;text-align:right;display:block;width:30rem;height:13px;font-weight:bold}
+{  
+    color:#FF0000;
+    text-align:right;
+    display:block;
+    width:30rem;
+    height:13px;
+    font-weight:bold;
+}
 
 div#search_form
 {
     position:absolute;
-    border:1px solid black;
+    border:1px solid #000000;
     top:15%;left:100px;
     margin-left:25%;
     z-index:2;
@@ -992,11 +995,11 @@ table.info_op
 }
 table.info_op tr
 {
-    background:white;
+    background:#FFFFFF;
 }
 h2#jrn_name
 {
-    color:blue;
+    color:#0000FF;
     margin-right:30%;
     float: right;
 }
@@ -1007,7 +1010,7 @@ tr.footer{
 }
 span.remain {
     font-weight: bold;
-    color:black;
+    color:#000000;
 }
 
 @media only screen and (min-width: 955px) {
@@ -1043,8 +1046,9 @@ span.remain {
 }
 div#wait_box
 {
-    background-color:#F1E6E6;
+    background-color:#DDE6FF;
     font-family: arial,verdana,helvetica,arial,sans-serif;
+    width: 300px;
     padding:0px;
     margin:0px;
     overflow:hidden;
@@ -1055,17 +1059,20 @@ div#wait_box
     top:30%;
 
 
-    border:1px solid darkblue;
+    border:1px solid #00008B;
 
+    width: 260px;
+    widt: 260px;
 }
 #wait_box h2
 {
-    color:black;
+    /* color:#000000; */
     text-align:center;
+    /* width: 50%; */
 }
 div#div_jrnsearch_op{
 
-    border:1px solid black;
+    border:1px solid #000000;
     width:50rem;
     background-color:#EDF3FF;
     z-index: 5;
@@ -1078,21 +1085,21 @@ a.line,div.content a.line
 {
     text-decoration:underline;
     display:inline;
-    color: #0000ff;
+    /* color: #0000FF; */
 }
 a.line:hover,div_content a.line
 {
     text-decoration:underline;
     display:inline;
-    color: #0000ff;
-    background-color: rgb(93, 144, 205);
+    color: #FFFFFF;
+    background-color:#336699;
 }
 #close_div
 {
-    background-color:white;
-    color:blue;
+    background-color:#FFFFFF;
+    color:#0000FF;
     text-decoration:none;
-    border:1px solid blue;
+    border:1px solid #0000FF;
     margin-left: 2px;
     margin-right:2px;
     margin-top:0px;
@@ -1101,20 +1108,21 @@ a.line:hover,div_content a.line
 }
 #close_div:hover
 {
-    background-color: orange;
+    background-color:  #F93;
 }
 #popmeout
 {
-    background-color:white;
-    color:blue;
+    background-color:#FFFFFF;
+    color:#0000FF;
     text-decoration:none;
-    border:1px solid blue;
+    border:1px solid #0000FF;
     margin-left: 2px;
     margin-right:18px;
+    font-size: 0.75rem;
 }
 #popmeout:hover
 {
-    background-color: orange;
+    background-color:  #F93;
 }
 table.table_large tr.odd ,table.table_large tr.even {
 
@@ -1127,7 +1135,7 @@ table.table_large tr.odd ,table.table_large tr.even {
     top:30px;
     left:150px;
     width:300px;
-    border:1px solid black;
+    border:1px solid #000000;
     background-color:#aec3e8;
     padding: 20px 20px;
 }
@@ -1145,8 +1153,8 @@ a.nav,div.content a.nav,div.redcontent a.nav {
 a.nav:hover,div.content a.nav:hover,div.redcontent a.nav:hover {
     display:inline;
     text-decoration:none;
-    background-color:darkblue;
-    color:white;
+    background-color:#00008B;
+    color:#FFFFFF;
 }
 @media only screen and (min-width: 955px) {
 #dossier {
@@ -1179,30 +1187,30 @@ div.foldercontent {
 }
 
 h1.title {
-    color: blue;
+    color: #0000FF;
     font-style: italic;
     text-align:center;
     text-transform: uppercase;
 }
 h2.title {
-    background-color:#879ed4;
-    color:white;
+    background-color:#879ED4;
+    color:#FFFFFF;
     text-align:center;
     padding:0.24%;
-    border:1px solid darkblue;
+    border:1px solid #00008B;
 
 }
 h3.title {
-    color: blue;
+    color: #0000FF;
     margin-left: 30px;
 }
 h4.title {
-    color: blue;
+    color: #0000FF;
     margin-left: 45px;
     text-decoration: underline;
 }
 h5.title {
-    color: blue;
+    color: #0000FF;
     margin-left: 45px;
     text-decoration: none;
     font-style: italic;
@@ -1212,13 +1220,13 @@ div.myfieldset
     margin-top: 5px;
     margin-left:5px;
     margin-right: 5px;
-    border:lightgrey 2px groove;
+    border:#EDF3FF 2px groove;
     border-radius: 4px;
 }
 #info_div {
     display:none;
-    background-color: yellow;
-    color:black;
+    background-color: #FCFFCC;
+    color:#000000;
     z-index: 15;
     position: absolute;
     top:0px;
@@ -1248,7 +1256,7 @@ div.menu3 {
     font-size : 1.2em;
 }*/
 textarea.itextarea{
-    border:solid blue 1px;
+    border:solid #0000FF 1px;
     width:90%;
     margin-left:5%;
     height:120px;
@@ -1258,8 +1266,8 @@ div#notice {
     position:absolute;
     right:5%;
     top:200px;
-    background-color:yellow;
-    border: 1px solid black;
+    background-color:#FCFFCC;
+    border: 1px solid #000000;
 }
 @media only screen and (min-width: 955px) {
     div.name  {
@@ -1277,7 +1285,7 @@ div#notice {
     z-index:3;
     position:absolute;
     left: 17.5%;
-    border:1px solid darkblue;
+    border:1px solid #00008B;
     width: 75%;
 }
 }
@@ -1298,7 +1306,7 @@ div#notice {
     z-index:3;
     position:absolute;
     left: 10%;
-    border:1px solid darkblue;
+    border:1px solid #00008B;
     width: 80%;
 }
 }
@@ -1317,10 +1325,10 @@ div.bxbutton
     margin-right:0.48%;
 }
 div.inner_box tr.odd {
-    background:  #CBD9F4;
+    background: #E0EBFF;
 }
 #modele_op_tab tr.odd {
-    background:  #CBD9F4;
+    background:  #EDF3FF;
 }
 div#bookmark_div {
     background-color:#e4e7ed;
@@ -1330,7 +1338,7 @@ div#bookmark_div {
     overflow:hidden;
     z-index:3;
     position:absolute;
-   border:1px solid darkblue;
+   border:1px solid #00008B;
    top:2rem;
    left:30%;
    width:40%;
@@ -1343,30 +1351,30 @@ div#preference_div {
     overflow:hidden;
     z-index:3;
     position:absolute;
-    border:1px solid darkblue;
+    border:1px solid #00008B;
     top:2rem;
     left:20%;
     width:50%;
 }
 #error_div{
     position:absolute;
-    border:1px solid black;
-    background-color:whitesmoke;
+    border:1px solid #000000;
+    background-color:#DDE6FF;
     padding-bottom: 2px;
     padding-top: 2px;
     padding-left: 2px;
     padding-right: 2px;
-    color:red;
+    color:#FF0000;
     top:40%;left:25%;
     visibility:hidden;
     width:40rem;
     z-index:20;
 }
 #error_div h2 {
-    background: red;
+    background: #FF0000;
 }
 div#error_content_div {
-   color:error;
+   color:#FF0000;
    font-weight: bold;
    text-align: center;
 }
@@ -1378,7 +1386,7 @@ td.workday ol {
 }
 input.inum {
     text-align:right;
-    border:1px solid blue;
+    border:1px solid #0000FF;
     margin:2px
 }
 div.box  {
@@ -1390,7 +1398,7 @@ div.box  {
     padding:2px;
     //margin:2px;
     overflow:hidden;
-    border:1px solid darkblue;
+    border:1px solid #00008B;
     width:30%;
     height:312px;
     float:left;
@@ -1403,4 +1411,13 @@ div.box  {
         
     height: 380px;
 }
+}
+#jrn_name_div h2{
+    font-size: 2.4rem;
+}
+#search_account {
+    width: 70%;
+}
+fieldset {
+    border-width: 1px;
 }
\ No newline at end of file
diff --git a/include/template/account_result.php b/include/template/account_result.php
index 9a8e8d15d..87d3a21bc 100644
--- a/include/template/account_result.php
+++ b/include/template/account_result.php
@@ -8,15 +8,15 @@
 	<?php
 		$limite=5;
 		?>
-<table
+    <table class="result">
 	<tr>
-		<th>Poste comptable</th>
-		<th>Libellé</th>
-		<th>Fiche (limite:<?php echo $limite; ?>)</th>
+		<th><?php echo _("Poste comptable")?></th>
+		<th><?php echo _("Libellé")?></th>
+		<th><?php printf (_("Fiche (limite %d)"),$limite); ?></th>
 
 	</tr>
 <?php for ($i=0;$i<sizeof($array);$i++) : ?>
-<tr>
+<tr <?php echo ($i%2==0)?'class="odd"':'class="even"';?>>
 <td>
 <a href="javascript:void(0)" onclick="<?php echo $array[$i]['javascript']?>">
 <span  id="val<?php echo $i?>">
diff --git a/include/template/card_result.php b/include/template/card_result.php
index fb05324dd..89ff046f0 100644
--- a/include/template/card_result.php
+++ b/include/template/card_result.php
@@ -5,9 +5,10 @@
 <fieldset id="asearch" style="height:88%">
    <legend><?php echo _('Résultats'); ?></legend>
 <div style="height:88%;overflow:auto;">
-<table >
+<table class="result" >
 <?php for ($i=0;$i<sizeof($array);$i++) : ?>
-<tr>
+    <?php $class=($i%2==0)?'odd':'even';?>
+<tr class="<?php echo $class;?>">
 <td style="padding-right:55">
 <a href="javascript:void(0)" class="one" onclick="<?php echo $array[$i]['javascript']?>">
 <?php echo $array[$i]['quick_code']?>