noalyss-commit
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[Noalyss-commit] [noalyss] 58/323: Task #0001529: Réécriture de code ,


From: Dany De Bontridder
Subject: [Noalyss-commit] [noalyss] 58/323: Task #0001529: Réécriture de code , placer les icones dans Icon_Action
Date: Wed, 14 Mar 2018 17:38:18 -0400 (EDT)

sparkyx pushed a commit to branch master
in repository noalyss.

commit dc84b6841447d154602b042ae6297f955e3a6448
Author: Dany De Bontridder <address@hidden>
Date:   Tue Jan 16 21:07:04 2018 +0100

    Task #0001529: Réécriture de code , placer les icones dans Icon_Action
---
 html/ajax.php                               |    1 +
 html/ajax_misc.php                          |    1 +
 html/do.php                                 |    1 +
 html/image/fontello/fontello.eot            |  Bin 0 -> 24888 bytes
 html/image/fontello/fontello.svg            |  150 ++
 html/image/fontello/fontello.ttf            |  Bin 0 -> 24720 bytes
 html/image/fontello/fontello.woff           |  Bin 0 -> 15328 bytes
 html/image/fontello/fontello.woff2          |  Bin 0 -> 12980 bytes
 html/js/card.js                             |    3 +-
 html/js/scripts.js                          |   20 +-
 html/js/todo_list.js                        |    2 +-
 html/recherche.php                          |    1 +
 html/style-classic.css                      |   75 +-
 html/style-light.css                        |   74 +-
 html/style-mandarine.css                    | 2166 ---------------------------
 html/style-mobile.css                       | 2006 -------------------------
 html/style-print.css                        |    2 +-
 html/style-r692.css                         |   85 +-
 html/user_login.php                         |    2 +-
 include/action.common.inc.php               |    2 +-
 include/ajax/ajax_add_concerned_card.php    |    4 +-
 include/ajax/ajax_boxcard_search.php        |    4 +-
 include/ajax/ajax_card.php                  |    6 +-
 include/ajax/ajax_ledger.php                |    2 +-
 include/ajax/ajax_mod_predf_op.php          |    2 +-
 include/ajax/ajax_navigator.php             |    4 +-
 include/ajax/ajax_todo_list.php             |    2 +-
 include/ajax/ajax_view_action.php           |    2 +-
 include/balance.inc.php                     |    2 +-
 include/class/acc_ledger.class.php          |   12 +-
 include/class/acc_ledger_fin.class.php      |    7 +-
 include/class/acc_ledger_purchase.class.php |   10 +-
 include/class/acc_ledger_search.class.php   |    4 +-
 include/class/acc_ledger_sold.class.php     |   13 +-
 include/class/anc_print.class.php           |    6 +-
 include/class/fiche.class.php               |   14 +-
 include/class/periode.class.php             |    4 +-
 include/class/pre_op_ach.class.php          |    2 +-
 include/class/pre_op_advanced.class.php     |    4 +-
 include/class/pre_op_ven.class.php          |    2 +-
 include/compta_fin_rec.inc.php              |    4 +-
 include/compta_fin_saldo.inc.php            |    2 +-
 include/constant.php                        |    5 +-
 include/dossier.inc.php                     |    2 +-
 include/fiche.inc.php                       |    6 +-
 include/impress_jrn.inc.php                 |   22 +-
 include/lib/ac_common.php                   |    4 +-
 include/lib/html_input.class.php            | 1281 ++++++++--------
 include/lib/ibutton.class.php               |    6 +-
 include/lib/icard.class.php                 |   20 +-
 include/lib/icon_action.class.php           |  188 +++
 include/lib/iconcerned.class.php            |   20 +-
 include/lib/idate.class.php                 |    8 +-
 include/lib/inplace_switch.class.php        |    6 +-
 include/lib/iposte.class.php                |    3 +-
 include/menu.inc.php                        |    2 +-
 include/modele.inc.php                      |    2 +-
 include/param_sec.inc.php                   |    4 +-
 include/restore.inc.php                     |    2 +-
 include/template/action_search.php          |    4 +-
 include/template/anc_key_input.php          |    2 +-
 include/template/dashboard.php              |   16 +-
 include/template/document_mod_change.php    |    2 +-
 include/template/fiche_list.php             |    2 +-
 include/template/form_ledger_detail.php     |    6 +-
 include/template/form_ledger_fin.php        |    4 +-
 include/template/history_top.php            |   10 +-
 include/template/ledger_detail_bottom.php   |    4 +-
 include/template/ledger_detail_top.php      |   10 +-
 include/template/ledger_search.php          |    2 +-
 include/template/param_jrn.php              |    6 +-
 include/template/predf_ledger_detail.php    |    6 +-
 include/template/print_ledger_simple.php    |    4 +-
 include/template/template_config_form.php   |   18 +-
 include/template/todo_list_display.php      |    2 +-
 include/user.inc.php                        |    2 +-
 scenario/ajax_manage_table_sql.php          |    2 +-
 scenario/test_manage_table_sql.php          |    2 +-
 sql/upgrade.sql                             |    5 +-
 79 files changed, 1309 insertions(+), 5084 deletions(-)

diff --git a/html/ajax.php b/html/ajax.php
index ea0a84f..1a24adc 100644
--- a/html/ajax.php
+++ b/html/ajax.php
@@ -15,6 +15,7 @@
 if ( ! defined ('ALLOWED') ) define ('ALLOWED',1);
 require_once '../include/constant.php';
 require_once NOALYSS_INCLUDE.'/lib/database.class.php';
+require_once NOALYSS_INCLUDE.'/lib/icon_action.class.php';
 require_once NOALYSS_INCLUDE.'/class/user.class.php';
 require_once NOALYSS_INCLUDE.'/class/extension.class.php';
 if ( !isset ($_REQUEST['gDossier'])) exit();
diff --git a/html/ajax_misc.php b/html/ajax_misc.php
index d2c7e2f..3c4e80e 100644
--- a/html/ajax_misc.php
+++ b/html/ajax_misc.php
@@ -45,6 +45,7 @@ require_once NOALYSS_INCLUDE.'/lib/function_javascript.php';
 require_once NOALYSS_INCLUDE.'/lib/ac_common.php';
 require_once  NOALYSS_INCLUDE.'/class/user.class.php';
 require_once NOALYSS_INCLUDE.'/lib/http_input.class.php';
+require_once NOALYSS_INCLUDE.'/lib/icon_action.class.php';
 $http=new HttpInput();
 
 mb_internal_encoding("UTF-8");
diff --git a/html/do.php b/html/do.php
index 54959ad..2125c71 100644
--- a/html/do.php
+++ b/html/do.php
@@ -32,6 +32,7 @@ require_once NOALYSS_INCLUDE.'/lib/function_javascript.php';
 require_once NOALYSS_INCLUDE.'/constant.security.php';
 require_once NOALYSS_INCLUDE.'/lib/html_input.class.php';
 require_once NOALYSS_INCLUDE.'/lib/http_input.class.php';
+require_once NOALYSS_INCLUDE.'/lib/icon_action.class.php';
 $http=new HttpInput();
 
 mb_internal_encoding("UTF-8");
diff --git a/html/image/fontello/fontello.eot b/html/image/fontello/fontello.eot
new file mode 100644
index 0000000..b1e33b8
Binary files /dev/null and b/html/image/fontello/fontello.eot differ
diff --git a/html/image/fontello/fontello.svg b/html/image/fontello/fontello.svg
new file mode 100644
index 0000000..ce270cb
--- /dev/null
+++ b/html/image/fontello/fontello.svg
@@ -0,0 +1,150 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd";>
+<svg xmlns="http://www.w3.org/2000/svg";>
+<metadata>Copyright (C) 2018 by original authors @ fontello.com</metadata>
+<defs>
+<font id="fontello" horiz-adv-x="1000" >
+<font-face font-family="fontello" font-weight="400" font-stretch="normal" 
units-per-em="1000" ascent="850" descent="-150" />
+<missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="logout" unicode="&#xe800;" d="M357 46q0-2 
1-11t0-14-2-14-5-11-12-3h-178q-67 0-114 47t-47 114v392q0 67 47 114t114 47h178q8 
0 13-5t5-13q0-2 1-11t0-15-2-13-5-11-12-3h-178q-37 0-63-26t-27-64v-392q0-37 
27-63t63-27h174t6 0 7-2 4-3 4-5 1-8z m518 
304q0-14-11-25l-303-304q-11-10-25-10t-25 10-11 25v161h-250q-14 0-25 11t-11 
25v214q0 15 11 25t25 11h250v161q0 14 11 25t25 10 25-10l303-304q11-10 11-25z" 
horiz-adv-x="928.6" />
+
+<glyph glyph-name="cancel-circled" unicode="&#xe801;" d="M641 224q0 14-10 
25l-101 101 101 101q10 11 10 25 0 15-10 26l-51 50q-10 11-25 11-15 
0-25-11l-101-101-101 101q-11 11-25 11-16 0-26-11l-50-50q-11-11-11-26 0-14 
11-25l101-101-101-101q-11-11-11-25 0-15 11-26l50-50q10-11 26-11 14 0 25 11l101 
101 101-101q10-11 25-11 15 0 25 11l51 50q10 11 10 26z m216 
126q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 
215-58 156-156 57-215z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="cancel-circled2" unicode="&#xe802;" d="M612 
248l-81-82q-6-5-13-5t-13 5l-76 77-77-77q-5-5-13-5t-12 5l-82 82q-6 6-6 13t6 
13l76 76-76 77q-6 5-6 12t6 13l82 82q5 5 12 5t13-5l77-77 76 77q6 5 13 
5t13-5l81-82q6-5 6-13t-6-12l-76-77 76-76q6-6 6-13t-6-13z m120 102q0 83-41 
152t-110 111-152 41-153-41-110-111-41-152 41-152 110-111 153-41 152 41 110 111 
41 152z m125 0q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 
156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="eye" unicode="&#xe803;" d="M929 314q-85 132-213 197 34-58 
34-125 0-103-73-177t-177-73-177 73-73 177q0 67 34 125-128-65-213-197 75-114 
187-182t242-68 243 68 186 182z m-402 215q0 11-8 19t-19 7q-70 
0-120-50t-50-119q0-11 8-19t19-8 19 8 8 19q0 48 34 82t82 34q11 0 19 8t8 19z 
m473-215q0-19-11-38-78-129-210-206t-279-77-279 77-210 206q-11 19-11 38t11 39q78 
128 210 205t279 78 279-78 210-205q11-20 11-39z" horiz-adv-x="1000" />
+
+<glyph glyph-name="upload" unicode="&#xe804;" d="M714 29q0 14-10 25t-25 
10-25-10-11-25 11-25 25-11 25 11 10 25z m143 0q0 14-10 25t-26 10-25-10-10-25 
10-25 25-11 26 11 10 25z m72 125v-179q0-22-16-38t-38-16h-821q-23 0-38 16t-16 
38v179q0 22 16 38t38 15h238q12-31 39-51t62-20h143q34 0 61 20t40 51h238q22 0 
38-15t16-38z m-182 361q-9-22-33-22h-143v-250q0-15-10-25t-25-11h-143q-15 0-25 
11t-11 25v250h-143q-23 0-33 22-9 22 8 39l250 250q10 10 25 
10t25-10l250-250q18-17 8-39z" horiz-adv-x="928.6" />
+
+<glyph glyph-name="download" unicode="&#xe805;" d="M714 100q0 15-10 25t-25 
11-25-11-11-25 11-25 25-11 25 11 10 25z m143 0q0 15-10 25t-26 11-25-11-10-25 
10-25 25-11 26 11 10 25z m72 125v-179q0-22-16-37t-38-16h-821q-23 0-38 16t-16 
37v179q0 22 16 38t38 16h259l75-76q33-32 76-32t76 32l76 76h259q22 0 38-16t16-38z 
m-182 318q10-23-8-39l-250-250q-10-11-25-11t-25 11l-250 250q-17 16-8 39 10 21 33 
21h143v250q0 15 11 25t25 11h143q14 0 25-11t10-25v-250h143q24 0 33-21z" 
horiz-adv-x="928.6" />
+
+<glyph glyph-name="attention" unicode="&#xe806;" d="M571 83v106q0 8-5 13t-12 
5h-108q-7 0-12-5t-5-13v-106q0-8 5-13t12-6h108q7 0 12 6t5 13z m-1 208l10 257q0 
6-5 10-7 6-14 6h-122q-6 0-14-6-5-4-5-12l9-255q0-5 6-9t13-3h103q8 0 14 3t5 9z 
m-7 522l428-786q20-35-1-70-9-17-26-26t-35-10h-858q-18 0-35 10t-26 26q-21 35-1 
70l429 786q9 17 26 27t36 10 36-10 27-27z" horiz-adv-x="1000" />
+
+<glyph glyph-name="search" unicode="&#xe807;" d="M680 
256c-55-55-126-83-197-83-65 0-129 23-182 
66l-51-125-130-130c-14-10-29-15-45-15-41 0-75 37-75 77 0 16 5 32 15 45l129 130 
126 51c-44 52-66 117-66 182 0 152 127 277 279 277 150 0 277-128 277-278 
0-72-26-144-80-197z m-319 75c34-33 78-50 122-50 92 0 170 77 170 172 0 93-79 
170-170 170-94 0-172-79-172-170 0-45 17-89 50-122z" horiz-adv-x="760" />
+
+<glyph glyph-name="mail" unicode="&#xe808;" d="M580 306l258-267-789 0 259 264 
135-127z m-517 355l760 0-380-362z m566-309l257 242 0-508z m-629-266l0 508 
259-243z" horiz-adv-x="886" />
+
+<glyph glyph-name="anchor" unicode="&#xe809;" d="M-1 202q0 8 5 13l102 123 
22-28 78-96q5-6 4-14t-7-12q-11-8-23 0l-23 19q16-60 63-101t113-54q6-1 11 0t10 7 
6 20v389q0 10-6 16t-11 7l-6 1h-40q-19 0-33 13t-14 34 14 33 33 13h42q2 1 3 1t5 2 
5 3 4 4 3 6 1 8v10q-31 14-49 43t-19 64q0 47 34 81t81 34 82-34 
34-81q0-36-19-64t-50-43v-10q0-5 1-8t4-6 4-4 5-3 4-1 3-2h43q19 0 
33-13t14-33q0-19-14-33t-33-14h-41q-2 0-6-1t-11-7-6-15v-390q0-13 6-20t11-7 10 
0q67 14 114 54t63 101l-23-19q-6-5-13-4t-13 7q-8 12 0 23l [...]
+
+<glyph glyph-name="resize-full-alt" unicode="&#xe80a;" d="M0-150l0 342 119-119 
278 277-276 275-121-121 0 346 342 0-119-119 277-277 275 275-121 121 346 0 
0-342-119 119-277-277 275-275 121 121 0-346-342 0 119 119-277 278-275-276 
121-121-346 0z" horiz-adv-x="1000" />
+
+<glyph glyph-name="tag" unicode="&#xe80b;" d="M1000 714v-270l-595-595-405 405 
595 595h270z m-160-160q28 28 28 68t-28 67-67 28-68-28-28-67 28-68 68-28 67 28z" 
horiz-adv-x="1000" />
+
+<glyph glyph-name="cw" unicode="&#xe80c;" d="M408 760q168 0 
287-116t123-282l122 0-184-206-184 206 144 0q-4 124-94 210t-214 86q-126 
0-216-90t-90-218q0-126 90-216t216-90q104 0 182 60l70-76q-110-88-252-88-168 
0-288 120t-120 290 120 290 288 120z" horiz-adv-x="940" />
+
+<glyph glyph-name="edit" unicode="&#xe80d;" d="M496 189l64 65-85 
85-64-65v-31h53v-54h32z m245 402q-9 9-18 0l-196-196q-9-9 0-18t18 0l196 196q9 9 
0 18z m45-331v-106q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 
113t114 48h464q35 0 65-14 9-4 10-13 2-10-5-16l-27-28q-8-8-18-4-13 3-25 
3h-464q-37 0-63-26t-27-63v-464q0-37 27-63t63-27h464q37 0 63 27t26 63v70q0 7 5 
12l36 36q8 8 20 4t11-16z m-54 411l161-160-375-375h-161v160z m248-73l-51-52-161 
161 51 52q16 15 38 15t38-15l85-85q16-16 16- [...]
+
+<glyph glyph-name="attention-circled" unicode="&#xe80e;" d="M429 779q116 0 
215-58t156-156 57-215-57-215-156-156-215-58-216 58-155 156-58 215 58 215 155 
156 216 58z m71-696v106q0 8-5 13t-12 5h-107q-8 0-13-5t-6-13v-106q0-8 
6-13t13-6h107q7 0 12 6t5 13z m-1 192l10 346q0 7-6 10-5 5-13 5h-123q-8 
0-13-5-6-3-6-10l10-346q0-6 5-10t14-4h103q8 0 13 4t6 10z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="trash-empty" unicode="&#xe80f;" d="M286 
439v-321q0-8-5-13t-13-5h-36q-8 0-13 5t-5 13v321q0 8 5 13t13 5h36q8 0 13-5t5-13z 
m143 0v-321q0-8-5-13t-13-5h-36q-8 0-13 5t-5 13v321q0 8 5 13t13 5h36q8 0 
13-5t5-13z m142 0v-321q0-8-5-13t-12-5h-36q-8 0-13 5t-5 13v321q0 8 5 13t13 
5h36q7 0 12-5t5-13z m72-404v529h-500v-529q0-12 4-22t8-15 6-5h464q2 0 6 5t8 15 4 
22z m-375 601h250l-27 65q-4 5-9 6h-177q-6-1-10-6z 
m518-18v-36q0-8-5-13t-13-5h-54v-529q0-46-26-80t-63-34h-464q-37 0-63 33t-27 79 
[...]
+
+<glyph glyph-name="doc" unicode="&#xe810;" d="M819 638q16-16 
27-42t11-50v-642q0-23-15-38t-38-16h-750q-23 0-38 16t-16 38v892q0 23 16 38t38 
16h500q22 0 49-11t42-27z m-248 136v-210h210q-5 17-12 23l-175 175q-6 7-23 12z 
m215-853v572h-232q-23 0-38 16t-16 37v233h-429v-858h715z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="calendar" unicode="&#xe811;" d="M71-79h161v161h-161v-161z 
m197 0h178v161h-178v-161z m-197 197h161v178h-161v-178z m197 
0h178v178h-178v-178z m-197 214h161v161h-161v-161z m411-411h179v161h-179v-161z 
m-214 411h178v161h-178v-161z m428-411h161v161h-161v-161z m-214 
197h179v178h-179v-178z m-196 482v161q0 7-6 12t-12 6h-36q-7 
0-12-6t-6-12v-161q0-7 6-13t12-5h36q7 0 12 5t6 13z m410-482h161v178h-161v-178z 
m-214 214h179v161h-179v-161z m214 0h161v161h-161v-161z m18 268v161q0 7-5 12t- 
[...]
+
+<glyph glyph-name="edit-1" unicode="&#xe812;" d="M90 589l0-593 444 0 0 262 90 
101 0-453-624 0 0 760 541 0-75-77-376 0z m749 180c35-34 32-88-3-124l-57-56 17 
75-63 64-74-17 56 57c35 35 90 35 124 1z m-219-99c0 3 65 20 75 23l1 1 67-69c-4 
0-23-75-23-75l-371-384-159-36-2 1 41 158z m-247-422l-45 46-35-6-23-22-10-40 
46-45 39 9 23 23z" horiz-adv-x="864" />
+
+<glyph glyph-name="resize-full" unicode="&#xe813;" d="M186 407l-113 116-73-73 
0 210 210 0-72-73 115-115z m0-114l67-66-115-114 72-72-210 0 0 210 73-73z m245 
114l-65 65 115 115-72 73 210 0 0-210-73 72z m115-229l73 73 0-210-210 0 72 
72-115 114 65 66z" horiz-adv-x="619" />
+
+<glyph glyph-name="up-bold" unicode="&#xe814;" d="M0 282l397 536 
394-536h-216v-401h-359v401h-216z" horiz-adv-x="791" />
+
+<glyph glyph-name="down-fat" unicode="&#xe815;" d="M5 538q13 23 53 
23h147v205q0 21 16 37t37 15h304q22 0 38-15t15-37v-205h147q40 0 
53-23t-7-54l-363-582q-1-2-5-6t-12-9-18-6-18 5-13 11l-4 5-363 582q-21 32-7 54z" 
horiz-adv-x="820.3" />
+
+<glyph glyph-name="cancel-circled2-1" unicode="&#xe816;" d="M0 350q0 207 147 
354t353 146 354-146 146-354-146-354-354-146-353 146-147 354z m109 0q0-162 
115-276t276-115 276 115 115 276-115 276-276 115-276-115-115-276z m145-137l137 
137-137 137 109 109 137-137 137 137 109-109-137-137 137-137-109-109-137 
137-137-137z" horiz-adv-x="1000" />
+
+<glyph glyph-name="upload-1" unicode="&#xe817;" d="M0 350q0 207 147 354t353 
146 354-146 146-354-146-354-354-146-353 146-147 354z m109 0q0-162 
115-276t276-115 276 115 115 276-115 276-276 115-276-115-115-276z m170 14l221 
207 221-207-123 0 0-223-196 0 0 223-123 0z" horiz-adv-x="1000" />
+
+<glyph glyph-name="exclamation" unicode="&#xe818;" d="M0 350q0 207 147 354t353 
146 354-146 146-354-146-354-354-146-353 146-147 354z m318 402l79-550 207 0 78 
550-364 0z m77-696q0-44 31-76t76-32 76 32 31 76-31 76-76 33-76-33-31-76z" 
horiz-adv-x="1000" />
+
+<glyph glyph-name="down-open-1" unicode="&#xe819;" d="M0 526l148 148 352-351 
352 351 148-148-352-352-148-148-148 148z" horiz-adv-x="1000" />
+
+<glyph glyph-name="up-open-1" unicode="&#xe81a;" d="M0 174l352 352 148 148 
148-148 352-352-148-148-352 351-352-351z" horiz-adv-x="1000" />
+
+<glyph glyph-name="left-open-1" unicode="&#xe81b;" d="M0 350l148 149 352 351 
148-148-351-352 351-352-148-148-352 352z" horiz-adv-x="648" />
+
+<glyph glyph-name="right-open-1" unicode="&#xe81c;" d="M0-2l352 352-352 352 
148 148 352-351 148-149-148-148-352-352z" horiz-adv-x="648" />
+
+<glyph glyph-name="arrows-cw" unicode="&#xe81d;" d="M0-150l0 402 402 
0-160-160q108-107 258-107 125 0 222 75t130 192l138 
0q-35-173-173-288t-317-114q-207 0-353 146z m10 598q35 174 173 288t317 114q207 0 
354-146l146 146 0-402-402 0 160 160q-108 107-258 107-125 0-222-75t-130-192l-138 
0z" horiz-adv-x="1000" />
+
+<glyph glyph-name="down-dir" unicode="&#xe81e;" d="M460 550l-230-400-230 400 
460 0z" horiz-adv-x="460" />
+
+<glyph glyph-name="up-dir" unicode="&#xe81f;" d="M0 150l230 400 230-400-460 
0z" horiz-adv-x="460" />
+
+<glyph glyph-name="cog" unicode="&#xe820;" d="M571 350q0 59-41 101t-101 
42-101-42-42-101 42-101 101-42 101 42 41 101z m286 
61v-124q0-7-4-13t-11-7l-104-16q-10-30-21-51 19-27 59-77 6-6 
6-13t-5-13q-15-21-55-61t-53-39q-7 0-14 5l-77 
60q-25-13-51-21-9-76-16-104-4-16-20-16h-124q-8 0-14 5t-6 12l-16 103q-27 9-50 
21l-79-60q-6-5-14-5-8 0-14 6-70 64-92 94-4 5-4 13 0 6 5 12 8 12 28 37t30 40q-15 
28-23 55l-102 15q-7 1-11 7t-5 13v124q0 7 5 13t10 7l104 16q8 25 22 51-23 32-60 
77-6 7-6 14 0 5 5 12 15 20 55 [...]
+
+<glyph glyph-name="cog-alt" unicode="&#xe821;" d="M500 350q0 59-42 101t-101 
42-101-42-42-101 42-101 101-42 101 42 42 101z m429-286q0 29-22 51t-50 
21-50-21-21-51q0-29 21-50t50-21 51 21 21 50z m0 572q0 29-22 50t-50 
21-50-21-21-50q0-30 21-51t50-21 51 21 21 51z 
m-215-235v-103q0-6-4-11t-8-6l-87-14q-6-19-18-42 19-27 50-64 4-6 4-11 
0-7-4-11-12-17-46-50t-43-33q-7 0-12 4l-64 
50q-21-11-43-17-6-60-13-87-4-13-17-13h-104q-6 0-11 4t-5 10l-13 85q-19 6-42 
18l-66-50q-4-4-11-4-6 0-12 4-80 75-80 90 0 5 4 1 [...]
+
+<glyph glyph-name="down-dir-1" unicode="&#xe822;" d="M571 
457q0-14-10-25l-250-250q-11-11-25-11t-25 11l-250 250q-11 11-11 25t11 25 25 
11h500q14 0 25-11t10-25z" horiz-adv-x="571.4" />
+
+<glyph glyph-name="up-dir-1" unicode="&#xe823;" d="M571 
171q0-14-10-25t-25-10h-500q-15 0-25 10t-11 25 11 26l250 250q10 10 25 
10t25-10l250-250q10-11 10-26z" horiz-adv-x="571.4" />
+
+<glyph glyph-name="down-open-2" unicode="&#xe824;" d="M939 
399l-414-413q-10-11-25-11t-25 11l-414 413q-11 11-11 26t11 25l93 92q10 11 25 
11t25-11l296-296 296 296q11 11 25 11t26-11l92-92q11-11 11-25t-11-26z" 
horiz-adv-x="1000" />
+
+<glyph glyph-name="right-open-2" unicode="&#xe825;" d="M618 
361l-414-415q-11-10-25-10t-25 10l-93 93q-11 11-11 25t11 25l296 297-296 296q-11 
11-11 25t11 25l93 93q10 11 25 11t25-11l414-414q10-11 10-25t-10-25z" 
horiz-adv-x="714.3" />
+
+<glyph glyph-name="left-open-2" unicode="&#xe826;" d="M654 682l-297-296 
297-297q10-10 10-25t-10-25l-93-93q-11-10-25-10t-25 10l-414 415q-11 10-11 25t11 
25l414 414q10 11 25 11t25-11l93-93q10-10 10-25t-10-25z" horiz-adv-x="714.3" />
+
+<glyph glyph-name="up-open-2" unicode="&#xe827;" d="M939 
107l-92-92q-11-10-26-10t-25 10l-296 297-296-297q-11-10-25-10t-25 10l-93 92q-11 
11-11 26t11 25l414 414q11 10 25 10t25-10l414-414q11-11 11-25t-11-26z" 
horiz-adv-x="1000" />
+
+<glyph glyph-name="plus" unicode="&#xe828;" d="M729 454q44 0 
74-31t31-73-31-73-74-30l-208 3 0-212q0-43-30-73t-75-31-73 31-30 73l3 
212-212-3q-44 0-74 30t-30 73 30 73 74 31l212 0-3 209q0 42 30 73t73 31 75-31 
30-73l0-209 208 0z" horiz-adv-x="834" />
+
+<glyph glyph-name="compass" unicode="&#xe829;" d="M0 350q0 207 146 353t354 146 
353-146 146-353-146-354-353-146-354 146-146 354z m125 0q0-154 110-265t265-110 
263 109q112 112 112 266t-111 264-264 111-265-111-110-264z m187-188l125 250 250 
125-125-250z" horiz-adv-x="1000" />
+
+<glyph glyph-name="resize-full-alt-1" unicode="&#xe82a;" d="M839 55l72 72 
0-224-223 0 72 72-184 185 79 79z m-749 591l-72-72 0 223 223 0-72-72 
184-184-79-79z m670 79l-72 72 223 0 0-223-72 72-184-184-79 79z 
m-407-565l-184-185 72-72-223 0 0 224 72-72 184 184z" horiz-adv-x="928" />
+
+<glyph glyph-name="tag-1" unicode="&#xe82b;" d="M0 483l0 287q2 31 24 54t52 
22l287 0q88-6 133-55l426-472q19-28 19-58t-19-52l-334-334q-25-21-57-21t-52 
21l-424 475q-55 64-55 133z m125 164q2-31 23-52t51-20q32 0 52 22t21 50q0 33-23 
54t-50 20q-33-2-53-23t-21-51z" horiz-adv-x="941" />
+
+<glyph glyph-name="edit-2" unicode="&#xe82c;" d="M0-150l0 818 188 182 521 0 
0-226 31 31 162-160-380-381-239-78 76 238 262 262 0 226-369 0 0-156-164 0 0-668 
533 0 0 143 88 87 0-318-709 0z m361 264l119 39-80 82z" horiz-adv-x="902" />
+
+<glyph glyph-name="compass-1" unicode="&#xe82d;" d="M0 349q0 188 134 322t322 
134 321-134 133-322-133-321-321-133-322 133-134 321z m63 1q0-162 
115-277t277-116 277 116 116 277-116 277-277 116-277-116-115-277z m138-234l186 
302 302 186 20-22-184-302-302-184z" horiz-adv-x="910" />
+
+<glyph glyph-name="cogs" unicode="&#xe82e;" d="M0 245l0 97 94 8q8 30 23 55l-60 
74 68 69 74-61q26 16 55 23l8 94 97 0 10-94q29-7 55-23l74 61 68-69-60-74q16-25 
23-55l94-8 0-97-94-10q-7-29-23-55l60-72-68-70-74 60q-26-15-55-23l-10-94-97 0-8 
94q-29 8-55 23l-74-60-68 70 60 72q-15 26-23 55z m221 49q0-37 26-64t64-26 63 26 
26 64-26 63-63 26-64-26-26-63z m318 238l8 72 70-2q8 22 20 39l-37 57 54 45 
49-49q20 10 41 14l14 66 72-8-2-68q22-8 39-22l57 39 45-54-49-49q10-20 
12-43l68-14-8-70-68 0q-8-20-22-37l [...]
+
+<glyph glyph-name="up" unicode="&#xe82f;" d="M0 264l391 586 390-586-211 0 
0-414-359 0 0 414-211 0z" horiz-adv-x="781" />
+
+<glyph glyph-name="down-open" unicode="&#xf004;" d="M0 533q0 25 18 43t44 18 
42-18l305-303 304 303q18 18 43 18t43-18q18-18 18-43t-18-43l-390-391-391 391q-18 
19-18 43z" horiz-adv-x="817.4" />
+
+<glyph glyph-name="up-open" unicode="&#xf005;" d="M0 167q0 26 18 43l391 391 
390-391q17-17 17-43 0-26-17-44-18-17-44-17t-43 17l-303 
305-305-305q-18-17-43-17t-43 17q-18 18-18 44z" horiz-adv-x="816.9" />
+
+<glyph glyph-name="right-open" unicode="&#xf006;" d="M0 0q0 25 18 43l305 
304-305 304q-18 18-18 44t18 43 44 18 43-18l390-391-390-391q-19-18-43-18t-44 
18q-18 18-18 44z" horiz-adv-x="495.1" />
+
+<glyph glyph-name="left-open" unicode="&#xf007;" d="M0 353l391 391q18 18 43 18 
24 0 43-18 18-18 18-44t-18-43l-304-304 304-305q18-17 
18-43t-18-43q-18-18-43-18t-43 18z" horiz-adv-x="495.1" />
+
+<glyph glyph-name="move" unicode="&#xf047;" d="M1000 
350q0-14-11-25l-142-143q-11-11-26-11t-25 11-10 25v72h-215v-215h72q14 0 
25-10t11-25-11-25l-143-143q-10-11-25-11t-25 11l-143 143q-11 10-11 25t11 25 25 
10h72v215h-215v-72q0-14-10-25t-25-11-25 11l-143 143q-11 11-11 25t11 25l143 
143q10 11 25 11t25-11 10-25v-72h215v215h-72q-14 0-25 10t-11 25 11 26l143 142q11 
11 25 11t25-11l143-142q11-11 11-26t-11-25-25-10h-72v-215h215v72q0 14 10 25t25 
11 26-11l142-143q11-10 11-25z" horiz-adv-x="1000" />
+
+<glyph glyph-name="info-circled-alt" unicode="&#xf086;" d="M0 350q0 95 37 
182t100 149 149 100 183 37q95 0 182-37t149-100 100-149 
37-182q0-95-37-182t-100-150-149-100-182-37q-96 0-183 37t-149 100-100 150-37 
182z m117 0q0-71 28-137t75-112 112-75 137-28 136 28 112 75 75 112 28 137-28 
136-75 112-112 75-136 28-137-28-112-75-75-112-28-136z m281 170q0 28 20 45t51 
17q32 0 51-17t19-45-19-46-51-17q-32 0-51 17t-20 46z m5-402v299h132v-299h-132z" 
horiz-adv-x="937.5" />
+
+<glyph glyph-name="link-ext" unicode="&#xf08e;" d="M786 
332v-178q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 113t114 
48h393q7 0 12-5t5-13v-36q0-8-5-13t-12-5h-393q-37 0-63-26t-27-63v-464q0-37 
27-63t63-27h464q37 0 63 27t26 63v178q0 8 5 13t13 5h36q8 0 13-5t5-13z m214 
482v-285q0-15-11-25t-25-11-25 11l-98 98-364-364q-5-6-13-6t-12 6l-64 64q-6 5-6 
12t6 13l364 364-98 98q-11 11-11 25t11 25 25 11h285q15 0 25-11t11-25z" 
horiz-adv-x="1000" />
+
+<glyph glyph-name="doc-text" unicode="&#xf0f6;" d="M819 638q16-16 
27-42t11-50v-642q0-23-15-38t-38-16h-750q-23 0-38 16t-16 38v892q0 23 16 38t38 
16h500q22 0 49-11t42-27z m-248 136v-210h210q-5 17-12 23l-175 175q-6 7-23 12z 
m215-853v572h-232q-23 0-38 16t-16 37v233h-429v-858h715z m-572 483q0 7 5 12t13 
5h393q8 0 13-5t5-12v-36q0-8-5-13t-13-5h-393q-8 0-13 5t-5 13v36z m411-125q8 0 
13-5t5-13v-36q0-8-5-13t-13-5h-393q-8 0-13 5t-5 13v36q0 8 5 13t13 5h393z 
m0-143q8 0 13-5t5-13v-36q0-8-5-13t-13-5h-393q [...]
+
+<glyph glyph-name="plus-squared" unicode="&#xf0fe;" d="M714 314v72q0 14-10 
25t-25 10h-179v179q0 15-11 25t-25 11h-71q-15 0-25-11t-11-25v-179h-178q-15 
0-25-10t-11-25v-72q0-14 11-25t25-10h178v-179q0-14 11-25t25-11h71q15 0 25 11t11 
25v179h179q14 0 25 10t10 25z m143 304v-536q0-66-47-113t-114-48h-535q-67 0-114 
48t-47 113v536q0 66 47 113t114 48h535q67 0 114-48t47-113z" horiz-adv-x="857.1" 
/>
+
+<glyph glyph-name="bitbucket" unicode="&#xf171;" d="M455 
371q4-35-28-57t-63-3q-21 9-29 32t-1 46 29 32q20 11 41 7t36-20 15-37z m62 11q-8 
60-63 92t-110 7q-35-15-56-49t-20-72q3-51 44-87t92-31q51 4 85 47t28 93z m133 
303q-11 15-31 25t-32 12-40 7q-162 26-316-1-24-4-37-7t-30-12-28-24q16-16 
42-26t41-12 49-6q127-16 250-1 35 5 50 7t40 12 42 26z 
m32-578q-4-14-9-42t-7-47-16-39-33-32q-48-27-106-40t-112-12-113 10q-25 5-45 
10t-43 15-41 25-29 34q-14 54-31 163l3 9 10 5q124-83 283-83t283 83q12-3 
13-13t-3- [...]
+
+<glyph glyph-name="linux" unicode="&#xf17c;" d="M370 621q-6-1-9-6t-4-5q-3-1-3 
2 0 7 10 9h6z m49-8q-3-1-7 4t-10 2q14 6 18-1 2-3-1-5z m-196-238q-3 
0-4-2t-2-7-3-8-6-7q-5-6 0-7 2 0 7 4t7 10q0 2 1 4t1 4 1 2 0 2v2t-1 1-1 2z 
m477-201q0 10-31 24 2 8 4 15t3 15 2 12 0 12 0 11-2 12-3 12-2 14-4 14q-5 27-26 
58t-40 42q13-11 32-47 48-90 30-155-6-22-28-23-17-2-21 10t-5 47-6 60q-5 21-11 
38t-11 25-9 14-7 8-4 4q-8 35-17 58t-17 31-13 19-8 22q-3 12 3 30t2 27-24 14q-9 
2-25 10t-20 9q-4 1-6 15t4 28 20 15q21 2 2 [...]
+
+<glyph glyph-name="dot-circled" unicode="&#xf192;" d="M571 
350q0-59-41-101t-101-42-101 42-42 101 42 101 101 42 101-42 41-101z m-142 
304q-83 0-153-41t-110-111-41-152 41-152 110-111 153-41 152 41 110 111 41 152-41 
152-110 111-152 41z m428-304q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 
58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="plus-squared-alt" unicode="&#xf196;" d="M643 
404v-36q0-8-5-13t-13-5h-196v-196q0-8-5-13t-13-5h-36q-8 0-13 5t-5 13v196h-196q-8 
0-13 5t-5 13v36q0 7 5 12t13 5h196v197q0 8 5 13t13 5h36q8 0 13-5t5-13v-197h196q8 
0 13-5t5-12z m71-250v464q0 37-26 63t-63 26h-464q-37 0-63-26t-27-63v-464q0-37 
27-63t63-27h464q37 0 63 27t26 63z m72 464v-464q0-67-47-114t-114-47h-464q-67 
0-114 47t-47 114v464q0 66 47 113t114 48h464q66 0 114-48t47-113z" 
horiz-adv-x="785.7" />
+
+<glyph glyph-name="fax" unicode="&#xf1ac;" d="M161 636q37 0 
63-26t26-64v-607q0-37-26-63t-63-26h-72q-36 0-63 26t-26 63v607q0 37 26 64t63 
26h72z m768-91q32-19 52-52t19-72v-428q0-59-42-101t-101-42h-482q-37 0-63 26t-26 
63v857q0 23 15 38t38 16h375q23 0 49-11t43-27l85-85q15-15 26-42t12-49v-91z 
m-411-552v71q0 8-5 13t-13 5h-71q-8 0-13-5t-5-13v-71q0-8 5-13t13-5h71q8 0 13 5t5 
13z m0 143v71q0 8-5 13t-13 5h-71q-8 0-13-5t-5-13v-71q0-8 5-13t13-5h71q8 0 13 
5t5 13z m0 143v71q0 8-5 13t-13 5h-71q-8 0-13-5 [...]
+
+<glyph glyph-name="calc" unicode="&#xf1ec;" d="M214-7q0 29-21 50t-50 
21-51-21-21-50 21-51 51-21 50 21 21 51z m215 0q0 29-21 50t-51 21-50-21-21-50 
21-51 50-21 51 21 21 51z m-215 214q0 30-21 51t-50 21-51-21-21-51 21-50 51-21 50 
21 21 50z m429-214q0 29-21 50t-51 21-50-21-21-50 21-51 50-21 51 21 21 51z m-214 
214q0 30-21 51t-51 21-50-21-21-51 21-50 50-21 51 21 21 50z m-215 214q0 30-21 
51t-50 21-51-21-21-51 21-50 51-21 50 21 21 50z m429-214q0 30-21 51t-51 
21-50-21-21-51 21-50 50-21 51 21 21 50 [...]
+
+<glyph glyph-name="toggle-off" unicode="&#xf204;" d="M643 350q0 58-23 111t-61 
91-91 61-111 23-111-23-91-61-61-91-23-111 23-111 61-91 91-61 111-23 111 23 91 
61 61 91 23 111z m428 0q0 58-22 111t-61 91-91 61-111 23h-216q67-50 
106-125t38-161-38-161-106-125h216q58 0 111 23t91 61 61 91 22 111z m72 
0q0-72-29-139t-76-113-114-77-138-28h-429q-72 0-138 28t-114 77-76 113-29 139 29 
139 76 114 114 76 138 28h429q72 0 138-28t114-76 76-114 29-139z" 
horiz-adv-x="1142.9" />
+
+<glyph glyph-name="toggle-on" unicode="&#xf205;" d="M0 350q0 73 29 139t76 114 
114 76 138 28h429q72 0 138-28t114-76 76-114 
29-139-29-139-76-113-114-77-138-28h-429q-72 0-138 28t-114 77-76 113-29 139z 
m786-286q58 0 111 23t91 61 61 91 22 111-22 111-61 91-91 61-111 
23-111-23-91-61-61-91-23-111 23-111 61-91 91-61 111-23z" horiz-adv-x="1142.9" />
+
+<glyph glyph-name="safari" unicode="&#xf267;" d="M530 
352q0-15-10-25t-23-11q-14 0-25 9t-10 23q0 15 9 25t23 11 25-9 11-23z m8-33l195 
325q-5-5-37-35t-70-65-77-71-65-62-28-29l-195-323q4 4 38 34t70 65 76 71 65 62 28 
28z m361 31q0-112-58-207-2 1-9 6t-15 9-9 5q-8 0-8-8 0-5 
33-24-41-63-103-107t-135-61l-8 37q-1 6-9 6-3 0-4-3t-1-6l9-38q-41-8-82-8-111 
0-208 59 1 1 8 11t12 19 5 10q0 8-7 8-4 0-10-8t-12-20-8-13q-63 42-107 105t-61 
137l38 8q6 2 6 8 0 3-3 5t-6 1l-38-9q-8 41-8 78 0 115 61 212 1-1 10-7t17 [...]
+
+<glyph glyph-name="chrome" unicode="&#xf268;" d="M498 850q134 1 252-67 130-75 
196-208l-414 22q-89 5-164-41t-103-128l-154 236q72 89 174 137t213 49z 
m-416-226l188-370q40-80 117-121t164-25l-129-252q-118 19-214 88t-152 176-56 
230q0 149 82 274z m885-94q32-84 
33-174t-27-170-86-152-137-117q-128-74-278-66l226 347q49 73 46 162t-59 155z 
m-467-11q70 0 119-50t50-119-50-119-119-49-119 49-49 119 49 119 119 50z" 
horiz-adv-x="1000" />
+
+<glyph glyph-name="firefox" unicode="&#xf269;" d="M504-150q-158 0-282 84t-183 
222q-33 74-38 168t15 186 62 174 100 135l-7-156q7 7 38 8t39-8q24 45 90 77t131 
32q-30-25-67-82t-33-92q14-4 35-7t36-4 37-3 29-1q8-3 
5-26t-17-42q-3-4-9-10t-32-20-56-19l8-105-77 37q-10-24-5-45t21-38 36-23 45-3q29 
5 55 19t47 25 41 10q34-2 
50-19t10-36q0-1-1-3t-5-7-10-9-17-5-26-1q-34-53-81-76t-117-16q41-34 91-46t94-3 
86 29 71 48 45 58q24 51 22 108t-21 105-44 70q49-21 77-45t43-62q8 95-32 191t-117 
159q148-43 230-156t84-2 [...]
+
+<glyph glyph-name="calendar-1" unicode="&#xf4c5;" d="M0-31v761q0 37 26 62t62 
26h762q36 0 61-26t26-62v-761q0-36-26-62t-61-26h-762q-36 0-62 26t-26 62z m88 
0h762v527h-762v-527z m60 59v175h176v-175h-176z m0 234v176h176v-176h-176z 
m235-234v175h175v-175h-175z m0 234v176h175v-176h-175z 
m234-234v175h176v-175h-176z m0 234v176h176v-176h-176z" horiz-adv-x="937.5" />
+
+<glyph glyph-name="search-1" unicode="&#xf50d;" d="M11 375q-23 87 0 173t87 
150q48 49 110 74t128 25q65 0 127-25t110-74q52-52 77-119t21-137-36-132q28-8 
49-29l174-173q35-35 35-85t-35-85q-35-35-85-35t-85 35l-173 174q-22 20-30 
49-70-35-149-35-66 0-128 25t-110 73q-64 64-87 151z m101 86q0-93 65-158 66-65 
159-65 92 0 157 65t66 158-66 158q-66 66-157 66-92 0-159-66-65-65-65-158z" 
horiz-adv-x="892.6" />
+</font>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/html/image/fontello/fontello.ttf b/html/image/fontello/fontello.ttf
new file mode 100644
index 0000000..5cc022c
Binary files /dev/null and b/html/image/fontello/fontello.ttf differ
diff --git a/html/image/fontello/fontello.woff 
b/html/image/fontello/fontello.woff
new file mode 100644
index 0000000..ed94d11
Binary files /dev/null and b/html/image/fontello/fontello.woff differ
diff --git a/html/image/fontello/fontello.woff2 
b/html/image/fontello/fontello.woff2
new file mode 100644
index 0000000..88cd730
Binary files /dev/null and b/html/image/fontello/fontello.woff2 differ
diff --git a/html/js/card.js b/html/js/card.js
index 1228ac2..33a7624 100644
--- a/html/js/card.js
+++ b/html/js/card.js
@@ -166,7 +166,8 @@ function action_add_concerned_card(obj)
             'query' : inp,
             'ctl' : 'unused',
             'ag_id' : ag_id,
-            'op':'card'
+            'op':'card',
+            'accvis':0
         });
 
         waiting_box();
diff --git a/html/js/scripts.js b/html/js/scripts.js
index 95f4bc1..38310dc 100644
--- a/html/js/scripts.js
+++ b/html/js/scripts.js
@@ -1074,13 +1074,15 @@ function show_calc()
     }
     var sid = 'calc1';
     var shtml = '';
-    shtml += '<div 
style="float:right;height:10px;display:block;margin-top:2px;margin-right:2px"><span
 id="pin_calc1"><a class="input_text" onclick="pin(\'calc1\')" 
id="close_div">&#8853;</a></span> <a onclick="removeDiv(\'calc1\');" 
href="javascript:void(0)" id="close_div">X</a></div>';
-    shtml += '<div>   <h2 class="title">Calculatrice</h2></div>';
+    shtml +="<div class=\"bxbutton\">";
+    shtml += '<a class="icon" onclick="pin(\'calc1\')" 
id="pin_calc1">&#xf192;</a>     <a onclick="removeDiv(\'calc1\');" 
href="javascript:void(0)" id="close_div">X</a>';
+    shtml +="</div>";
+    shtml += '   <h2 class="title">Calculatrice</h2>';
     shtml += '<form name="calc_line"  method="GET" onSubmit="cal();return 
false;" >Calculatrice simplifiée: écrivez simplement les opérations que vous 
voulez puis la touche retour. exemple : 1+2+3*(1/5) <input class="input_text" 
type="text" size="30" id="inp" name="calculator"> <input type="button" 
value="Efface tout" class="button" onClick="Clean();return false;" > <input 
type="button" class="button" value="Fermer" onClick="removeDiv(\'calc1\')" >';
     shtml += '</form><span class="highligth" style="display:block" 
id="sub_total">  Taper une formule (ex 20*5.1) puis enter  </span><span 
style="display:block"  id="listing"> </span>';
 
     var obj = {id: sid, html: shtml,
-        drag: false, style: ''
+        drag: false, style: 'z-index:98'
     };
     add_div(obj);
     this.document.getElementById('inp').focus();
@@ -2077,7 +2079,6 @@ function view_action(ag_id, dossier, modify)
                         var pos = fixed_position(0, 50) + 
";width:90%;left:5%;";
                         add_div({
                             id: id,
-                            drag: 1,
                             cssclass: "inner_box",
                             style: pos
                         });
@@ -2874,16 +2875,17 @@ function create_anchor_up()
 function init_scroll()
 {
     var up=new Element('div',{"class":"inner_box",
-            "style":"padding:10px;left:auto;width:60px;height: 
auto;display:none;position:fixed;top:25px;right:20px;text-align:center",
+            "style":"padding:5px;left:auto;width:auto;height: 
auto;display:none;position:fixed;top:25px;right:50px;text-align:center",
             id:"go_up"
         });
-        up.innerHTML=' <a class="button" href="#up_top" ><img 
src="image/arrow-up.png"/></a><a href="javascript:show_calc()" 
class="button"><img src="image/compute.png"/></a>';
+        up.innerHTML=' <a class="icon" href="#up_top" >&#xe81a;</a><a 
href="javascript:show_calc()" class="icon">&#xf1ec;</a>';
         document.body.appendChild(up);
          window.onscroll=function () {
          if ( document.viewport.getScrollOffsets().top> 0) {
              if ($('go_up').visible() == false) {
-                $('go_up').setOpacity(0.85); 
+                $('go_up').setOpacity(0.70); 
                 $('go_up').show();
+                $('go_up').style.zIndex=99;
             }
         } else {
             $('go_up').hide();
@@ -2986,14 +2988,14 @@ function pin (object_id) {
     if ( aDraggableElement[object_id]) {
         aDraggableElement[object_id].destroy();
         aDraggableElement[object_id]=undefined;
-        $('pin_'+object_id).firstChild.innerHTML="&#8853;";
+        $('pin_'+object_id).innerHTML="&#xf192;";
     } else {
         aDraggableElement[object_id]=new Draggable(object_id, {starteffect: 
function ()
                 {
                     new Effect.Highlight(object_id, {scroll: window, queue: 
'end'});
                 }}
             ); 
-        $('pin_'+object_id).firstChild.innerHTML="&#8778;";
+        $('pin_'+object_id).innerHTML="&#xf047;";
     }
 }
 /**
diff --git a/html/js/todo_list.js b/html/js/todo_list.js
index d073033..09510c4 100644
--- a/html/js/todo_list.js
+++ b/html/js/todo_list.js
@@ -47,7 +47,7 @@ function todo_list_show(p_id)
                     {
                         try
                         {
-                            var 
todo_div=create_div({id:'todo_list_div'+p_id,cssclass:'add_todo_list',drag:1});
+                            var 
todo_div=create_div({id:'todo_list_div'+p_id,cssclass:'add_todo_list'});
                            
 
 
diff --git a/html/recherche.php b/html/recherche.php
index ca07a9c..460a674 100644
--- a/html/recherche.php
+++ b/html/recherche.php
@@ -26,6 +26,7 @@ require_once NOALYSS_INCLUDE.'/class/dossier.class.php';
 include_once NOALYSS_INCLUDE.'/lib/ac_common.php';
 require_once NOALYSS_INCLUDE.'/class/acc_ledger.class.php';
 require_once NOALYSS_INCLUDE.'/class/acc_ledger_search.class.php';
+require_once NOALYSS_INCLUDE.'/lib/icon_action.class.php';
 
 html_page_start($_SESSION['g_theme']);
 
diff --git a/html/style-classic.css b/html/style-classic.css
index baf4a2c..ee493c1 100644
--- a/html/style-classic.css
+++ b/html/style-classic.css
@@ -7,6 +7,18 @@
        src: url('image/OpenSansRegular.eot');
        src: local('OpenSansRegular'), url('image/OpenSansRegular.woff') 
format('woff'), url('image/OpenSansRegular.ttf') format('truetype');
 }
+
address@hidden {
+      font-family: 'fontello';
+      src: url('image/fontello/fontello.eot?18582275');
+      src: url('image/fontello/fontello.eot?18582275#iefix') 
format('embedded-opentype'),
+           url('image/fontello/fontello.woff?18582275') format('woff'),
+           url('image/fontello/fontello.ttf?18582275') format('truetype'),
+           url('image/fontello/fontello.svg?18582275#fontello') format('svg');
+      font-weight: normal;
+      font-style: normal;
+    }
+    
 /* use this class to attach this font to any element i.e. <p 
class="fontsforweb_fontid_38327">Text with this font applied</p> */
 .fontsforweb_fontid_38327 {
        font-family: 'OpenSansRegular' !important;
@@ -1250,37 +1262,6 @@ a.line:hover,div_content a.line
     color: #FFFFFF;
     background-color:#336699;
 }
-#close_div
-{
-    color:white;
-    text-decoration:none;
-    margin-left: 2px;
-    margin-right:6px;
-    margin-top:0px;
-    font-size:14px;
-    font-size:1rem;
-    cursor: pointer;
-    border:0px;
-}
-#close_div:hover
-{
-    background-color: #F93;
-}
-#popmeout
-{
-    background-color:#FFFFFF;
-    color:#0000FF;
-    text-decoration:none;
-    border:1px solid #0000FF;
-    margin-left: 2px;
-    margin-right:18px;
-    font-size:12px;
-    font-size: 0.75rem;
-}
-#popmeout:hover
-{
-    background-color:  #F93;
-}
 table.table_large tr.odd ,table.table_large tr.even {
 
     height:32px;
@@ -2265,4 +2246,36 @@ span.inplace_edit_input
     margin-right:5px;
     padding-top:0px;
     margin-top:0px;
+}
+/**
+ * For the icon (font-famillo fontello)
+ */
+.icon {
+    font-family: "fontello";
+    font-weight:normal;
+    cursor: pointer;
+}
+.icon:hover {
+    font-family: "fontello";
+}
+/**
+ * Icon in the title of Box
+ */
+div.bxbutton .icon
+{
+    color:white;
+    text-decoration:none;
+    margin-left: 6px;
+    margin-right:6px;
+    /*! padding-top:10px; */
+    font-size:14px;
+    font-size:1rem;
+    cursor: pointer;
+    border:0px;
+    height: 18px;
+}
+div.bxbutton .icon:hover
+{
+    background-color: white;
+    color: blue;
 }
\ No newline at end of file
diff --git a/html/style-light.css b/html/style-light.css
index 44cf303..8875abe 100644
--- a/html/style-light.css
+++ b/html/style-light.css
@@ -11,6 +11,16 @@
 .fontsforweb_fontid_38327 {
        font-family: 'OpenSansRegular' !important;
 }
address@hidden {
+      font-family: 'fontello';
+      src: url('image/fontello/fontello.eot?18582275');
+      src: url('image/fontello/fontello.eot?18582275#iefix') 
format('embedded-opentype'),
+           url('image/fontello/fontello.woff?18582275') format('woff'),
+           url('image/fontello/fontello.ttf?18582275') format('truetype'),
+           url('image/fontello/fontello.svg?18582275#fontello') format('svg');
+      font-weight: normal;
+      font-style: normal;
+    }
 
 BODY {
     font-family: Arial, Helvetica, "Liberation Sans"  , FreeSans, sans-serif;
@@ -1232,37 +1242,7 @@ a.line:hover,div_content a.line
     color: #FFFFFF;
     background-color:#336699;
 }
-#close_div
-{
-    color:white;
-    text-decoration:none;
-    margin-left: 2px;
-    margin-right:6px;
-    margin-top:0px;
-    font-size:14px;
-    font-size:1rem;
-    cursor: pointer;
-    border:0px;
-}
-#close_div:hover
-{
-    background-color: #F93;
-}
-#popmeout
-{
-    background-color:#FFFFFF;
-    color:#0000FF;
-    text-decoration:none;
-    border:1px solid #0000FF;
-    margin-left: 2px;
-    margin-right:18px;
-    font-size:12px;
-    font-size: 0.75rem;
-}
-#popmeout:hover
-{
-    background-color:  #F93;
-}
+
 table.table_large tr.odd ,table.table_large tr.even {
 
     height:32px;
@@ -2188,4 +2168,36 @@ span.inplace_edit_input
     margin-right:5px;
     padding-top:0px;
     margin-top:0px;
+}
+/**
+ * For the icon (font-famillo fontello)
+ */
+.icon {
+    font-family: "fontello";
+    font-weight:normal;
+    cursor: pointer;
+}
+.icon:hover {
+    font-family: "fontello";
+}
+/**
+ * Icon in the title of Box
+ */
+div.bxbutton .icon
+{
+    color:white;
+    text-decoration:none;
+    margin-left: 6px;
+    margin-right:6px;
+    /*! padding-top:10px; */
+    font-size:14px;
+    font-size:1rem;
+    cursor: pointer;
+    border:0px;
+    height: 18px;
+}
+div.bxbutton .icon:hover
+{
+    background-color: white;
+    color: blue;
 }
\ No newline at end of file
diff --git a/html/style-mandarine.css b/html/style-mandarine.css
deleted file mode 100644
index 1824b98..0000000
--- a/html/style-mandarine.css
+++ /dev/null
@@ -1,2166 +0,0 @@
- /* <style type="text/css"> */
-
-BODY {
-    background-color: #FFF1ED;
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    padding: 0px 0px 0px 0px ;
-    margin:0px;
-    color: #A52A2A;
-    font-size:100%;
-}
-.notice {
-    color:#FF0000;
-    font-style: italic;
-    font-weight: bold;
-}
-
-table.sortable, table.table_large, table.result  ,table.resultfooter {
-    /* color:#FF7F50; */
-    width:100%;
-    border-spacing:  0px;
-    border-collapse:collapse;
-
-}
-table.resultfooter tfoot {
-    font-weight: bold;
-
-
-}
-table.sortable th,  table.table_large th,table.result th {
-    font-weight:bold;
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    border-bottom:1px solid #FF7F50;
-    border-top:0;
-
-    color:#6D3F2E;
-    text-align: left;
-    font-style: italic;
-
-}
-
-h2 {
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    color: #E95353;
-    margin:1px;
-    padding:1px;
-    font-style: italic;
-    font-size:15px;
-    font-size: 1.3rem;
-}
-div.info {
-    background:#879ED4;
-    color:#FFFFFF;
-    text-align:center;
-}
-
-content h2.info {
-    background:#879ED4;
-    color:#000000;
-    text-align:center;
-    padding:0px;
-    margin:0px;
-}
-redcontent h2.info {
-    background:#879ED4;
-    color:#FFFFFF;
-    text-align:center;
-    padding:0px;
-    margin:0px;
-}
-h2.info {
-    background-color: #FFBF94;
-    color:#FFFFFF;
-    text-align:center;
-    padding:0px;
-    margin:0px;
-
-}
-
-
-h3.info {
-    background:#879ED4;
-    color:#FFFFFF;
-    text-align:center;
-}
-
-h2.info2 {
-    color:#FF7F50;
-    text-align:center;
-
-}
-
-
-h2.error {
-    background:#FF0000;
-    color:#FFFFFF;
-}
-
-
-div.u_tmenu {
-    margin-top:0px;
-    width:100%;
-}
-div.u_subtmenu {
-    background-color:#FFFFFF;
-    float:left;
-    clear:both;
-    left:10px;
-
-}
-div.u_tmenu div.u_tool {
-    float:left;
-
-}
-div.u_tool {
-    float:left;
-    width:  100%;
-    padding-bottom: 20px;
-}
-div.u_tool #name {
-    float:left;
-    margin-left:10px;
-}
-#u_tool {
-    float:right;
-    margin-right:10px;
-}
-td.tool a.mtitle {
-    text-decoration:none;
-    display:inline;
-    color: #FF7F50;
-    
-}
-td.tool a.mtitle:hover {
-    text-decoration:none;
-    display:inline;
-    color: #6D3F2E;
-    background-color:#FF6600;
-
-}
-#top {
-    float:left;
-    margin-bottom: 40px;
-    width: 100%;
-}
address@hidden only screen and (max-width:955px) {
-    margin-bottom: 70px;
-}
-
-#module {
-    position:absolute;
-    top:0px;
-    right:5px;
-    text-align:right;
-    padding:0px;
-    margin: 0px;
-    font-size:12.16px;
-    font-size:0.76rem;
-}
-div.u_subt2menu {
-    background-color:#FFFFCC;
-    left:1%;
-
-}
-div.lmenu {
-    float:left;
-    clear:left;
-
-}
-div.lextmenu {
-
-    float:left;
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-
-}
-div.searchmenu {
-    left:30px;
-    width:95px;
-    top:100px;
-    position:absolute;
-
-}
-
-div.recherche_form{
-    width:700px;
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    border-style:outset;
-    border-width:1px;
-
-}
-div.redcontent{
-    float:left;
-    padding-top:7px;
-    padding-left:8px;
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    width:75%;
-
-}
-div.content{
-    padding-top:0.0030%;
-    margin-top:0.0030%;
-    width:100%;
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    font-size:14.4px;
-    font-size:0.90rem;
-
-}
-div.content30{
-
-    float:left;
-    padding-top:7px;
-    width:35%;
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-
-}
-div.no span{
-    position:static;
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    font-weight:bold;
-    color:#FF0000;
-
-}
-
-table.document {
-    color:#FF7F50;
-    width:100%;
-    border-spacing:  0px;
-    border-collapse:collapse;
-
-}
-table.document th{
-    font-weight:bold;
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    border-bottom:2px solid #FF7F50;
-    border-top:0px;
-    color:#6D3F2E;
-    text-align: left;
-    background-color:#FFFFCC;
-    font-style: italic;
-}
-.error {
-    width:60%;
-    margin-left:20%;
-    text-align: center;
-
-    color:#FFFFFF;
-    background-color:#FF0000;
-    font-weight: bolder;
-}
-
-table.mtitle {
-    border:0px;
-    text-align:center;
-    /* min-width: 75%; */   
-}
-td.mshort {
-    height:15px;
-    width:60px;
-    text-align:center;
-    border:  1px solid;
-    color:#FF6600 ;
-    background-color:#FFCC99;
-}
-td.mtitle {
-    text-align:center;
-    /* max-width:100px; */
-    height :35px;
-
-    border:0px;
-    border-style: solid;
-    border-bottom-width: 2px;
-    border-bottom-color: red;
-    /* border-radius:5px;*/
-/*    font-weight: bold;*/
-}
-td.mtitle a.mtitle {
-}
-td.msubtitle {
-    text-align:center;
-    height:20px;
-    background-color:#FFCC99;
-}
-span.mtitle {
-    color:#888;
-    background-color:#FF7F50;
-    border-style:groove
-}
-span.odd {
-    background-color:#FFFFCC;
-    display:block;
-}
-span.even {
-    background-color:#FFCC99;
-    display:block;
-}
-
-tr.odd {
-    background-color: #FFE9D6;
-}
-
-tr.highlight {
-    font-weight: bold;
-}
-tr.even {
-    background-color: #FFFFFF;
-    color: brown;
-}
-td.odd{
-    background-color:#FFCC99;
-}
-
-td.even{
-    border:0px;
-}
-td.cell{
-    height:32px;
-    padding: 1px;
-    
-}
-td.selectedcell{
-    border-style:solid;
-    border-color:white;
-    border-width:1px ;
-    font-weight: bold;
-    background:#FFA268;
-    color:#FFFFFF;
-    text-align:center;
-    /* max-width:50%; */
-    border-radius:7px;
-    background: #F9C5B6;
-
-}
-a.mtitle {
-    text-decoration:none;
-    display:inline;
-    color: #A52A2A;
-    cursor: pointer;
-
-}
-a.mtitle:hover {
-    text-decoration:none;
-    display:inline;
-
-    color: #6D3F2E;
-    /* background-color:#FF6600; */
-
-}
-td.toolselected a.mtitle {
-    /* border: solid 1px gray; */
-    color: #FFFFFF;
-    border-bottom-width: 2px;
-    text-align:center;
-    border-radius:2px;
-    background-color:#FF7F50;
-}
-td.selectedcell a.mtitle,div.content td.selectedcell a.mtitle {
-    text-decoration:none;
-    display:block;
-    color:#FFFFFF;
-}
-a.dossier {
-    text-decoration:none;
-    display:block;
-    color: #6D3F2E;
-
-}
-tr.odd:hover td,tr.even:hover td
-{
-    text-decoration:none;
-    /* background-color: #FFFFCC; */
-      background: #F9C5B6;
-    color:#FFFFFF;
-}
-td.mtitle:hover,td.mtitle:hover a,div.menu2 table.mtitle td.mtitle:hover
-{
-    border-radius: 5px;
-    background: #F9C5B6;
-    color:#FFFFFF;
-}
-td.msubtitle:hover,td.msubtitle:hover a
-{
-    background-color:#FFFFCC;
-    color:#FFFFFF;
-}
-a.cell {
-    text-decoration:none;
-    display:block;
-    color:#FF7F50;
-    background-color:#FFFFFF;
-    cursor: pointer;
-
-}
-
-a.cell:hover {
-    color:#FFFFFF;
-    background-color:#FF6600;
-    text-decoration:none;
-    display:block;
-}
-
-
-a.one:link {
-    text-decoration:underline;
-    color:#FF7F50;
-}
-a.one:visited {
-    text-decoration:none;
-    color:#FF7F50;
-}
-
-a.one:active {
-    background: #FF7F50;
-    cursor: pointer;
-
-}
-
-a.one:hover {
-    text-decoration:underline;
-    background:#FF7F50;
-    color:#FFFFFF;
-}
-
-
-a.detail
-{
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    text-decoration: none;
-    display: block;
-    color: #DB6906;
-    cursor: pointer;
-
-}
-
-a.detail:hover
-{
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    color: #FFFFFF;
-    background-color: #FF6600;
-    text-decoration: none;
-    display: block;
-}
-
-li.menuv,ol.menuv {
-    display:inline;
-    padding:16px 16px;
-    padding:1rem 1rem;
-}
-div.redcontent a {
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    text-decoration: none;
-    display: block;
-    color: #A52A2A;
-
-}
-
-div.redcontent a:hover {
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    color: #FFFFFF;
-    background-color:#336699;
-    text-decoration: none;
-    display: block;
-
-}
-div.content a {
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    text-decoration: none;
-    display: block;
-    color: #EF5F2B;
-    padding: 0px;
-    cursor: pointer;
-
-}
-
-
-div.content a:hover {
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    color: #FFFFFF;
-    background-color: #C76626;
-    text-decoration: none;
-    display: block;
-
-}
-
-div.redcontent a.mtitle {
-    text-decoration:none;
-    display:inline;
-
-
-    color:#000000;
-
-}
-
-div.redcontent a.mtitle:hover {
-    text-decoration:none;
-    display:inline;
-    color:#FFFFFF;
-    background-color:#6D3F2E;
-
-
-}
-div.content a.mtitle {
-    text-decoration:none;
-    display:inline;
-}
-
-div.content a.mtitle:hover {
-    text-decoration:none;
-    display:inline;
-    background-color:#6D3F2E;
-    color:#FFFFFF;
-
-
-}
-div.redcontent input.text {
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    font-weight:normal;
-    border-color:#336699;
-    border-style:solid;
-    background-color: #F93;
-    border-width:1px;
-    color:#FF7F50;
-}
-div.content input.text {
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    font-weight:normal;
-    border-color:#336699;
-    border-style:solid;
-    border-width:1px;
-    background-color: #F93;
-    color:#FF7F50;
-}
-
-
-
-div.redcontent input:focus {
-    background-color:#F93;
-}
-div.content input:focus {
-    background-color: #F93;
-}
-div.redcontent textarea:focus {
-    background-color:  #F93;
-}
-.document {
-    color: #6D3F2E;
-    border-collapse:collapse;
-}
-div.content a.document, a.document{
-    text-decoration:underline;
-    display:block;
-}
-a.document:hover {
-    text-decoration:none;
-    display:block;
-
-
-}
-.input_text_ro {
-    border:solid 1px #FF7F50;
-    background:#EDEDED;
-    color:#FF7F50;
-    margin:1px;
-}
-.input_text {
-    border:groove 1px #FF7F50;
-    margin:1px;
-    color:rgb(165, 42, 42);
-}
-.input_text:hover {
-    border:groove 1px #FF7F50;
-    margin:1px;
-    background-color:  #F93;
-}
-h1.legend, legend {
-    font-weight: bold;
-    font-style: italic;
-    font-size:19.2px;
-    font-size: 1.2rem;
-}
-fieldset fieldset legend {
-    color:#888;
-}
-select {
-    border: 1px solid #FF7F50;
-    margin:2px;
-    background-color:#FFFFFF;
-
-}
-
-
-
-.infobulle {
-    position:absolute;
-    border:1px solid #000000;
-    background-color:yellow;
-    padding-bottom: 10px;
-    padding-top: 10px;
-    padding-left: 10px;
-    padding-right: 10px;
-    color:#000000;
-    top:0px;left:0px;
-    visibility:hidden;
-    width:400px;
-    width:25rem;
-    z-index:20;
-}
-
-span.action {
-    height:48px;
-    height:3rem;
-
-}
-td.num {
-    text-align:right;
-}
-tr.priority1 {
-    background-color: #FF7F50;
-    color: yellow;
-}
-tr.priority1 a{
-    background-color: #FF7F50;
-    color: yellow;
-}
-span.action a.action {
-    border:2px outset ;
-    padding-left: 3px;
-    padding-right:3px;
-    text-decoration:none;
-
-    display:inline;
-    color:#000000;
-    background-color:#FFFFCC;
-}
-
-span.action a.action:hover {
-    text-decoration:none;
-    display:inline;
-    background-color:#FFCC99;
-    color:#000000;
-}
-div.popup_back{
-    position:fixed;
-    top:0px;
-    left:0px;
-    opacity:0.2;
-    width:100%;
-    height:100%;
-    z-index:1;
-    display:block;
-    background: #F93;
-}
-
-div.popup_border_title {
-    position:absolute;
-    top:20%;
-    left:10%;
-    width:60%;
-    height:80%;
-    z-index:10;
-    border: 2px outset #201e87;
-    background-color:#879ED4;
-    font-family: arial,verdana,sans-serif,helvetica;
-    font-style: italic;
-    font-weight: bolder;
-    text-align:center;
-    color: #FFFFFF;
-    display:none;
-    /*opacity:1;
-    filter:alpha(opacity=100);*/
-
-}
-div.popup_border_notitle {
-    position:absolute;
-    top:20%;
-    left:20%;
-    width:60%;
-    height:80% ;
-    /*background:#FFFFCC;*/
-    z-index:10;
-    /*border:dotted 1px #000000;*/
-    border: 3px outset #201e87;
-    background-color: #879ED4;
-    font-family: arial,verdana,sans-serif,helvetica;
-    font-style: italic;
-    font-weight: bolder;
-    text-align:center;
-    display:none;
-    color: #FFFFFF;
-    /*opacity:0.7;
-    filter:alpha(opacity=70);
-    */
-}
-
-div.popup_content {
-    position:absolute;
-    top:16px;
-    bottom:0px;
-    left:0px;
-    right:0px;
-    width:100%;
-    height:96%;
-    overflow: auto;
-    background-color:#FFFFFF;
-    font-family: arial,verdana,sans-serif,helvetica;
-    font-style: normal;
-    font-weight: normal;
-    color: #000000;
-    text-align: left;
-    display:none;
-    z-index:10;
-    /*opacity:1;
-    filter:alpha(opacity=100);*/
-}
-div.autocomplete {
-    position:relative;
-    background-color:#FFFFFF;
-    border:1px solid #888;
-    margin:0px;
-    padding:0px;
-    text-align:left;
-}
-div.autocomplete em {
-    color:#FF7F50;
-    font-weight:bold;
-}
-div.autocomplete ul {
-    list-style-type:none;
-    background-color:#FFFFFF;
-    border:1px solid #888;
-    width:375px;
-    margin:0px;
-    padding:0px;
-}
-div.autocomplete ul li.selected { 
-    background-color: #FFCC99;
-}
-
-div.autocomplete ul li {
-    list-style-type:none;
-    display:block;
-    margin:0px;
-    padding:0px;
-    cursor:pointer;
-}
-span.informal{ 
-    color:#000000;
-}
-
-ul.select_table  {
-    /*padding:5px;*/
-    overflow:hidden;
-}
-ul.select_table a{
-    width:100%;
-    display:block;
-    background-color:inherit;
-    color: #000000;
-    text-decoration:none;
-}
-ul.select_table a:hover{
-    background-color:#FFFFFF;
-    color:#000000;
-    /*text-decoration:underline;*/
-}
-ul.select_table li {
-    display:table-row;
-    list-style-type: none;
-}
-ul.select_table li span {
-    display:table-cell;
-    width: 400px;
-    width:25rem;
-    margin: 0px;
-    padding:  0px;
-}
-
-div.pc_calendar{
-
-    float:left;
-
-}
-div.pc_calendar table {
-    text-align:center;
-
-}
-div.pc_calendar tr{
-}
-div.content div.pc_calendar tr{
-    height: 36px;
-}
address@hidden only screen and (min-width: 640px) {
-    div.pc_calendar tr{
-    height:110px;
-    }
-}
address@hidden only screen and (max-width: 640px) {
-    div.pc_calendar tr{
-    height:40px;
-    }
-}
-div.pc_calendar td{
-    width:14%;
-    border:#FFCC99 solid 1px;
-}
-
-div.pc_calendar td.weekend {
-    background-color:#FFF1ED;
-
-}
-div.pc_calendar td.workday{
-    background-color:inherit;
-}
-div.pc_calendar span.day{
-    font-weight: bold;
-    display:block;
-}
-div.pc_calendar span.event{
-    font-weight: bolder;
-
-}
-span.todo  {
-    text-align: left;
-    background-color:#FCFFCC;
-
-}
-input[disabled], textarea[disabled], option[disabled], optgroup[disabled], 
select[disabled] {
-    -moz-user-focus:ignore;
-    -moz-user-input:disabled;
-    background-color:#FFFFCC;
-    color:#6D3F2E;
-    cursor:inherit;
-}
-
-a#anchorbutton, .button, a.button,div.content a.button {
-    color:#FFFFFF;
-    font-weight: bold;
-    text-decoration:none;
-    font-family: arial,verdana,sans-serif,helvetica;
-    border-color:  #6D3F2E;
-    /* border-width:1px; */
-    padding:4px;
-    margin:3px;
-    cursor:pointer;
-    margin:1px 2px 1px 2px;
-    border-radius: 5px;
-    moz-border-radius:5px;
-    border-radius: 2px;
-
-    border-width: 1px;
-    border-color: #6D3F2E;
-    background: #feccb1; /* Old browsers */
-background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, 
#fb955e 100%); /* FF3.6+ */
-background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), 
color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
-background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
-background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 
100%); /* Opera 11.10+ */
-background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%); /* IE10+ */
-background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%); /* W3C */
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', 
endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
-}
-a#anchorbutton:hover, .button:hover,a.button:hover,div.content a.button:hover  
{
-    cursor:pointer;
-    background-color:#FFFFFF;
-    border-style:  inset ;
-    color: #FF0000;
-    margin:1px 2px 1px 2px;
-
-}
-a#smallanchorbutton, .smallbutton, a.smallbutton,div.content a.smallbutton {
-    color:#FFFFFF;
-    font-weight: bold;
-    text-decoration:none;
-    font-family: arial,verdana,sans-serif,helvetica;
-    font-size:12px;
-    font-size:0.80rem;
-    border-color:  orange;
-
-    border-style: solid;
-    border-width: 1px;
-    padding-bottom: 3px;
-    padding-top: 3px;
-    padding-right: 3px;
-    padding-left:  3px;
-    margin-top:3px;
-    cursor:pointer;
-    margin:1px 2px 1px 2px;
-    border-radius: 2px;
-    moz-border-radius:2px;
-background: #feccb1; /* Old browsers */
-background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, 
#fb955e 100%); /* FF3.6+ */
-background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), 
color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
-background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
-background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 
100%); /* Opera 11.10+ */
-background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%); /* IE10+ */
-background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%); /* W3C */
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', 
endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
-}
-a#smallanchorbutton:hover, .smallbutton:hover,a.smallbutton:hover,div.content 
a.smallbutton:hover  {
-    cursor:pointer;
-    background-color:#FFFFFF;
-    /* border-style:  inset ; */
-    color:#FF0000;
-    margin:1px 2px 1px 2px;
-
-}
-td.tool {
-    border: solid 1px gray;
-    background-color: #FFFFFF;
-    border-bottom-width: 2px;
-    text-align:center;
-    border-radius:2px;
-}
-td.toolselected {
-    border: solid 1px gray;
-    color: #FFFFFF;
-    border-bottom-width: 2px;
-    text-align:center;
-    border-radius:2px;
-    background-color:#FF7F50;
-}
-div.topmenu {
-       font-size:14px;
-       font-size:0.85rem;
-        
-}
address@hidden only screen and (max-width:320px) {
-  div.topmenu {
-    margin-top: 44px;      
-}
-}
address@hidden only screen and (max-width:800px) {
-    div.topmenu{ 
-        margin-top: 44px;
-    }  
-}
-#dossier h2{
-    color:#6D3F2E;
-    display:inline;
-    margin:0px;
-    padding:0px;
-    font-variant:small-caps;
-}
-/* </style> */
-#add_todo_list {
-    border:1px solid #FF7F50;
-    display:none;
-    background-color:#FFCC99;
-    padding:0.07%;
-    position:absolute;
-    text-align:left;
-    z-index:1;
-    width: 480px;
-    width:30rem;
-    height:auto;
-}
-div.welcome {
-
-}
-div.gest_name {
-    float:left;
-    margin-left:150px;
-    margin-top:15px;
-}
-h2.gest_name {
-    border-left: 5px solid  #403a8d;
-    border-bottom:1px solid  #b4bbc2;
-    border-top:1px solid  #b4bbc2;
-    border-right:1px solid  #b4bbc2;
-    padding: 5px;
-    width: 40%;
-}
-body.op_detail_frame,div.op_detail_frame  {
-    background-color: #FFF1ED;
-    height:100%; width:100%;
--moz-box-shadow: 10px 10px 5px #888;
--webkit-box-shadow: 10px 10px 5px #888;
-box-shadow: 10px 10px 5px #888;
-
-
-}
-div.inner_box  {
-    background-color: #FAF3EC;
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    padding:2px;
-    margin:0px;
-    overflow:hidden;
-    z-index:3;
-    position:absolute;
-    left:10%;
-    border:1px solid #6D3F2E;
--moz-box-shadow: 10px 10px 5px #888;
--webkit-box-shadow: 10px 10px 5px #888;
-box-shadow: 10px 10px 5px #888;
-font-size:14.4px;
-font-size:0.90rem;
-    width: 95%;
-}
address@hidden only screen and (min-width: 1281px) {
-div.inner_box  {
-    width: 85%;
-    }
-}
address@hidden only screen and (max-width: 1280px) {
-div.inner_box  {
-    width: 95%;
-    left:2%;
-    margin-bottom: 2%;
-    }
-}
-div.op_detail_title {
-    background-color:#888;
-    /* width:500;*/
-
-
-}
-
-div#div_cat{
-    position:absolute;
-    border:1px solid #000000;
-    top:15%;left:100;
-    visibility:hidden;
-    z-index:2;
-    width:50em;
-    background-color:#FFFFCC;
-
-}
-
-div.divinfo
-{  
-    color:#FF0000;
-    text-align:right;
-    display:block;
-    width: 480px;
-    width:30rem;
-    height:13px;
-    font-weight:bold;
-}
-
-div#search_form
-{
-    position:absolute;
-    border:1px solid #000000;
-    top:15%;left:100px;
-    margin-left:25%;
-    z-index:2;
-    width:50%;
-    display:none;
-    background-color:#FFF1ED;
-    -moz-box-shadow: 10px 10px 5px #888;
-    -webkit-box-shadow: 10px 10px 5px #888;
-    box-shadow: 10px 10px 5px #888;
-}
address@hidden only screen and (max-width: 995px) {
-      div#search_form {
-         width:90%;
-         margin-left:5%;
-         left:0px;
-      }  
-}
-
-table.sortable td, table.table_large td, table.result td
-{
-    padding-left:5px;
-    padding-right:5px;
-}
-table.info_op
-{
-    width:100%;
-}
-table.info_op tr
-{
-    background:#FFFFFF;
-}
-h2#jrn_name
-{
-    color:#FF7F50;
-    margin-right:30%;
-    float: right;
-}
-tr.footer{
-    font-style: italic;
-    font-weight: bold;
-
-}
-span.remain {
-    font-weight: bold;
-    color:#000000;
-}
-div#jrn_name_div
-{
-    float: right;
-    margin-right:150px;
-
-
-}
-#predef_form {
-    margin-left:20%;
-    width:60%;
-    position: absolute;
-}
-
address@hidden only screen and (min-width: 955px) {
-    div#jrn_name_div
-    {
-        float: right;
-        margin-right:150px;
-
-
-    }
-    #predef_form {
-        margin-left:20%;
-        width:60%;
-        position: absolute;
-        z-index:1;
-    }
-}
address@hidden only screen and (max-width: 955px) {
-    div#jrn_name_div
-    {
-        display:none;
-    }
-    #predef_form {
-        right:0px;
-        width:60%;
-        position: absolute;
-        z-index:1;
-    }
-}
-#direct
-{
-    display:inline;
-    float:left;
-}
-#calc
-{
-    display:inline;
-    float:left;
-}
-div#wait_box
-{
-    background-color:#FFCC99;
-    font-family: arial,verdana,helvetica,arial,sans-serif;
-    width: 300px;
-    padding:0px;
-    margin:0px;
-    overflow:hidden;
-    z-index:10;
-
-    position:absolute;
-    left:30%;
-    top:30%;
-
-
-    border:1px solid #6D3F2E;
-
-    width: 260px;
-    widt: 260px;
-}
-#wait_box h2
-{
-    /* color:#000000; */
-    text-align:center;
-    /* width: 50%; */
-}
-div#div_jrnsearch_op{
-
-    border:1px solid #000000;
-    width: 800px;
-    width:50rem;
-    background-color:#FFFFCC;
-    z-index: 5;
-
-}
-ul {
-    padding-left: 110px;
-}
-a.line,div.content a.line
-{
-    text-decoration:underline;
-    display:inline;
-        cursor: pointer;
-
-    /* color: #FF7F50; */
-}
-a.line:hover,div_content a.line
-{
-    text-decoration:underline;
-    display:inline;
-    color: #FFFFFF;
-    background-color:#336699;
-}
-#close_div
-{
-    color:white;
-    text-decoration:none;
-    margin-left: 2px;
-    margin-right:2px;
-    margin-top:3px;
-    font-size:12px;
-    font-size:0.90rem;
-    cursor: pointer;
- cursor: pointer;
-    border:0px;
-    font-size:20px;
-}
-#close_div:hover
-{
-    background-color: #F93;
-}
-#popmeout
-{
-    background-color:#FFFFFF;
-    color:#FF7F50;
-    text-decoration:none;
-    border:1px solid #FF7F50;
-    margin-left: 2px;
-    margin-right:18px;
-    font-size:12px;
-    font-size: 0.75rem;
-   cursor: pointer;
-
-}
-#popmeout:hover
-{
-    background-color:  #F93;
-}
-table.table_large tr.odd ,table.table_large tr.even {
-
-    height:32px;
-}
-#calc1
-{
-    position:absolute;
-    display:block;
-    top:30px;
-    left:150px;
-    width:300px;
-    border:1px solid #000000;
-    background-color:#FFCC99;
-    padding: 20px 20px;
-}
-span.invoice
-{
-    font-style: italic;
-    display:block;
-    margin: 20px;
-    font-weight: bold;
-}
-a.nav,div.content a.nav,div.redcontent a.nav {
-    display:inline;
-    text-decoration:none;
-    cursor: pointer;
-
-}
-a.nav:hover,div.content a.nav:hover,div.redcontent a.nav:hover {
-    display:inline;
-    text-decoration:none;
-    background-color:#6D3F2E;
-    color:#FFFFFF;
-}
-#dossier {
-    display:inline;
-    float:left;
-    width:100%;
-    top:0px;
-    text-align: center;
-    font-variant:small-caps;
-    font-weight: bolder;
-    }
address@hidden only screen and (min-width: 955px) {
-#dossier {
-    display:inline;
-    float:left;
-    width:100%;
-    top:0px;
-    text-align: center;
-    font-variant:small-caps;
-    font-weight: bolder;
-    }
-}
address@hidden only screen and (max-width: 955px) {
-#dossier {
-    display:inline;
-    float:left;
-    width:100%;
-    top:0px;
-    text-align: left;
-    font-variant:small-caps;
-    font-weight: bolder;
-    }
-}
-
-div.foldercontent {
-    font-size:14px;
-    font-size:0.95rem;
-    width: 80%;
-    margin-left: 10%;
-}
-
-h1.title {
-    color: #FF7F50;
-    font-style: italic;
-    text-align:center;
-    text-transform: uppercase;
-}
-h2.title {
-/*
-        background: -moz-linear-gradient(top, rgba(242,130,91,0.94) 0%, 
rgba(229,91,43,0.98) 62%, rgba(240,113,70,0.99) 73%, rgba(240,113,70,1) 100%);  
FF3.6+ 
-        background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,rgba(242,130,91,0.94)), color-stop(62%,rgba(229,91,43,0.98)), 
color-stop(73%,rgba(240,113,70,0.99)), color-stop(100%,rgba(240,113,70,1)));  
Chrome,Safari4+ 
-        background: -webkit-linear-gradient(top, rgba(242,130,91,0.94) 
0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%); 
 Chrome10+,Safari5.1+ 
-        background: -o-linear-gradient(top, rgba(242,130,91,0.94) 
0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%); 
 Opera 11.10+ 
-        background: -ms-linear-gradient(top, rgba(242,130,91,0.94) 
0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%); 
 IE10+ 
-        background: linear-gradient(to bottom, rgba(242,130,91,0.94) 
0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%); 
 W3C 
-        filter: progid:DXImageTransform.Microsoft.gradient( 
startColorstr='#f0f2825b', endColorstr='#f07146',GradientType=0 );  IE6-9 */
-/* Other test */
-/*background: #feccb1;  Old browsers 
-background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, 
#fb955e 100%);  FF3.6+ 
-background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), 
color-stop(100%,#fb955e));  Chrome,Safari4+ 
-background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%);  Chrome10+,Safari5.1+ 
-background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 
100%);  Opera 11.10+ 
-background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%);  IE10+ 
-background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%);  W3C 
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', 
endColorstr='#fb955e',GradientType=0 );  IE6-9 */
-  background: rgb(255,100,86); /* Old browsers */
-background: -moz-linear-gradient(top, rgba(255,100,86,1) 11%, rgba(207,4,4,1) 
67%); /* FF3.6+ */
-background: -webkit-gradient(linear, left top, left bottom, 
color-stop(11%,rgba(255,100,86,1)), color-stop(67%,rgba(207,4,4,1))); /* 
Chrome,Safari4+ */
-background: -webkit-linear-gradient(top, rgba(255,100,86,1) 
11%,rgba(207,4,4,1) 67%); /* Chrome10+,Safari5.1+ */
-background: -o-linear-gradient(top, rgba(255,100,86,1) 11%,rgba(207,4,4,1) 
67%); /* Opera 11.10+ */
-background: -ms-linear-gradient(top, rgba(255,100,86,1) 11%,rgba(207,4,4,1) 
67%); /* IE10+ */
-background: linear-gradient(to bottom, rgba(255,100,86,1) 11%,rgba(207,4,4,1) 
67%); /* W3C */
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6456', 
endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
-    color:#FFFFFF;
-    text-align:center;
-    padding:0.24%;
-    border:1px solid #6D3F2E;
-
-}
-h3.title {
-    color: #FF7F50;
-    margin-left: 30px;
-}
-h4.title {
-    color: #FF7F50;
-    margin-left: 45px;
-    text-decoration: underline;
-}
-h5.title {
-    color: #FF7F50;
-    margin-left: 45px;
-    text-decoration: none;
-    font-style: italic;
-}
-div.myfieldset
-{
-    margin-top: 5px;
-    margin-left:5px;
-    margin-right: 5px;
-    border:#FFFFCC 2px groove;
-    border-radius: 4px;
-}
-#info_div {
-    display:none;
-    background-color: #FCFFCC;
-    color:#000000;
-    z-index: 15;
-    position: absolute;
-    top:0px;
-    left:45%;
-}
-div.menu3 {
-    font-size:13.6px;
-    font-size:0.85rem;
-    
-}
-#go_submit_id {
-    
-}
-.decale {
-    margin-left:30px;
-}
-#folder {
- border-width:1px;
-    border-collapse: separate;
-    margin-left: 5%;
-    width: 90%;
-    border-radius: 9px;
-    border-style:solid;
-    padding : 5px;
-    border-color: #DF3F3F;
-}
-#folder tr {
-        height: 33px;
-}    
-/*#folder tr.odd,#folder tr.even {
-    font-size : 1.2em;
-}*/
-textarea.itextarea{
-    border:solid #FF7F50 1px;
-    width:90%;
-    margin-left:5%;
-    height:120px;
-    color:rgb(165, 42, 42);
-}
-
-div#notice {
-    position:absolute;
-    right:5%;
-    top:200px;
-    background-color:#FCFFCC;
-    border: 1px solid #000000;
-}
-div.name  {
-    position:absolute;
-    top:0px;
-    left:0px;
-    display:block;
-}   
-div#modele_op_div{
-    display: none;
-    background-color:#FFF1ED;
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    padding:0px;
-    margin:0px;
-    overflow:hidden;
-    z-index:3;
-    position:absolute;
-    left: 10%;
-    border:1px solid #6D3F2E;
-    width: 80%;
-}
address@hidden only screen and (min-width: 955px) {
-    div.name  {
-    position:absolute;
-    top:0px;
-    left:0px;
-    display: block;
-    }   
-    div#modele_op_div{
-    display: none;
-    background-color:#FFF1ED;
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    padding:0px;
-    margin:0px;
-    overflow:hidden;
-    z-index:3;
-    position:absolute;
-    left: 17.5%;
-    border:1px solid #6D3F2E;
-    width: 75%;
-}
-}
address@hidden only screen and (max-width: 955px) {
-    div.name  {
-    position:absolute;
-    top:0px;
-    left:0px;
-    display:none;
-    }   
-    div#modele_op_div{
-    display: none;
-    background-color:#FFF1ED;
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    padding:0px;
-    margin:0px;
-    overflow:hidden;
-    z-index:3;
-    position:absolute;
-    left: 10%;
-    border:1px solid #6D3F2E;
-    width: 80%;
-}
-}
-
-div#box_search_card {
-    position:absolute;
-    right:15.625%;
-    top:115px;
-}
-div.bxbutton
-{
-    float:right;
-    height:10px;
-    display:block;
-    margin-right:0.48%;
-    margin-top:3px;
-}
-div.inner_box tr.odd {
-}
-#modele_op_tab tr.odd {
-    background:  #FFFFCC;
-}
-div#bookmark_div {
-    background-color:#FFF1ED;
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    padding:2px;
-    margin:0px;
-    overflow:hidden;
-    z-index:3;
-    position:absolute;
-   border:1px solid #6D3F2E;
-   top:32px;
-   top:2rem;
-   left:30%;
-   width:40%;
-}
-div#preference_div {
-    background-color:#FFF1ED;
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    padding:0px;
-    margin:0px;
-    overflow:hidden;
-    z-index:3;
-    position:absolute;
-    border:1px solid #6D3F2E;
-    top:32px;
-    top:2rem;
-    left:20%;
-    width:50%;
-}
-#error_div{
-    position:absolute;
-    border:1px solid #000000;
-    background-color:#FFCC99;
-    padding-bottom: 2px;
-    padding-top: 2px;
-    padding-left: 2px;
-    padding-right: 2px;
-    color:#FF0000;
-    top:40%;left:25%;
-    visibility:hidden;
-    width: 640px;
-    width:40rem;
-    z-index:20;
-}
-#error_div h2 {
-    background: #FF0000;
-}
-div#error_content_div {
-   color:#FF0000;
-   font-weight: bold;
-   text-align: center;
-}
-td.workday ol {
-       margin:0px;
-       padding:0px;
-       list-style-type:none;
-       text-align:left;
-}
-input.inum {
-    text-align:right;
-    border:1px solid #FF7F50;
-    margin:2px
-}
-div.box  {
-    background-color:#FFF1ED;
-    font-family:  "Liberation Sans", FreeSans, sans-serif,Arial, Helvetica;
-    margin-top:10px;
-    margin-left:3px;
-    margin-right:3px;
-    padding:2px;
-    overflow:hidden;
-    border:1px solid #6D3F2E;
-    width:30%;
-    height:350px;
-    float:left;
-    font-size:14px;
-    font-size:0.90rem;
-}
address@hidden only screen and (max-width: 1426px) {
-    div.box {
-    width: 48%;
-    height: 380px;
-    }
-}
address@hidden only screen and (max-width: 955px) {
-    div.box {
-    width: 95%;
-        
-    height: 380px;
-}
-}
-div.box table{
-    border-spacing:0px;
-}
-div.box tr.odd {
-    background-color: #FFF1ED;
-    
-}
-div.box tr.even {
-    background-color:#FFF1ED;
-    
-}
-#jrn_name_div h2{
-    font-size:38.4px;
-    font-size: 2.4rem;
-}
-#search_account {
-    width: 70%;
-}
-fieldset {
-    border-width: 1px;
-}
-#tva_select table {
-    border-spacing: 0px;
-}
-a {
-    color: brown;
-/* text-decoration: underline; */
-    cursor: pointer;
-}
-#mod_predf_op {
-    width: 80%;
-    overflow: auto;
-    overflow-style: panner;
-}
-hr {
-    color : orangered;
-    background-color : orangered;
-    width : 75%;
-    border-width:2px;
-    border-style:solid;
-    margin-left: 12.5%
-}
-
-/****************************************************************************
- * Aligned button
- ****************************************************************************/
-ul.aligned-block {
-    padding:5px;
-    display : block;
-}
-ul.aligned-block li {
-    display:table-cell;
-    padding : 10px;
-    list-style: none;
-}
-/****************************************************************************
- * Tabs  
- ****************************************************************************/
-ul.tabs {
-    padding-top: 15px;
-    display:block;
-    
-    padding-left: 2px
-}
-ul.tabs  a  {
-    display:inline;
-}
-li.tabs_selected {
-    display:inline;
-   background: #F9C5B6; /* Old browsers */
-      border-top-left-radius: 10px;
-    border-top-right-radius: 10px;
-    margin-left: 5px;
-    padding: 20px 15px 0px 15px;
-    border:1px red solid;
-    float: left;
-}
-
-li.tabs,li.tabs:hover{
-    display:inline;
-    margin-left: 2px;
-    border-top-right-radius: 10px;
-    padding: 15px 15px 0px 15px;
-    border:1px red solid;
-    color:rgb(165, 42, 42);
-    float: left;
-    background-color: #FFF1ED;
-    margin-top: 8px;
-}
-li.tabs {
-    /*! background-color: inherit; */
-
-}
-li.tabs:hover {
-    background-color: pink;
-    color:wheat;
-    border:1px orange solid;
-
-}
-ul.tabs a {
-    text-decoration: none;
-    color:inherit;
-    display:inline;
-    white-space: nowrap;
-    
-}
-ul.tabs a:hover {
-    text-decoration: none;
-    color:red;
-    display:inline;
-     background-color: pink;
-     white-space: nowrap;
-}
address@hidden only screen and (max-width: 1426px) {
-    li.tabs_selected {
-        padding: 8px 10px 10px 10px;
-        border-top-left-radius: 5px;
-        border-top-right-radius: 5px;
-    }
-    li.tabs , li.tabs:hover {
-            padding: 10px 10px 0px 10px;
-    }
-}
address@hidden only screen and (max-width: 955px) {
-    li.tabs_selected {
-        padding: 1px 1px 1px 1px;
-        border-top-left-radius: 0px;
-        border-top-right-radius: 0px;
-    }
-    li.tabs , li.tabs:hover {
-            padding: 1px 1px 1px 1px;
-    }
-}
-/*****************************************************************************
- * Second row of menu
- *****************************************************************************/
-div.menu2 a.mtitle{
-    font-size:13.6px;
-    font-size:0.85rem;
-    padding-left: 2%;
-    padding-right: 2%;
-}
-
-div.menu2 table.mtitle td.mtitle {
-    border:0px;
-    background:inherit;
-    color:white;
-    /* width: 10rem; */
-    border-spacing: 12px;
-    border-bottom: 2px #E95353 solid;
-    border-radius: 0px;
-    
-}
-div.menu2 table.mtitle td.mtitle a.mtitle {
-    color:red;
-    padding-left: 2%;
-    padding-right: 2%;
-    cursor:pointer;
-}
-/*****************************************************************************
- * Table of one column to present menu 
- * as in CFGLED, FORECAST, REPORT
- *****************************************************************************/
-table.vert_mtitle {
-  text-align:center;
-    /* border:5px solid #99B1DF; */
-    border-radius:5px;
-    width:80%;
-    margin-left: 10%;
-    border-collapse: separate;
-    border-spacing: 10px;
-   
-    
-}
-table.vert_mtitle td.first {
-    background-color: #FFBC93;
-    color:#DF3F3F;
-}
-table.vert_mtitle td.first a {
-    background-color: #FFBC93;
-    color:#DF3F3F;
-}
-table.vert_mtitle td {
-    border : 1px solid #99B1DF;
-     background-color:#FFD4BA;
-     border-top-radius:20px;
-}
-table.vert_mtitle td a{
-    padding : 20px;
-    font-weight: bold;
-}
-table.vert_mtitle td:hover {
-    border : 1px solid #99B1DF;
-    background-color: #336699;
-    color:white;
-}
-table.vert_mtitle td:hover a{
-   color:white;
-  
-}
-/*******************************************************************************
- *  Tiny button example : -X for remove action, remove link...
- 
*******************************************************************************/
-div.content a.tinybutton{
-    color: red;
-    font-weight: bold;
-    text-decoration: none;
-    font-family: arial,verdana,sans-serif,helvetica;
-    font-size: 8px;
-    font-size: 0.7rem;
-    padding-bottom: 0px;
-    padding-top: 0px;
-    padding-right: 0px;
-    padding-left: 0px;
-    margin-top: 3px;
-    cursor: pointer;
-    margin: 1px 2px 1px 2px;
-    border-width: 1px;
-    border-style: solid;
-    
-    border-radius: 2px; 
-    display : inline;
-}
-input[type="button"].tinybutton {
-     color: red;
-    font-weight: blue;
-    text-decoration: none;
-    font-family: arial,verdana,sans-serif,helvetica;
-    font-size: 8px;
-    font-size: 0.7rem;
-    padding-bottom: 0px;
-    padding-top: 0px;
-    padding-right: 0px;
-    padding-left: 0px;
-    margin-top: 3px;
-    cursor: pointer;
-    margin: 1px 2px 1px 2px;
-    border-width: 1px;
-    border-style: solid;
-    border-color: red;
-    border-radius: 2px; 
-    display : inline;
-    background-color:white;
-}
-/*******************************************************************************
- Image Search
-*******************************************************************************/
-.image_search {
-    cursor:pointer;
-    width:16px;
-    height:16px;
-    vertical-align: top;
-     border-radius: 2px;
-
-    border-width: 1px;
-    border-color: #6D3F2E;
-    background: #feccb1; /* Old browsers */
-background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, 
#fb955e 100%); /* FF3.6+ */
-background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), 
color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
-background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
-background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 
100%); /* Opera 11.10+ */
-background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%); /* IE10+ */
-background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%); /* W3C */
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', 
endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
-  
-  padding : 3px;
-  
-}
-/******************************************************************************
- * Hightlight row in a table 
- 
******************************************************************************/
-li.highlight a,tr.highlight{
-    font-weight: bolder;
-    font-size:14px;
-    background-color: lightgrey ! important;
-    color:orangered !important;
-    border-width:  0px;
-    border-style: solid;
-    border-color: inherit;
-    
-}
-li.highlight a,tr.highlight a{
-    color:white !important;
-    background-color:grey !important;
-    
-}
-/*--- Top menu and menu2-*/
-div.topmenu a.mtitle , div.menu2 a.mtitle{
-    font-size:13.6px;
-    font-size:0.85rem;
-    color:red;
-}
-div.topmenu a.mtitle:hover,div.menu2 a.mtitle:hover{
-    color:red;
-    background-color: transparent;
-}
-div.topmenu td.selectedcell a.mtitle, div.menu2 a.mtitle{
-    font-size:13.6px;
-    font-size:0.85rem;
-} 
-*|*:link {
-    color: inherit;
-}
-/******************************************************************************
- * Total in confirmation VEN / ACH
- 
******************************************************************************/
-#total_div_id {
-    float: right;
-    margin-right: 150px;
-    background: snow;
-    margin-top: 50px;
-}
-/*******************************************************************************
- * For TODO List
- 
*******************************************************************************/
-#add_todo_list , div.add_todo_list {
-    border:1px solid #0000FF;
-    background-color:#FFCCCC;
-    padding:0.07%;
-    position:absolute;
-    text-align:left;
-    z-index:1;
-    width:480px;
-    width:30rem;
-    height:auto;
-}
-/***************************************************************************
- * column in the dashboard
- ***************************************************************************/
-td.cut {
-    max-width: 25%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-td.box {
-    border-left : #C76626 solid 1px;
-}
-
-/****************************************************************************
-* Smoke appearance of modal box
- ****************************************************************************/
-.smoke-base {
-  position: fixed;
-  top: 0px;
-  left: 0px;
-  bottom: 0px;
-  right: 0px;
-  visibility: hidden;
-  opacity: 0;
-  background: rgba(0,0,0,.3);
-  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#900000000);
-}
-
-.smoke-base.smoke-visible {
-  opacity: 1;
-  visibility: visible;
-}
-
-.smokebg {
-  position: fixed;
-  top: 0px;
-  left: 0px;
-  bottom: 0px;
-  right: 0px;
-}
-
-.smoke-base .dialog {
-  position: absolute;
-    top: 25%;
-  width: 40%;
-  left: 50%;
-  margin-left: -20%;
-}
-
-.dialog-prompt {
-  margin-top: 15px;
-  text-align: center;
-}
-
-.dialog-buttons {
-  margin: 20px 0px 5px 0px
-}
-
-.smoke {
-  text-align: center;
-    background-color:#FFF1ED ;
-    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-        font-family: 'openSansRegular';
-
-    padding:2px;
-    margin:0px;
-    overflow:hidden;
-    z-index:3;
-    position:absolute;
-    left:10%;
-    border:1px solid #white;
--moz-box-shadow: 10px 10px 5px #888;
--webkit-box-shadow: 10px 10px 5px #888;
-box-shadow: 10px 10px 5px #888;
-font-size:14.4px;
-font-size:0.90rem;
-width: 85%;
-}
-.dialog-buttons button:hover{
-  color:beige;
-  font-weight: bold;
-}
-.dialog-buttons button {
-   color:#FFFFFF;
-    font-weight: normal;
-    text-decoration:none;
-    
-    border-color: #6D3F2E;
-    background: #feccb1; /* Old browsers */
-background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, 
#fb955e 100%); /* FF3.6+ */
-background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), 
color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
-background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
-background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 
100%); /* Opera 11.10+ */
-background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%); /* IE10+ */
-background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%); /* W3C */
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', 
endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
-    border-color:  #605D5D;
-    border-width:0px;
-    padding:4px;
-    margin:3px;
-    cursor:pointer;
-    margin:1px 2px 1px 2px;
-    border-radius: 5px;
-    moz-border-radius:5px;
-    width:7em;
-    width:7rem;
-}
-
-.dialog-prompt input {
-  margin: 0;
-  border: 0;
-  font-family: sans-serif;
-  outline: none;
-  font-family: Menlo, 'Andale Mono', monospace;
-  border: 1px solid #aaa;
-  width: 75%;
-  display: inline-block;
-  background-color: transparent;
-  font-size: 16px;
-  padding: 8px;
-}
-
-.smoke-base .dialog-inner {
-  padding: 15px;
-
-  color:#202020;
-}
-
-button.cancel {
-  background-color: rgba(0,0,0,.50);
-  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr=#2000,endColorstr=#444444);
-}
-
-.queue{
-       display:none;
-}
-
-/*****************************************************************************
- * autocomplete style
- *****************************************************************************/
-
-div.autocomplete_fixed {
-    background-color:#FFFFFF;
-    border:1px solid  #C76626;
-    margin:0px;
-    padding:0px;
-    text-align:left;
-}
-div.autocomplete_fixed em {
-    color: #C76626;
-    font-weight:bold;
-}
-div.autocomplete_fixed ul {
-        list-style-type:none;
-        background-color:#FFFFFF;
-        border:1px solid blue;
-        width:300px;
-        margin:0px;
-        padding:0px;
-        }
-div.tag {
-            
-}
address@hidden only screen and (max-width: 1280px) {
-    div.autocomplete_fixed ul {
-        list-style-type:none;
-        background-color:#FFFFFF;
-        border:1px solid blue;
-        width:300px;
-        margin:0px;
-        padding:0px;
-        }
-       div.tag {
-            
-        }
-
-}
address@hidden only screen and (min-width: 1281px) {
-    div.autocomplete_fixed ul {
-        list-style-type:none;
-        background-color:#FFFFFF;
-        border:#EF5F2B 1px solid;
-        width:500px;
-        margin:0px;
-        padding:0px;
-        }
-        div.tag {
-            width: 50%;
-        }
-       
-
-}
-div.autocomplete_fixed ul li.selected { 
-    background-color: #feccb1;
-    border-bottom: #000000 1px solid ;
-}
-
-div.autocomplete_fixed ul li {
-    list-style-type:none;
-    display:block;
-    margin:0px;
-    padding:0px;
-    cursor:pointer;
-}
-
-/*
- * Menu selected when configuring the profile
- */
-
-td.selectedmenu {
-    background-color: #FDF5E6;
-}
-.field_follow_up
-{
-    margin-top:1px;
-    white-space: -moz-pre-wrap;
-    white-space: pre-wrap;
-    border:1px solid orangered;
-    width:95%;
-}
-/** 
- * go_up
-*/
-#go_up {
-    background-color: transparent;
-    border:0px;
-    font-size:300%;
-    box-shadow: none;
-    color:orange;
-    
-}
-#go_up a ,#go_up a:visited{
-    background-image: none;
-    text-decoration: none;
-    color:orange;
-}
-
-/*
- * Summary of operation , contains miscelleneous informations
- * before confirming sale , purchase
- */
-#summary_op1,#summary_op2 
-{
-    position:float;
-    float:left;
-    padding-left: 150px;
-}
-/*
- * Style for the Inplace Edit element
- */
-span.inplace_edit
-{
-    text-decoration: underline;
-    cursor: pointer;
-}
-span.inplace_edit_input
-{
-    text-decoration: none;
-    font-size: 110%;
-    cursor: none;
-}
\ No newline at end of file
diff --git a/html/style-mobile.css b/html/style-mobile.css
deleted file mode 100644
index d1d9e02..0000000
--- a/html/style-mobile.css
+++ /dev/null
@@ -1,2006 +0,0 @@
-/* <style type="text/css"> */
-/**
-  * Use a font
-  */
-html, body {
-  border: 0px;
-  font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
-  line-height: 1.5;
-  margin: 0px;
-  padding: 0px;
-}
-div,
-span,
-object,
-iframe,
-img,
-table,
-caption,
-thead,
-tbody,
-tfoot,
-tr,
-tr,
-td,
-article,
-aside,
-canvas,
-details,
-figure,
-hgroup,
-menu,
-nav,
-footer,
-header,
-section,
-summary,
-mark,
-audio,
-video {
-  border: 0px;
-  margin: 0px;
-  padding: 0px;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-address,
-cit,
-code,
-del,
-dfn,
-em,
-ins,
-q,
-samp,
-small,
-strong,
-sub,
-sup,
-b,
-i,
-hr,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-legend,
-label {
-  border: 0px;
-  font-size: 100%;
-  vertical-align: baseline;
-  margin: 0px;
-  padding: 0px;
-}
-article,
-aside,
-canvas,
-figure,
-figure img,
-figcaption,
-hgroup,
-footer,
-header,
-nav,
-section,
-audio,
-video {
-  display: block;
-}
-table {
-  border-collapse: separate;
-  border-spacing: 0px;
-}
-table caption, table th, table td {
-  text-align: left;
-  vertical-align: middle;
-}
-a img {
-  border: 0px;
-}
-:focus {
-  outline: 0px;
-}
address@hidden {
-  font-family: 'OpenSansRegular';
-  src: url('image/OpenSansRegular.eot');
-  src: local('OpenSansRegular'), url('image/OpenSansRegular.woff') 
format('woff'), url('image/OpenSansRegular.ttf') format('truetype');
-}
-/* use this class to attach this font to any element i.e. <p 
class="fontsforweb_fontid_38327">Text with this font applied</p> */
-.fontsforweb_fontid_38327 {
-  font-family: 'OpenSansRegular' !important;
-}
-BODY {
-  background-color: #f8f8ff;
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  padding: 0px 0px 0px 0px ;
-  margin: 0px;
-  color: #494141;
-  font-size: 12px;
-}
-.notice {
-  color: #FF0000;
-  font-style: italic;
-  font-weight: bolder;
-  font-size: 13px;
-}
-table.sortable,
-table.table_large,
-table.result,
-table.resultfooter {
-  color: #333030;
-  width: 100%;
-  border-spacing: 0px;
-  border-collapse: collapse;
-}
-table.resultfooter tfoot {
-  font-weight: bold;
-}
-table.sortable th, table.table_large th, table.result th {
-  font-weight: bold;
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  border-bottom: 1px solid #605D5D;
-  border-top: 0;
-  text-align: left;
-  font-style: italic;
-}
-h2 {
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  /* color:#888; */
-
-  margin: 1px;
-  padding: 1px;
-  font-size: 14px;
-  font-size: 1.2rem;
-}
-div.info {
-  background: #879ED4;
-  color: #FFFFFF;
-  text-align: center;
-}
-content h2.info {
-  background: #879ED4;
-  color: #000000;
-  text-align: center;
-  padding: 0px;
-  margin: 0px;
-}
-redcontent h2.info {
-  background: #879ED4;
-  color: #FFFFFF;
-  text-align: center;
-  padding: 0px;
-  margin: 0px;
-}
-h2.info {
-  text-align: center;
-  padding: 0px;
-  margin: 0px;
-}
-h3.info {
-  background: #879ED4;
-  color: #FFFFFF;
-  text-align: center;
-}
-h2.info2 {
-  color: #605D5D;
-  text-align: center;
-}
-h2.error {
-  background: #FF0000;
-  color: #FFFFFF;
-}
-div.u_tmenu {
-  margin-top: 0px;
-  width: 100%;
-}
-div.u_subtmenu {
-  background-color: #FFFFFF;
-  float: left;
-  clear: both;
-  left: 10px;
-}
-div.u_tmenu div.u_tool {
-  float: left;
-}
-div.u_tool {
-  float: left;
-  width: 100%;
-  padding-bottom: 20px;
-}
-div.u_tool #name {
-  float: left;
-  margin-left: 10px;
-}
-#u_tool {
-  float: right;
-  margin-right: 10px;
-}
-td.tool a.mtitle {
-  text-decoration: none;
-  display: inline;
-  color: #605D5D;
-  text-align: center;
-}
-td.tool a.mtitle:hover {
-  text-decoration: none;
-  display: inline;
-  color: #FDFDFD;
-  background-color: #5D90CD;
-  text-align: center;
-}
-#top {
-  float: left;
-  margin-bottom: 18px;
-  width: 100%;
-}
address@hidden only screen and (max-width: 955px) {
-  margin-bottom: 70px;
-}
-#module {
-  position: absolute;
-  top: 0px;
-  right: 5px;
-  text-align: right;
-  padding: 0px;
-  margin: 0px;
-  font-size: 10px;
-}
-#module table {
-  border: 1px solid #5D90CD;
-  text-align: center;
-}
-div.u_subt2menu {
-  background-color: #EDF3FF;
-  left: 1%;
-}
-div.lmenu {
-  float: left;
-  clear: left;
-}
-div.lextmenu {
-  float: left;
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-}
-div.searchmenu {
-  left: 30px;
-  width: 95px;
-  top: 100px;
-  position: absolute;
-}
-div.recherche_form {
-  width: 700px;
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  border-style: outset;
-  border-width: 1px;
-}
-div.redcontent {
-  float: left;
-  padding-top: 7px;
-  padding-left: 8px;
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  width: 75%;
-}
-div.content {
-  padding-top: 0.0030%;
-  margin-top: 0.0030%;
-  width: 100%;
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  font-size: 12px;
-}
-div.content30 {
-  float: left;
-  padding-top: 7px;
-  width: 35%;
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-}
-div.no span {
-  position: static;
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  font-weight: bold;
-  color: #FF0000;
-}
-table.document {
-  color: #605D5D;
-  width: 100%;
-  border-spacing: 0px;
-  border-collapse: collapse;
-}
-table.document th {
-  font-weight: bold;
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  border-bottom: 2px solid #605D5D;
-  border-top: 0px;
-  color: #202267;
-  text-align: left;
-  background-color: #EDF3FF;
-  font-style: italic;
-}
-.error {
-  width: 60%;
-  margin-left: 20%;
-  text-align: center;
-  color: #FFFFFF;
-  background-color: #FF0000;
-  font-weight: bolder;
-}
-table.mtitle {
-  border: 0px;
-  text-align: center;
-  border-collapse: separate;
-  border-spacing: 5px;
-  margin-top: 5px;
-}
-td.mshort {
-  height: 15px;
-  width: 60px;
-  text-align: center;
-  border: 1px solid;
-  color: #5D90CD ;
-  background-color: #DDE6FF;
-}
-td.mtitle {
-  text-align: center;
-  color: #716565;
-  background-color: #211d1d;
-}
-td.msubtitle {
-  text-align: center;
-  height: 20px;
-  background-color: #DDE6FF;
-}
-span.mtitle {
-  color: #888;
-  background-color: #605D5D;
-  border-style: groove;
-}
-span.odd {
-  background-color: #EDF3FF;
-  display: block;
-}
-span.even {
-  background-color: #DDE6FF;
-  display: block;
-}
-tr.odd {
-  background-color: #dfdfff;
-}
-/******************************************************************************
- * Hightlight row in a table 
- 
******************************************************************************/
-tr.highlight {
-  font-weight: bold;
-  background: grey;
-  color: black;
-  font-style: bold;
-  border-style: solid;
-}
-tr.highlight a {
-  color: white;
-}
-tr.even {
-  background-color: #F7F8FC;
-}
-td.odd {
-  background-color: #DDE6FF;
-}
-td.even {
-  border: 0px;
-}
-td.cell {
-  height: 32px;
-  padding: 1px;
-}
-td.mtitle a.mtitle, div.content td.mtitle a.mtitle {
-  color: white;
-  /*    font-variant: small-caps;*/
-
-}
-a.mtitle {
-  text-decoration: none;
-  display: inline;
-  color: #605D5D;
-}
-a.mtitle:hover {
-  text-decoration: none;
-  display: inline;
-  color: #00008B;
-  background-color: #5D90CD;
-}
-td.toolselected a.mtitle {
-  border: solid 1px gray;
-  color: #FFFFFF;
-  border-bottom-width: 2px;
-  text-align: center;
-  border-radius: 2px;
-  background-color: #909BA7;
-}
-td.selectedcell a.mtitle, div.content td.selectedcell a.mtitle {
-  text-decoration: none;
-  display: block;
-  color: #FFFFFF;
-}
-a.dossier {
-  text-decoration: none;
-  display: block;
-  color: #202267;
-}
-tr.odd:hover td {
-  text-decoration: none;
-  background-color: #a9d6e4;
-  color: #FFFFFF;
-}
-tr.even:hover td {
-  text-decoration: none;
-  background-color: #a9d6e4;
-  color: #FFFFFF;
-}
-td.mtitle:hover, td.selectedcell:hover, div.menu2 td.mtitle:hover {
-  color: #FFFFFF;
-  border-radius: 0px;
-  background: #5D90CD;
-  border-top: 4px solid #5D90CD;
-  border-bottom: 4px solid #5D90CD;
-}
-div.menu2 td.mtitle:hover {
-  color: #FFFFFF;
-  background-color: #5D90CD;
-  border-bottom-color: red;
-  border-bottom-style: solid;
-  border-bottom-width: 4px;
-  font-size: 12px;
-}
-td.mtitle:hover a, div.content a.mtitle:hover {
-  background: transparent;
-}
-td.msubtitle:hover, td.msubtitle:hover a {
-  background-color: #a9d6e4;
-  color: #FFFFFF;
-}
-a.cell {
-  text-decoration: none;
-  display: block;
-  color: #333030;
-  background-color: #FFFFFF;
-}
-a.cell:hover {
-  color: #FFFFFF;
-  background-color: #5D90CD;
-  text-decoration: none;
-  display: block;
-}
-a.one:link {
-  text-decoration: underline;
-  color: #333030;
-}
-a.one:visited {
-  text-decoration: none;
-  color: #333030;
-}
-a.one:active {
-  background: #333030;
-}
-a.one:hover {
-  text-decoration: underline;
-  background: #605D5D;
-  color: #FFFFFF;
-}
-a.detail {
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  text-decoration: none;
-  display: block;
-  color: #333030;
-}
-a.detail:hover {
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  color: #FFFFFF;
-  background-color: #5D90CD;
-  text-decoration: none;
-  display: block;
-}
-li.menuv, ol.menuv {
-  display: inline;
-  padding: 16px 16px;
-  padding: 1rem 1rem;
-}
-div.redcontent a {
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  text-decoration: none;
-  display: block;
-  color: #605D5D;
-}
-div.redcontent a:hover {
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  color: #FFFFFF;
-  background-color: #336699;
-  text-decoration: none;
-  display: block;
-}
-div.content a {
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  text-decoration: none;
-  display: block;
-  color: #333030;
-  padding: 0px;
-  cursor: pointer;
-}
-div.content a:hover {
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  color: #FFFFFF;
-  background-color: #336699;
-  text-decoration: none;
-  display: block;
-}
-div.redcontent a.mtitle {
-  text-decoration: none;
-  display: inline;
-  color: #000000;
-}
-div.redcontent a.mtitle:hover {
-  text-decoration: none;
-  display: inline;
-  color: #FFFFFF;
-  background-color: #00008B;
-}
-div.content a.mtitle {
-  text-decoration: none;
-  display: inline;
-}
-/*div.content a.mtitle:hover {
-    text-decoration:none;
-    display:inline;
-    background-color:#00008B;
-    color:#FFFFFF;
-}*/
-div.redcontent input.text {
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  font-weight: normal;
-  border-color: #336699;
-  border-style: solid;
-  background-color: #F93;
-  border-width: 1px;
-  color: #605D5D;
-}
-div.content input.text {
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  font-weight: normal;
-  border-color: #336699;
-  border-style: solid;
-  border-width: 1px;
-  background-color: #F93;
-  color: #605D5D;
-}
-div.redcontent input:focus {
-  background-color: #F93;
-}
-div.content input:focus {
-  background-color: #F93;
-}
-div.redcontent textarea:focus {
-  background-color: #F93;
-}
-.document {
-  color: #202267;
-  border-collapse: collapse;
-}
-div.content a.document, a.document {
-  text-decoration: underline;
-  display: block;
-}
-a.document:hover {
-  text-decoration: none;
-  display: block;
-}
-.input_text_ro {
-  border: solid 1px #605D5D;
-  background: #EDEDED;
-  color: #605D5D;
-  margin: 1px;
-}
-.input_text {
-  border: groove 1px #605D5D;
-  margin: 1px;
-}
-.input_text:hover {
-  border: groove 1px #605D5D;
-  margin: 1px;
-  background-color: #F93;
-}
-h1.legend, legend {
-  font-weight: bold;
-  font-style: italic;
-  font-size: 14px;
-}
-fieldset fieldset legend {
-  color: #888;
-}
-select {
-  border: 1px solid #605D5D;
-  margin: 2px;
-  background-color: #FFFFFF;
-}
-.infobulle {
-  position: absolute;
-  border: 1px solid #000000;
-  background-color: #FCFFCC;
-  padding-bottom: 10px;
-  padding-top: 10px;
-  padding-left: 10px;
-  padding-right: 10px;
-  color: #000000;
-  top: 0px;
-  left: 0px;
-  visibility: hidden;
-  width: 400px;
-  width: 25rem;
-  z-index: 20;
-}
-span.action {
-  height: 48px;
-  height: 3rem;
-}
-td.num {
-  text-align: right;
-}
-tr.priority1 {
-  background-color: #FF7F50;
-}
-span.action a.action {
-  border: 2px outset ;
-  padding-left: 3px;
-  padding-right: 3px;
-  text-decoration: none;
-  display: inline;
-  color: #000000;
-  background-color: #EDF3FF;
-}
-span.action a.action:hover {
-  text-decoration: none;
-  display: inline;
-  background-color: #DDE6FF;
-  color: #000000;
-}
-div.popup_back {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  opacity: 0.3;
-  width: 100%;
-  height: 100%;
-  z-index: 100;
-  display: block;
-  background: #909BA7;
-}
-div.popup_border_title {
-  position: absolute;
-  top: 20%;
-  left: 10%;
-  width: 60%;
-  height: 80%;
-  z-index: 10;
-  border: 2px outset #201e87;
-  background-color: #879ED4;
-  font-family: arial, verdana, sans-serif, helvetica;
-  font-style: italic;
-  font-weight: bolder;
-  text-align: center;
-  color: #FFFFFF;
-  display: none;
-  /*opacity:1;
-    filter:alpha(opacity=100);*/
-
-}
-div.popup_border_notitle {
-  position: absolute;
-  top: 20%;
-  left: 20%;
-  width: 60%;
-  height: 80% ;
-  /*background:#EDF3FF;*/
-
-  z-index: 10;
-  /*border:dotted 1px #000000;*/
-
-  border: 3px outset #201e87;
-  background-color: #879ED4;
-  font-family: arial, verdana, sans-serif, helvetica;
-  font-style: italic;
-  font-weight: bolder;
-  text-align: center;
-  display: none;
-  color: #FFFFFF;
-  /*opacity:0.7;
-    filter:alpha(opacity=70);
-    */
-
-}
-div.popup_content {
-  position: absolute;
-  top: 16px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
-  width: 100%;
-  height: 96%;
-  overflow: auto;
-  background-color: #FFFFFF;
-  font-family: arial, verdana, sans-serif, helvetica;
-  font-style: normal;
-  font-weight: normal;
-  color: #000000;
-  text-align: left;
-  display: none;
-  z-index: 10;
-  /*opacity:1;
-    filter:alpha(opacity=100);*/
-
-}
-div.autocomplete {
-  position: relative;
-  background-color: #FFFFFF;
-  border: 1px solid #888;
-  margin: 0px;
-  padding: 0px;
-  text-align: left;
-}
-div.autocomplete em {
-  color: #605D5D;
-  font-weight: bold;
-}
-div.autocomplete ul {
-  list-style-type: none;
-  background-color: #FFFFFF;
-  border: 1px solid #888;
-  width: 375px;
-  margin: 0px;
-  padding: 0px;
-}
-div.autocomplete ul li.selected {
-  background-color: #DDE6FF;
-}
-div.autocomplete ul li {
-  list-style-type: none;
-  display: block;
-  margin: 0px;
-  padding: 0px;
-  cursor: pointer;
-}
-span.informal {
-  color: #000000;
-}
-ul.select_table {
-  /*padding:5px;*/
-
-  overflow: hidden;
-}
-ul.select_table a {
-  width: 100%;
-  display: block;
-  background-color: inherit;
-  color: #000000;
-  text-decoration: none;
-}
-ul.select_table a:hover {
-  background-color: #FFFFFF;
-  color: #000000;
-  /*text-decoration:underline;*/
-
-}
-ul.select_table li {
-  display: table-row;
-  list-style-type: none;
-}
-ul.select_table li span {
-  display: table-cell;
-  width: 400px;
-  width: 25rem;
-  margin: 0px;
-  padding: 0px;
-}
-div.pc_calendar {
-  float: left;
-}
-div.pc_calendar table {
-  text-align: center;
-}
-div.content div.pc_calendar tr {
-  height: 36px;
-}
address@hidden only screen and (min-width: 640px) {
-  div.pc_calendar tr {
-    height: 110px;
-  }
-}
address@hidden only screen and (max-width: 640px) {
-  div.pc_calendar tr {
-    height: 40px;
-  }
-}
-div.pc_calendar td {
-  width: 14%;
-  border: #879ED4 solid 1px;
-}
-div.pc_calendar td.weekend {
-  background-color: #e4e7ed;
-}
-div.pc_calendar td.workday {
-  background-color: inherit;
-}
-div.pc_calendar span.day {
-  font-weight: bold;
-  display: block;
-}
-div.pc_calendar span.event {
-  font-weight: bolder;
-}
-span.todo {
-  text-align: left;
-  background-color: #FCFFCC;
-}
-input[disabled],
-textarea[disabled],
-option[disabled],
-optgroup[disabled],
-select[disabled] {
-  -moz-user-focus: ignore;
-  -moz-user-input: disabled;
-  background-color: #EDF3FF;
-  color: #00008B;
-  cursor: inherit;
-}
-a#smallanchorbutton,
-.smallbutton,
-a.smallbutton,
-div.content a.smallbutton,
-a#anchorbutton,
-.button,
-a.button,
-div.content a.button {
-  text-decoration: none;
-  font-family: arial, verdana, sans-serif, helvetica;
-  font-family: 'openSansRegular';
-  background: #606c88;
-  /* Old browsers */
-
-  background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
-  /* FF3.6+ */
-
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, 
#606c88), color-stop(100%, #3f4c6b));
-  /* Chrome,Safari4+ */
-
-  background: -webkit-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
-  /* Chrome10+,Safari5.1+ */
-
-  background: -o-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
-  /* Opera 11.10+ */
-
-  background: -ms-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
-  /* IE10+ */
-
-  background: linear-gradient(to bottom, #606c88 0%, #3f4c6b 100%);
-  /* W3C */
-
-  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#606c88', 
endColorstr='#3f4c6b', GradientType=0);
-  /* IE6-9 */
-
-  border-color: #605D5D;
-  border-width: 0px;
-  padding: 3px;
-  margin: 3px;
-  cursor: pointer;
-  border-radius: 2px;
-  font-size: 12px;
-  moz-border-radius: 2px;
-  color: lightblue;
-}
-a#smallanchorbutton:hover,
-.smallbutton:hover,
-a.smallbutton:hover,
-div.content a.smallbutton:hover,
-a#anchorbutton:hover,
-.button:hover,
-a.button:hover,
-div.content a.button:hover {
-  cursor: pointer;
-  background-color: #FFFFFF;
-  border-style: inset ;
-  color: #FF0000;
-  margin: 3px;
-  padding: 3px;
-  margin-top: 1px;
-}
-td.tool {
-  background-color: #FFFFFF;
-  text-align: center;
-}
-td.tool:hover, td.tool:hover a {
-  text-align: center;
-  text-decoration: none;
-  display: inline;
-  color: #00008B;
-  background-color: #5D90CD;
-}
-div.topmenu {
-  font-size: 12px;
-  margin-top: 10px;
-}
address@hidden only screen and (max-width: 320px) {
-  div.topmenu {
-    margin-top: 44px;
-  }
-}
address@hidden only screen and (max-width: 800px) {
-  div.topmenu {
-    margin-top: 44px;
-  }
-}
-div.topmenu table {
-  border-spacing: 0px;
-}
-div.topmenu td, td.mtitle {
-  border-width: 0px;
-  border-top-color: #606c88;
-  border-bottom-width: 4px;
-  border-bottom-style: solid;
-  border-bottom-color: #606c88;
-  border-top-width: 4px;
-  border-top-style: solid;
-  background: #606c88;
-  /* Old browsers */
-
-  background: -moz-linear-gradient(top, #606c88 40%, #3f4c6b 70%);
-  /* FF3.6+ */
-
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, 
#606c88), color-stop(70%, #3f4c6b));
-  /* Chrome,Safari4+ */
-
-  background: -webkit-linear-gradient(top, #606c88 40%, #3f4c6b 70%);
-  /* Chrome10+,Safari5.1+ */
-
-  background: -o-linear-gradient(top, #606c88 40%, #3f4c6b 70%);
-  /* Opera 11.10+ */
-
-  background: -ms-linear-gradient(top, #606c88 40%, #3f4c6b 70%);
-  /* IE10+ */
-
-  background: linear-gradient(to bottom, #606c88 40%, #3f4c6b 70%);
-  /* W3C */
-
-  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#606c88', 
endColorstr='#3f4c6b', GradientType=0);
-  /* IE6-9 */
-
-  border-right-width: 1px;
-  border-right-style: solid;
-  border-right-color: white;
-}
-div.menu2 td, div.menu2 td.mtitle {
-  border-width: 4px;
-  border-top-color: #606c88;
-  border-bottom-style: solid;
-  border-bottom-color: #3f4c6b;
-  border-top-style: solid;
-  padding-left: 10px;
-  padding-right: 10px;
-  background: -moz-linear-gradient(top, #606c88 40%, #3f4c6b 70%);
-  /* FF3.6+ */
-
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, 
#606c88), color-stop(70%, #3f4c6b));
-  /* Chrome,Safari4+ */
-
-  background: -webkit-linear-gradient(top, #606c88 40%, #3f4c6b 70%);
-  /* Chrome10+,Safari5.1+ */
-
-  background: -o-linear-gradient(top, #606c88 40%, #3f4c6b 70%);
-  /* Opera 11.10+ */
-
-  background: -ms-linear-gradient(top, #606c88 40%, #3f4c6b 70%);
-  /* IE10+ */
-
-  background: linear-gradient(to bottom, #606c88 40%, #3f4c6b 70%);
-  /* W3C */
-
-  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#606c88', 
endColorstr='#3f4c6b', GradientType=0);
-  /* IE6-9 */
-
-  font-size: 12px;
-}
-div.menu2 td.selectedcell a.mtitle, div.content div.menu2 td.selectedcell 
a.mtitle {
-  /* color:red; */
-
-}
-div.topmenu td.selected, td.selectedcell {
-  color: #FFFFFF !important;
-  border-radius: 0px;
-  background: #5D90CD !important;
-  border-top: 4px solid #5D90CD !important;
-  border-bottom: 4px solid #5D90CD !important;
-  text-align: center;
-}
-#dossier h2 {
-  color: #00008B;
-  display: inline;
-  margin: 0px;
-  padding: 0px;
-  font-variant: small-caps;
-}
-/* </style> */
-#add_todo_list, div.add_todo_list {
-  border: 1px solid #605D5D;
-  background-color: #DDE6FF;
-  padding: 0.07%;
-  position: absolute;
-  text-align: left;
-  z-index: 1;
-  width: 480px;
-  width: 30rem;
-  height: auto;
-}
-div.gest_name {
-  float: left;
-  margin-left: 150px;
-  margin-top: 15px;
-}
-h2.gest_name {
-  border-left: 5px solid  #403a8d;
-  border-bottom: 1px solid  #b4bbc2;
-  border-top: 1px solid  #b4bbc2;
-  border-right: 1px solid  #b4bbc2;
-  padding: 5px;
-  width: 40%;
-}
-body.op_detail_frame, div.op_detail_frame {
-  background-color: #e4e7ed;
-  height: 100%;
-  width: 100%;
-  -moz-box-shadow: 10px 10px 5px #888;
-  -webkit-box-shadow: 10px 10px 5px #888;
-  box-shadow: 10px 10px 5px #888;
-}
-div.inner_box {
-  background-color: #DCE1EF;
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  padding: 2px;
-  margin: 0px;
-  overflow: hidden;
-  z-index: 3;
-  position: absolute;
-  left: 10%;
-  border: 1px solid #00008B;
-  font-size: 12px;
-  width: 85%;
-}
address@hidden only screen and (min-width: 1281px) {
-  div.inner_box {
-    width: 85%;
-  }
-}
address@hidden only screen and (max-width: 1280px) {
-  div.inner_box {
-    width: 95%;
-    left: 2%;
-    margin-bottom: 2%;
-  }
-}
-div.op_detail_title {
-  background-color: #888;
-  /*   width:500;*/
-
-}
-div#div_cat {
-  position: absolute;
-  border: 1px solid #000000;
-  top: 15%;
-  left: 100;
-  visibility: hidden;
-  z-index: 2;
-  width: 50em;
-  background-color: #EDF3FF;
-}
-div.divinfo {
-  color: #FF0000;
-  text-align: right;
-  display: block;
-  width: 480px;
-  width: 30rem;
-  height: 13px;
-  font-weight: bold;
-}
-div#search_form {
-  position: absolute;
-  border: 1px solid #000000;
-  top: 15%;
-  left: 100px;
-  z-index: 2;
-  width: 50%;
-  display: none;
-  background-color: #e4e7ed;
-  -moz-box-shadow: 10px 10px 5px #888;
-  -webkit-box-shadow: 10px 10px 5px #888;
-  box-shadow: 10px 10px 5px #888;
-  width: 90%;
-}
address@hidden only screen and (max-width: 995px) {
-  div#search_form {
-    width: 90%;
-    margin-left: 5%;
-    left: 0px;
-  }
-}
-table.sortable td, table.table_large td, table.result td {
-  padding-left: 5px;
-  padding-right: 5px;
-}
-table.info_op {
-  width: 100%;
-}
-table.info_op tr {
-  background: #FFFFFF;
-}
-h2#jrn_name {
-  color: #605D5D;
-  margin-right: 30%;
-  float: right;
-}
-tr.footer {
-  font-style: italic;
-  font-weight: bold;
-}
-span.remain {
-  font-weight: bold;
-  color: #000000;
-}
-div#jrn_name_div {
-  float: right;
-  margin-right: 150px;
-}
-#predef_form {
-}
address@hidden only screen and (min-width: 955px) {
-  div#jrn_name_div {
-    float: right;
-    margin-right: 150px;
-  }
-  #predef_form {
-  }
-}
address@hidden only screen and (max-width: 955px) {
-  
-}
-#direct {
-  display: inline;
-  float: left;
-}
-#calc {
-  display: inline;
-  float: left;
-}
-div#wait_box {
-  background-color: #DDE6FF;
-  font-family: arial, verdana, helvetica, arial, sans-serif;
-  width: 300px;
-  padding: 0px;
-  margin: 0px;
-  overflow: hidden;
-  z-index: 10;
-  position: absolute;
-  left: 30%;
-  top: 30%;
-  border: 1px solid #00008B;
-  width: 260px;
-  widt: 260px;
-}
-#wait_box h2 {
-  /* color:#000000; */
-
-  text-align: center;
-  /* width: 50%; */
-
-}
-div#div_jrnsearch_op {
-  border: 1px solid #000000;
-  width: 800px;
-  width: 50rem;
-  background-color: #EDF3FF;
-  z-index: 5;
-}
-ul {
-  padding-left: 110px;
-}
-a.line, div.content a.line {
-  text-decoration: underline;
-  display: inline;
-  /* color: #605D5D; */
-
-}
-a.line:hover, div_content a.line {
-  text-decoration: underline;
-  display: inline;
-  color: #FFFFFF;
-  background-color: #336699;
-}
-#close_div {
-  text-decoration: none;
-  border: 0px;
-  margin-left: 2px;
-  margin-right: 2px;
-  margin-top: 2px;
-  font-size: 12px;
-  color: red;
-}
-#close_div:hover {
-  background-color: #DCE1EF ;
-}
-#popmeout {
-  background-color: #FFFFFF;
-  color: #605D5D;
-  text-decoration: none;
-  border: 1px solid #605D5D;
-  margin-left: 2px;
-  margin-right: 18px;
-  font-size: 12px;
-  font-size: 0.75rem;
-}
-#popmeout:hover {
-  background-color: #F93;
-}
-table.table_large tr.odd, table.table_large tr.even {
-  height: 32px;
-}
-#calc1 {
-  position: absolute;
-  display: block;
-  top: 30px;
-  left: 150px;
-  width: 300px;
-  border: 1px solid #000000;
-  background-color: #aec3e8;
-  padding: 20px 20px;
-}
-span.invoice {
-  font-style: italic;
-  display: block;
-  margin: 20px;
-  font-weight: bold;
-}
-a.nav, div.content a.nav, div.redcontent a.nav {
-  display: inline;
-  text-decoration: none;
-}
-a.nav:hover, div.content a.nav:hover, div.redcontent a.nav:hover {
-  display: inline;
-  text-decoration: none;
-  background-color: #00008B;
-  color: #FFFFFF;
-}
-#dossier {
-  display: inline;
-  float: left;
-  width: 100%;
-  top: 0px;
-  text-align: center;
-  font-variant: small-caps;
-  font-weight: bolder;
-  text-transform: full-width;
-  text-transform: fullwidth;
-  font-size: 150%;
-}
address@hidden only screen and (min-width: 955px) {
-  #dossier {
-    display: inline;
-    float: left;
-    width: 100%;
-    top: 0px;
-    text-align: center;
-    font-variant: small-caps;
-    font-weight: bolder;
-    text-transform: full-width;
-    text-transform: fullwidth;
-    font-size: 150%;
-  }
-}
address@hidden only screen and (max-width: 955px) {
-  #dossier {
-    display: inline;
-    float: left;
-    width: 100%;
-    top: 0px;
-    text-align: left;
-    font-variant: small-caps;
-    font-weight: bolder;
-    text-transform: full-width;
-  }
-}
-div.foldercontent {
-  font-size: 14px;
-  font-size: 0.95rem;
-  width: 80%;
-  margin-left: 10%;
-}
-h1.title {
-  color: #605D5D;
-  font-style: italic;
-  text-align: center;
-  text-transform: uppercase;
-}
-h2.title {
-  text-align: left;
-  padding: 0.24%;
-  padding-left: 0.48%;
-  font-size: 22px;
-  font-weight: bold;
-  font-style: normal;
-}
-h3.title {
-  color: #605D5D;
-  margin-left: 30px;
-}
-h4.title {
-  color: #605D5D;
-  margin-left: 45px;
-  text-decoration: underline;
-}
-h5.title {
-  color: #605D5D;
-  margin-left: 45px;
-  text-decoration: none;
-  font-style: italic;
-}
-div.myfieldset {
-  margin-top: 5px;
-  margin-left: 5px;
-  margin-right: 5px;
-  border: #EDF3FF 2px groove;
-  border-radius: 4px;
-}
-#info_div {
-  display: none;
-  background-color: #FCFFCC;
-  color: #000000;
-  z-index: 15;
-  position: absolute;
-  top: 0px;
-  left: 45%;
-}
-div.menu2 a.mtitle {
-  font-size: 12px;
-  /* color:brown; */
-
-}
-div.menu3 {
-  font-size: 13.60px;
-  font-size: 0.85rem;
-}
-.decale {
-  margin-left: 30px;
-}
-#folder {
-  border-width: 1px;
-  border-collapse: separate;
-  margin-left: 5%;
-  width: 90%;
-  border-radius: 9px;
-  border-style: solid;
-  padding: 5px;
-}
-#folder tr {
-  height: 30px;
-}
-/*#folder tr.odd,#folder tr.even {
-    font-size : 1.2em;
-}*/
-textarea.itextarea {
-  border: solid #605D5D 1px;
-  width: 90%;
-  margin-left: 5%;
-  height: 120px;
-}
-div#notice {
-  position: absolute;
-  right: 5%;
-  top: 200px;
-  background-color: #FCFFCC;
-  border: 1px solid #000000;
-}
-div.name {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-}
-div#modele_op_div {
-  display: none;
-  background-color: #e4e7ed;
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  padding: 0px;
-  margin: 0px;
-  overflow: hidden;
-  z-index: 3;
-  position: absolute;
-  left: 17.5%;
-  border: 1px solid #00008B;
-  width: 75%;
-}
address@hidden only screen and (min-width: 955px) {
-  div.name {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-  }
-  div#modele_op_div {
-    display: none;
-    background-color: #e4e7ed;
-    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
-    padding: 0px;
-    margin: 0px;
-    overflow: hidden;
-    z-index: 3;
-    position: absolute;
-    left: 17.5%;
-    border: 1px solid #00008B;
-    width: 75%;
-  }
-}
address@hidden only screen and (max-width: 955px) {
-  div.name {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    display: none;
-  }
-  div#modele_op_div {
-    display: none;
-    background-color: #e4e7ed;
-    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
-    padding: 0px;
-    margin: 0px;
-    overflow: hidden;
-    z-index: 3;
-    position: absolute;
-    left: 10%;
-    border: 1px solid #00008B;
-    width: 80%;
-  }
-}
-div#box_search_card {
-  position: absolute;
-  right: 15.625%;
-  top: 115px;
-}
-div.bxbutton {
-  float: right;
-  height: 10px;
-  display: block;
-  margin-top: 0.48%;
-  margin-right: 0.48%;
-}
-div.inner_box tr.odd {
-  background: #E5E5E5;
-}
-#modele_op_tab tr.odd {
-  background: #EDF3FF;
-}
-div#bookmark_div {
-  background-color: #e4e7ed;
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  padding: 2px;
-  margin: 0px;
-  overflow: hidden;
-  z-index: 3;
-  position: absolute;
-  border: 1px solid #00008B;
-  top: 32px;
-  top: 2rem;
-  left: 30%;
-  width: 40%;
-}
-div#preference_div {
-  background-color: #e4e7ed;
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  padding: 0px;
-  margin: 0px;
-  overflow: hidden;
-  z-index: 3;
-  position: absolute;
-  border: 1px solid #00008B;
-  top: 32px;
-  top: 2rem;
-  left: 20%;
-  width: 50%;
-}
-#error_div {
-  position: absolute;
-  border: 1px solid #000000;
-  background-color: #DDE6FF;
-  padding-bottom: 2px;
-  padding-top: 2px;
-  padding-left: 2px;
-  padding-right: 2px;
-  color: #FF0000;
-  top: 40%;
-  left: 25%;
-  visibility: hidden;
-  width: 640px;
-  width: 40rem;
-  z-index: 20;
-}
-#error_div h2 {
-  background: #FF0000;
-}
-div#error_content_div {
-  color: #FF0000;
-  font-weight: bold;
-  text-align: center;
-}
-td.workday ol {
-  margin: 0px;
-  padding: 0px;
-  list-style-type: none;
-  text-align: left;
-}
-input.inum {
-  text-align: right;
-  border: 1px solid #605D5D;
-  margin: 2px;
-}
-/**************************************************************************
-Box dashboard on 3 columns
-**************************************************************************/
-div.box {
-  background-color: #e4e7ed;
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  margin-top: 10px;
-  margin-left: 3px;
-  margin-right: 3px;
-  padding: 2px;
-  overflow: hidden;
-  border: 1px solid #00008B;
-  width: 30%;
-  height: 350px;
-  float: left;
-  font-size: 14px;
-  font-size: 0.90rem;
-}
address@hidden only screen and (max-width: 1426px) {
-  /* Dashboard on 2 cols */
-  div.box {
-    width: 48%;
-    height: 380px;
-  }
-}
address@hidden only screen and (max-width: 955px) {
-  /* Dashboard on 1 cols */
-  div.box {
-    width: 95%;
-    height: 380px;
-  }
-}
-div.box table {
-  border-spacing: 0px;
-}
-div.box tr.odd {
-  background-color: #F2F6FD;
-}
-div.box tr.even {
-  background-color: #e4e7ed;
-}
-#jrn_name_div h2 {
-  font-size: 38.4px;
-  font-size: 2.4rem;
-}
-#search_account {
-  width: 70%;
-}
-fieldset {
-  border-width: 1px;
-}
-#tva_select table {
-  border-spacing: 0px;
-}
-#mod_predf_op {
-  width: 80%;
-  overflow: auto;
-  overflow-style: panner;
-}
-/****************************************************************************
- * Tabs  
- ****************************************************************************/
-ul.tabs {
-  padding-top: 15px;
-  display: block;
-  border-bottom: 1px solid #879ed4;
-  padding-left: 2px;
-  margin-bottom: 17px;
-}
-ul.tabs a {
-  display: inline;
-}
-li.tabs_selected {
-  display: inline;
-  background: #cedce7;
-  /* Old browsers */
-
-  background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%);
-  /* FF3.6+ */
-
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, 
#cedce7), color-stop(100%, #596a72));
-  /* Chrome,Safari4+ */
-
-  background: -webkit-linear-gradient(top, #cedce7 0%, #596a72 100%);
-  /* Chrome10+,Safari5.1+ */
-
-  background: -o-linear-gradient(top, #cedce7 0%, #596a72 100%);
-  /* Opera 11.10+ */
-
-  background: -ms-linear-gradient(top, #cedce7 0%, #596a72 100%);
-  /* IE10+ */
-
-  background: linear-gradient(to bottom, #cedce7 0%, #596a72 100%);
-  /* W3C */
-
-  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#cedce7', 
endColorstr='#596a72', GradientType=0);
-  /* IE6-9 */
-
-  color: whitesmoke;
-  margin-left: 2px;
-  padding: 12px 15px 0px 15px;
-  vertical-align: top;
-  border: 1px #879ed4 solid;
-  font-weight: bold;
-}
-li.tabs {
-  display: inline;
-  background-color: inherit;
-  color: inherit;
-  margin-left: 2px;
-  padding: 5px 5px 0px 5px;
-  border: 1px grey solid;
-  float: left;
-  background-color: #f8f8ff;
-  margin-top: 8px;
-}
-li.tabs:hover {
-  display: inline;
-  background-color: grey;
-  color: wheat;
-  margin-left: 2px;
-  padding: 5px 5px 0px 5px;
-  border: 1px grey solid;
-}
-ul.tabs a {
-  text-decoration: none;
-  color: inherit;
-  display: inline;
-  white-space: nowrap;
-}
-ul.tabs a:hover {
-  text-decoration: none;
-  color: white;
-  display: inline;
-  background-color: lightblue;
-  white-space: nowrap;
-}
address@hidden only screen and (max-width: 1426px) {
-  li.tabs_selected {
-    padding: 8px 10px 10px 10px;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-    float: left;
-  }
-  li.tabs, li.tabs:hover {
-    padding: 10px 10px 0px 10px;
-  }
-}
-/*****************************************************************************
- * Table of one column to present menu 
- * as in CFGLED, FORECAST, REPORT
- *****************************************************************************/
-table.vert_mtitle {
-  text-align: center;
-  /* border:5px solid #99B1DF; */
-
-  border-radius: 5px;
-  width: 80%;
-  margin-left: 10%;
-  border-collapse: separate;
-  border-spacing: 10px;
-}
-table.vert_mtitle td.first {
-  background-color: #DCE1EF;
-}
-table.vert_mtitle td {
-  border: 1px solid #99B1DF;
-  background-color: #EDEDED;
-  border-top-radius: 20px;
-}
-table.vert_mtitle td a {
-  padding: 20px;
-  font-weight: bold;
-}
-table.vert_mtitle td:hover {
-  border: 1px solid #99B1DF;
-  background-color: #336699;
-  color: white;
-}
-table.vert_mtitle td:hover a {
-  color: white;
-}
-/*******************************************************************************
- *  Tiny button example : -X for remove action, remove link...
- 
*******************************************************************************/
-div.content a.tinybutton, input[type="button"].tinybutton {
-  color: red;
-  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; */
-
-  font-size: 8px;
-  font-size: 0.7rem;
-  padding-bottom: 0px;
-  padding-top: 0px;
-  padding-right: 0px;
-  padding-left: 0px;
-  margin-top: 3px;
-  cursor: pointer;
-  margin: 1px 2px 1px 2px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: orangered;
-  border-radius: 2px;
-  display: inline;
-}
-/*div.content td.mtitle a.mtitle {
-    color:darkslategrey;
-    // font-variant: small-caps;
-    background-color: inherit;
-}*/
-/*******************************************************************************
- Image Search
-*******************************************************************************/
-.image_search {
-  cursor: pointer;
-  width: 16px;
-  height: 16px;
-  padding: 1px;
-  border: #000000 1px solid;
-  vertical-align: top;
-  background: grey;
-}
-/****************************************************************************
- * Aligned button
- ****************************************************************************/
-ul.aligned-block {
-  padding: 5px;
-  display: block;
-}
-ul.aligned-block li {
-  display: table-cell;
-  padding: 10px;
-  list-style: none;
-}
-/******************************************************************************
- * Total in confirmation VEN / ACH
- 
******************************************************************************/
-#total_div_id {
-  float: right;
-  margin-right: 150px;
-  background: snow;
-  margin-top: 50px;
-}
-/* Selected cell in the module */
-td.toolselected {
-  background-color: #909BA7;
-}
-/***************************************************************************
- * column in the dashboard
- ***************************************************************************/
-td.cut {
-  max-width: 25%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-td.box {
-  border-left: #C76626 solid 1px;
-}
-/****************************************************************************
-* Smoke appearance of modal box
- ****************************************************************************/
-.smoke-base {
-  position: fixed;
-  top: 0px;
-  left: 0px;
-  bottom: 0px;
-  right: 0px;
-  visibility: hidden;
-  opacity: 0;
-  background: rgba(0, 0, 0, 0.3);
-}
-.smoke-base.smoke-visible {
-  opacity: 1;
-  visibility: visible;
-}
-.smokebg {
-  position: fixed;
-  top: 0px;
-  left: 0px;
-  bottom: 0px;
-  right: 0px;
-}
-.smoke-base .dialog {
-  position: absolute;
-  top: 25%;
-  width: 40%;
-  left: 50%;
-  margin-left: -20%;
-}
-.dialog-prompt {
-  margin-top: 15px;
-  text-align: center;
-}
-.dialog-buttons {
-  margin: 20px 0px 5px 0px;
-}
-.smoke {
-  text-align: center;
-  background-color: #DCE1EF;
-  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-  font-family: 'openSansRegular';
-  padding: 2px;
-  margin: 0px;
-  overflow: hidden;
-  z-index: 3;
-  position: absolute;
-  left: 10%;
-  border: 1px solid #00008B;
-  -moz-box-shadow: 10px 10px 5px #888;
-  -webkit-box-shadow: 10px 10px 5px #888;
-  box-shadow: 10px 10px 5px #888;
-  font-size: 14.4px;
-  font-size: 0.90rem;
-  width: 85%;
-}
-.dialog-buttons button:hover {
-  color: beige;
-  font-weight: bold;
-}
-.dialog-buttons button {
-  color: #FFFFFF;
-  font-weight: normal;
-  text-decoration: none;
-  background: #606c88;
-  /* Old browsers */
-
-  background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
-  /* FF3.6+ */
-
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, 
#606c88), color-stop(100%, #3f4c6b));
-  /* Chrome,Safari4+ */
-
-  background: -webkit-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
-  /* Chrome10+,Safari5.1+ */
-
-  background: -o-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
-  /* Opera 11.10+ */
-
-  background: -ms-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
-  /* IE10+ */
-
-  background: linear-gradient(to bottom, #606c88 0%, #3f4c6b 100%);
-  /* W3C */
-
-  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#606c88', 
endColorstr='#3f4c6b', GradientType=0);
-  /* IE6-9 */
-
-  border-color: #605D5D;
-  border-width: 0px;
-  padding: 4px;
-  margin: 3px;
-  cursor: pointer;
-  margin: 1px 2px 1px 2px;
-  border-radius: 5px;
-  moz-border-radius: 5px;
-  width: 7em;
-  width: 7rem;
-}
-.dialog-prompt input {
-  margin: 0;
-  border: 0;
-  font-family: sans-serif;
-  outline: none;
-  font-family: Menlo, 'Andale Mono', monospace;
-  border: 1px solid #aaa;
-  width: 75%;
-  display: inline-block;
-  background-color: transparent;
-  font-size: 16px;
-  padding: 8px;
-}
-.smoke-base .dialog-inner {
-  padding: 15px;
-  color: #202020;
-}
-button.cancel {
-  background-color: rgba(0, 0, 0, 0.4);
-  filter: progid:dximagetransform.microsoft.gradient(startColorstr=#444444, 
endColorstr=#444444);
-}
-.queue {
-  display: none;
-}
-/*
- * Menu selected when configuring the profile
- */
-.field_follow_up {
-  margin-top: 1px;
-  white-space: -moz-pre-wrap;
-  white-space: pre-wrap;
-  border: 1px solid black;
-  width: 95%;
-}
-/** 
- * go_up
-*/
-#go_up {
-  background-color: transparent;
-  border: 0px;
-  font-size: 350%;
-  box-shadow: none;
-  color: black;
-}
-#go_up a, #go_up a:visited {
-  background-image: none;
-  text-decoration: none;
-  color: black;
-}
-
-/*
- * Style for the Inplace Edit element
- */
-span.inplace_edit
-{
-    text-decoration: underline;
-    cursor: pointer;
-}
-span.inplace_edit_input
-{
-    text-decoration: none;
-    font-size: 110%;
-    cursor: none;
-}
\ No newline at end of file
diff --git a/html/style-print.css b/html/style-print.css
index b78b235..baca9b6 100644
--- a/html/style-print.css
+++ b/html/style-print.css
@@ -20,7 +20,7 @@ form {
   display:none;
  }
 
-.button, .smallbutton{
+.button, .smallbutton,.icon{
        display:none;
        }
 div.recherche_form {
diff --git a/html/style-r692.css b/html/style-r692.css
index 3128239..b5ea987 100644
--- a/html/style-r692.css
+++ b/html/style-r692.css
@@ -16,7 +16,16 @@
 .fontsforweb_fontid_38327 {
        font-family: 'OpenSansRegular' !important;
 }
-
address@hidden {
+      font-family: 'fontello';
+      src: url('image/fontello/fontello.eot?18582275');
+      src: url('image/fontello/fontello.eot?18582275#iefix') 
format('embedded-opentype'),
+           url('image/fontello/fontello.woff?18582275') format('woff'),
+           url('image/fontello/fontello.ttf?18582275') format('truetype'),
+           url('image/fontello/fontello.svg?18582275#fontello') format('svg');
+      font-weight: normal;
+      font-style: normal;
+    }
 BODY {
     font-family: Arial, Helvetica, "Liberation Sans"  , FreeSans, sans-serif;
     font-family: 'OpenSansRegular';
@@ -1079,39 +1088,7 @@ a.line:hover,div_content a.line
     background-color:#336699;
     cursor:pointer;
 }
-#close_div
-{
-    color:white;
-    text-decoration:none;
-    margin-left: 6px;
-    margin-right:6px;
-    /*! padding-top:10px; */
-    font-size:14px;
-    font-size:1rem;
-    cursor: pointer;
-    border:0px;
-    height: 18px;
-}
-#close_div:hover
-{
-    background-color: white;
-    color: blue;
-}
-#popmeout
-{
-    background-color:#FFFFFF;
-    color:#0000FF;
-    text-decoration:none;
-    border:1px solid #0000FF;
-    margin-left: 2px;
-    margin-right:18px;
-    font-size:12px;
-    font-size: 0.75rem;
-}
-#popmeout:hover
-{
-    background-color:  #F93;
-}
+
 table.table_large tr.odd ,table.table_large tr.even {
 
     height:32px;
@@ -2091,25 +2068,21 @@ td.selectedmenu {
 #go_up {
     background-color: transparent;
     border:0px;
-    font-size:300%;
     box-shadow: none;
     color:blue;
-    
     margin-right: 20px;
 }
 #go_up a ,#go_up a:visited{
     background-image: none;
     text-decoration: none;
     color:blue;
-    font-size:2.7em;
-    font-size: 2.7rem;
-    /*! padding-right: 6px; */
+    font-size:1.7em;
+    font-size: 1.7rem;
     padding: 0px;
     margin: 0px;
     background-color: whitesmoke;
 }
 #go_up a:hover {
-    background-color: gold;
     font-size:2.8em;
     font-size:2.8rem;
 }
@@ -2219,4 +2192,36 @@ div.menu2 td.mtitle, div.menu2 td.mtitle a{
 }
 div.menu2 td.mtitle a{
     border-width:0px;
+}
+/**
+ * For the icon (font-famillo fontello)
+ */
+.icon {
+    font-family: "fontello";
+    font-weight:normal;
+    cursor: pointer;
+}
+.icon:hover {
+    font-family: "fontello";
+}
+/**
+ * Icon in the title of Box
+ */
+div.bxbutton .icon
+{
+    color:white;
+    text-decoration:none;
+    margin-left: 6px;
+    margin-right:6px;
+    /*! padding-top:10px; */
+    font-size:14px;
+    font-size:1rem;
+    cursor: pointer;
+    border:0px;
+    height: 18px;
+}
+div.bxbutton .icon:hover
+{
+    background-color: white;
+    color: blue;
 }
\ No newline at end of file
diff --git a/html/user_login.php b/html/user_login.php
index fab1dc0..2063dbe 100644
--- a/html/user_login.php
+++ b/html/user_login.php
@@ -169,7 +169,7 @@ echo '</div>';
 <div class="foldercontent">
        <span style="margin:2%" class="visible_gt800">
  <?php
-                        echo _('Cherche').HtmlInput::infobulle(23);
+                        echo _('Cherche').Icon_Action::infobulle(23);
 ?>
 <?php
        echo HtmlInput::filter_table("folder", '0,1,2',1);
diff --git a/include/action.common.inc.php b/include/action.common.inc.php
index 0d9d803..455c520 100644
--- a/include/action.common.inc.php
+++ b/include/action.common.inc.php
@@ -95,7 +95,7 @@ if (isset($_POST['generate']))
        {
                $act->Update();
        }
-        $doc_mod=$hi->post('doc_mod',"number");
+        $doc_mod=$http->post('doc_mod',"number");
        $act->generate_document($doc_mod, $_POST);
        $sub_action = 'detail';
 }
diff --git a/include/ajax/ajax_add_concerned_card.php 
b/include/ajax/ajax_add_concerned_card.php
index a6b4c03..4322b13 100644
--- a/include/ajax/ajax_add_concerned_card.php
+++ b/include/ajax/ajax_add_concerned_card.php
@@ -51,7 +51,7 @@ $r.='<form id="search_card1_frm" method="GET" 
onsubmit="action_add_concerned_car
 $q=new IText('query');
 $q->value=(isset($query))?$query:'';
 $r.='<span style="margin-left:50px">';
-$r.=_('Fiche contenant').HtmlInput::infobulle(19);
+$r.=_('Fiche contenant').Icon_Action::infobulle(19);
 $r.=$q->input();
 $r.=HtmlInput::submit('fs', _('Recherche'), "", "smallbutton");
 $r.='</span>';
@@ -82,6 +82,8 @@ for ($i=0; $i<count($a); $i++)
 
 
 echo $r;
+// No accountancy history
+$accvis=0; 
 require_once(NOALYSS_TEMPLATE.'/card_result.php');
 $response=ob_get_contents();
 ob_end_clean();
diff --git a/include/ajax/ajax_boxcard_search.php 
b/include/ajax/ajax_boxcard_search.php
index bfaf5a6..f956af8 100644
--- a/include/ajax/ajax_boxcard_search.php
+++ b/include/ajax/ajax_boxcard_search.php
@@ -43,11 +43,11 @@ 
$max=(count($array)>MAX_CARD_SEARCH)?MAX_CARD_SEARCH:count($array);
 <h2 class="notice"><?php printf (_("Résultat limité à %d , %d nombre de fiches 
trouvées"), MAX_CARD_SEARCH,count($array))?> </h2>
 
 <?php endif?>
-<?php echo _('Cherche')?> <?php echo HtmlInput::infobulle(26);echo 
HtmlInput::filter_table("tb_fiche", "0,1,2,3,4,5", 1); ?> :
+<?php echo _('Cherche')?> <?php echo Icon_Action::infobulle(26);echo 
HtmlInput::filter_table("tb_fiche", "0,1,2,3,4,5", 1); ?> :
 <table id="tb_fiche" class="sorttable" style="width:100%">
        <tr>
                <th>
-                       <?php echo _("Quick Code");?> <?php echo 
HtmlInput::infobulle(17); ?>
+                       <?php echo _("Quick Code");?> <?php echo 
Icon_Action::infobulle(17); ?>
                </th>
                <th class=" sorttable_sorted">
                        Nom
diff --git a/include/ajax/ajax_card.php b/include/ajax/ajax_card.php
index cbd679e..eae29a7 100644
--- a/include/ajax/ajax_card.php
+++ b/include/ajax/ajax_card.php
@@ -261,7 +261,7 @@ case 'st':
     }
     if ( strpos($where," in ()") != 0)
     {
-             $html=HtmlInput::anchor_close('select_card_div');
+             $html=Icon_Action::close('select_card_div');
              $html.=h2info(_('Choix de la catégorie'));
              $html.='<h3 class="notice">';
              $html.=_("Aucune catégorie de fiche ne correspond à".
@@ -384,7 +384,7 @@ case 'fs':
     $q=new IText('query');
     $q->value=(isset($query))?$query:'';
        $r.='<span style="margin-left:50px">';
-    $r.=_('Fiche contenant').HtmlInput::infobulle(19);
+    $r.=_('Fiche contenant').Icon_Action::infobulle(19);
     $r.=$q->input();
     $r.=HtmlInput::submit('fs',_('Recherche'),"","smallbutton");
        $r.='</span>';
@@ -411,7 +411,7 @@ case 'fs':
 
     if ( strpos($sql," in ()") != 0)
     {
-            $html=HtmlInput::anchor_close('search_card');
+            $html=Icon_Action::close('search_card');
              $html.='<div> '.h2info(_('Recherche de fiche')).'</div>';
              $html.='<h3 class="notice">';
              $html.=_("Aucune catégorie de fiche ne correspond à".
diff --git a/include/ajax/ajax_ledger.php b/include/ajax/ajax_ledger.php
index 3d21ff5..199e311 100644
--- a/include/ajax/ajax_ledger.php
+++ b/include/ajax/ajax_ledger.php
@@ -207,7 +207,7 @@ case 'de':
     catch (Exception $e)
     {
         record_log($e->getTraceAsString());
-        echo HtmlInput::anchor_close($div);
+        echo Icon_Action::close($div);
         echo '<h2 class="error">'._("Désolé il y a une erreur").'</h2>';
     }
     $html=ob_get_contents();
diff --git a/include/ajax/ajax_mod_predf_op.php 
b/include/ajax/ajax_mod_predf_op.php
index 4e11ee0..6d2bb8a 100644
--- a/include/ajax/ajax_mod_predf_op.php
+++ b/include/ajax/ajax_mod_predf_op.php
@@ -28,7 +28,7 @@ ob_start();
 require_once NOALYSS_INCLUDE.'/class/pre_operation.class.php';
 $op=new Pre_Operation($cn,$_GET['id']);
 $array=$op->load();
-echo HtmlInput::anchor_close('mod_predf_op');
+echo Icon_Action::close('mod_predf_op');
 echo h2(_('Modification du nom'),' class="title"');
 
 echo '
diff --git a/include/ajax/ajax_navigator.php b/include/ajax/ajax_navigator.php
index cdbf2ae..8d08920 100644
--- a/include/ajax/ajax_navigator.php
+++ b/include/ajax/ajax_navigator.php
@@ -50,12 +50,12 @@ $a_menu=$cn->get_array($sql,array($_SESSION['g_user']));
         <tr>
             <th class='sorttable_sorted'>
                 Code AD 
-                <?php echo HtmlInput::infobulle(34); ?>
+                <?php echo Icon_Action::infobulle(34); ?>
                 <span id="sorttable_sortfwdind">&nbsp<img 
src="image/up.gif"></span>
             </th>
             <th>
                 <?php echo _("Chemin");?>
-                <?php echo HtmlInput::infobulle(35); ?>
+                <?php echo Icon_Action::infobulle(35); ?>
             </th>
             <th>
                 <?php echo _("Description complète");?>
diff --git a/include/ajax/ajax_todo_list.php b/include/ajax/ajax_todo_list.php
index 4736e0e..4c95df8 100644
--- a/include/ajax/ajax_todo_list.php
+++ b/include/ajax/ajax_todo_list.php
@@ -189,7 +189,7 @@ if ($ac=='shared_note')
         header('Content-type: text/xml; charset=UTF-8');
         $dom=new DOMDocument('1.0', 'UTF-8');
         $tl_id=$dom->createElement('content', _("Cette note n'est pas à vous").
-                 HtmlInput::anchor_close('shared_'.$id));
+                 Icon_Action::close('shared_'.$id));
         $dom->appendChild($tl_id);
         echo $dom->saveXML();
         return;
diff --git a/include/ajax/ajax_view_action.php 
b/include/ajax/ajax_view_action.php
index b143457..438d605 100644
--- a/include/ajax/ajax_view_action.php
+++ b/include/ajax/ajax_view_action.php
@@ -30,7 +30,7 @@ ob_start();
 require_once NOALYSS_INCLUDE.'/class/follow_up.class.php';
 require_once NOALYSS_INCLUDE.'/class/default_menu.class.php';
 
-echo HtmlInput::title_box(_("Détail action"), $div);
+echo HtmlInput::title_box(_("Détail action"), $div,"close","","y");
 $act = new Follow_Up($cn);
 $act->ag_id = $ag_id;
 $act->get();
diff --git a/include/balance.inc.php b/include/balance.inc.php
index cba864e..dd2b020 100644
--- a/include/balance.inc.php
+++ b/include/balance.inc.php
@@ -296,7 +296,7 @@ if ( isset($_GET['view'] ) )
     $b=$periode->get_date_limit($_GET['to_periode']);
     echo "<h2 class=\"info\"> période du ".$a['p_start']." au 
".$b['p_end']."</h2>";
        echo '<span style="display:block">';
-       echo _('Cherche').HtmlInput::infobulle(24);
+       echo _('Cherche').Icon_Action::infobulle(24);
        echo HtmlInput::filter_table("t_balance", "0,1","1");
        echo '</span>';
     echo '<table id="t_balance" width="100%">';
diff --git a/include/class/acc_ledger.class.php 
b/include/class/acc_ledger.class.php
index 93c3140..2e10a2d 100644
--- a/include/class/acc_ledger.class.php
+++ b/include/class/acc_ledger.class.php
@@ -1202,7 +1202,7 @@ class Acc_Ledger extends jrn_def_sql
         if ($wLedger==null)
             throw new Exception(_('Pas de journal disponible'));
         
$wLedger->javascript="onChange='update_name();update_predef(\"ods\",\"t\",\"".$_REQUEST['ac']."\");$add_js'";
-        $label=" Journal ".HtmlInput::infobulle(2);
+        $label=" Journal ".Icon_Action::infobulle(2);
 
         $ret.="<table>";
         $ret.=tr(td($label).td($wLedger->input()));
@@ -1263,7 +1263,7 @@ class Acc_Ledger extends jrn_def_sql
                     exit();
                 }
             }
-            $label=HtmlInput::infobulle(3);
+            $label=Icon_Action::infobulle(3);
             $f_periode=td(_("Période comptable")." $label ").td($l_form_per);
             $ret.=tr($f_periode);
         }
@@ -1303,8 +1303,8 @@ class Acc_Ledger extends jrn_def_sql
         $ret.=HtmlInput::hidden('nb_item', $nb_row);
         $ret.=dossier::hidden();
         $ret.=HtmlInput::hidden('jrn_type', $this->get_type());
-        $info=HtmlInput::infobulle(0);
-        $info_poste=HtmlInput::infobulle(9);
+        $info=Icon_Action::infobulle(0);
+        $info_poste=Icon_Action::infobulle(9);
         $ret.='<table id="quick_item" style="position:float;width:100%">';
         $ret.='<tr>'.
                 '<th style="text-align:left">Quickcode'.$info.'</th>'.
@@ -3234,9 +3234,7 @@ class Acc_Ledger extends jrn_def_sql
     function add_card($p_filter, $p_id_update)
     {
         
$js_script="this.filter='{$p_filter}';this.elementId='{$p_id_update}';this.jrn=\$('p_jrn').value;
 select_card_type(this);";
-        $str_add_button=HtmlInput::button_image($js_script, uniqid(),
-                        'class="smallbutton image_search"',
-                        "image/bouton-plus.png");
+        $str_add_button=Icon_Action::icon_add(uniqid(), $js_script);
         return $str_add_button;
     }
     /**
diff --git a/include/class/acc_ledger_fin.class.php 
b/include/class/acc_ledger_fin.class.php
index f84d904..2144b1f 100644
--- a/include/class/acc_ledger_fin.class.php
+++ b/include/class/acc_ledger_fin.class.php
@@ -295,7 +295,7 @@ class Acc_Ledger_Fin extends Acc_Ledger
                                        
                                }
                        }
-                       $label = HtmlInput::infobulle(3);
+                       $label = Icon_Action::infobulle(3);
                        $f_period = "Période comptable $label" . $l_form_per;
                }
 
@@ -315,7 +315,7 @@ class Acc_Ledger_Fin extends Acc_Ledger
 
                $wLedger->javascript = $add_js;
 
-               $label = " Journal " . HtmlInput::infobulle(2);
+               $label = " Journal " . Icon_Action::infobulle(2);
                $f_jrn = $label . $wLedger->input();
 
 
@@ -345,7 +345,7 @@ class Acc_Ledger_Fin extends Acc_Ledger
                $wPJ->value = (isset($e_pj)) ? $e_pj : $default_pj;
 
                $f_extrait = $wPJ->input() . HtmlInput::hidden('e_pj_suggest', 
$default_pj);
-               $label = HtmlInput::infobulle(7);
+               $label = Icon_Action::infobulle(7);
 
                $first_sold = (isset($first_sold)) ? $first_sold : "";
                $wFirst = new INum('first_sold', $first_sold);
@@ -383,7 +383,6 @@ class Acc_Ledger_Fin extends Acc_Ledger
                        $W1->value = $tiers;
                        $W1->extra = 'deb';  // credits
                        $W1->typecard = 'deb';
-                        $W1->style=' style = "vertical-align:65%"';
                        $W1->set_dblclick("fill_ipopcard(this);");
                        $W1->set_attribute('ipopup', 'ipopcard');
 
diff --git a/include/class/acc_ledger_purchase.class.php 
b/include/class/acc_ledger_purchase.class.php
index 1f3696a..c931a09 100644
--- a/include/class/acc_ledger_purchase.class.php
+++ b/include/class/acc_ledger_purchase.class.php
@@ -1005,7 +1005,7 @@ class  Acc_Ledger_Purchase extends Acc_Ledger
         $Echeance=new IDate();
         $Echeance->setReadOnly(false);
         $Echeance->tabindex=2;
-        $label=HtmlInput::infobulle(4);
+        $label=Icon_Action::infobulle(4);
         $f_echeance=$Echeance->input('e_ech',$e_ech,'Echéance'.$label);
         $f_periode="";
         if ($this->check_periode() == true)
@@ -1034,7 +1034,7 @@ class  Acc_Ledger_Purchase extends Acc_Ledger
             }
 
             $r.="<td>";
-            $label=HtmlInput::infobulle(3);
+            $label=Icon_Action::infobulle(3);
             $f_periode=td(_("Période comptable")." $label ").td($l_form_per);
         }
         // Ledger (p_jrn)
@@ -1067,7 +1067,7 @@ class  Acc_Ledger_Purchase extends Acc_Ledger
         $Commentaire->setReadOnly(false);
         $Commentaire->size=60;
         $Commentaire->tabindex=3;
-        $label=HtmlInput::infobulle(1) ;
+        $label=Icon_Action::infobulle(1) ;
         $f_desc=$Commentaire->input("e_comm",$e_comm);
 
         // PJ
@@ -1116,7 +1116,7 @@ class  Acc_Ledger_Purchase extends Acc_Ledger
         }
 
         $W1=new ICard();
-        $W1->label=_("Fournisseur ").HtmlInput::infobulle(0) ;
+        $W1->label=_("Fournisseur ").Icon_Action::infobulle(0) ;
         $W1->name="e_client";
         $W1->tabindex=3;
         $W1->value=$e_client;
@@ -1530,7 +1530,7 @@ class  Acc_Ledger_Purchase extends Acc_Ledger
                 {
 
                                         $r.='<td style="background-color:red" 
class="num" '.$css_void_tva.'>';
-                                        $r.=HtmlInput::infobulle(28);
+                                        $r.=Icon_Action::infobulle(28);
                                          $r.='<a href="#" class="error" 
style="display:inline" title="'. _("Attention Différence entre TVA calculée et 
donnée").'">'
                                                        .nbm($tva_item).'<a>';
                 }
diff --git a/include/class/acc_ledger_search.class.php 
b/include/class/acc_ledger_search.class.php
index 40c3ae7..4c24a77 100644
--- a/include/class/acc_ledger_search.class.php
+++ b/include/class/acc_ledger_search.class.php
@@ -215,7 +215,7 @@ class Acc_Ledger_Search
         $f_accounting->set_attribute('ipopup', 'ipop_account');
         $f_accounting->set_attribute('label', 'ld');
         $f_accounting->set_attribute('account', $this->div.'accounting');
-        $info=HtmlInput::infobulle(13);
+        $info=Icon_Action::infobulle(13);
 
         $f_paid=new ICheckbox('unpaid', null, $this->div.'unpaid');
         $f_paid->selected=(isset($_REQUEST['unpaid']))?true:false;
@@ -556,7 +556,7 @@ class Acc_Ledger_Search
     {
         $r='';
         $r.='<div id="search_form" style="display:none">';
-        $r.=HtmlInput::anchor_hide('&#10761;',
+        $r.=Icon_Action::hide('&#10761;',
                         '$(\'search_form\').style.display=\'none\';');
         $r.=h2('Recherche', 'class="title"');
         $r.='<FORM METHOD="GET">';
diff --git a/include/class/acc_ledger_sold.class.php 
b/include/class/acc_ledger_sold.class.php
index cce0f27..6dbf6b1 100644
--- a/include/class/acc_ledger_sold.class.php
+++ b/include/class/acc_ledger_sold.class.php
@@ -787,7 +787,7 @@ class Acc_Ledger_Sold extends Acc_Ledger {
                   same */
                 if (bcsub($tva_item, $tva_computed) != 0 && ! ($tva_item == 0 
&& $both_side == 1)) {
                     $r.='<td style="background-color:red" class="num">';
-                    $r.=HtmlInput::infobulle(28);
+                    $r.=Icon_Action::infobulle(28);
                     $r.='<a href="#" class="error" style="display:inline" 
title="' . _("Attention Différence entre TVA calculée et donnée") . '">'
                             . nbm($tva_item) . '<a>';
                 } else {
@@ -1064,7 +1064,7 @@ EOF;
         $Echeance->setReadOnly(false);
 
         $Echeance->tabindex = 2;
-        $label = HtmlInput::infobulle(4);
+        $label = Icon_Action::infobulle(4);
         $f_echeance = $Echeance->input('e_ech', $e_ech, _('Echéance') . 
$label);
         $Date = new IDate();
         $Date->setReadOnly(false);
@@ -1090,7 +1090,7 @@ EOF;
                     throw new Exception( _("Aucune période ouverte") );
                 }
             }
-            $label = HtmlInput::infobulle(3);
+            $label = Icon_Action::infobulle(3);
             $f_periode = '<td>' . _("Période comptable") . "</td> <td> $label 
" . $l_form_per . '</td>';
         }
         /* if we suggest the next pj, then we need a javascript */
@@ -1110,7 +1110,7 @@ EOF;
             throw new Exception(_('Pas de journal disponible'));
         $wLedger->table = 1;
         $wLedger->javascript = 
"onChange='update_predef(\"ven\",\"f\",\"".$_REQUEST['ac']."\");$add_js'";
-        $wLedger->label = " Journal " . HtmlInput::infobulle(2);
+        $wLedger->label = " Journal " . Icon_Action::infobulle(2);
 
         $f_jrn = $wLedger->input();
 
@@ -1120,7 +1120,7 @@ EOF;
         $Commentaire->size = 60;
         $Commentaire->tabindex = 3;
 
-        $label = HtmlInput::infobulle(1);
+        $label = Icon_Action::infobulle(1);
 
         $f_desc = $Commentaire->input("e_comm", $e_comm) ;
         // PJ
@@ -1159,7 +1159,7 @@ EOF;
         }
 
         $W1 = new ICard();
-        $W1->label = "Client " . HtmlInput::infobulle(0);
+        $W1->label = "Client " . Icon_Action::infobulle(0);
         $W1->name = "e_client";
         $W1->tabindex = 3;
         $W1->value = $e_client;
@@ -1178,7 +1178,6 @@ EOF;
         $W1->javascript = sprintf(' onchange="fill_data_onchange(\'%s\');" ', 
$W1->name);
         $f_client_qcode = $W1->input();
         $client_label = new ISpan();
-        $client_label->style="vertical-align:top";
         $client_label->table = 0;
         $f_client = $client_label->input("e_client_label", $e_client_label);
         $f_client_bt = $W1->search();
diff --git a/include/class/anc_print.class.php 
b/include/class/anc_print.class.php
index dca5180..78d0866 100644
--- a/include/class/anc_print.class.php
+++ b/include/class/anc_print.class.php
@@ -140,7 +140,7 @@ class Anc_Print
         <td>
             <?php 
                 echo _('Depuis') ;
-                echo HtmlInput::infobulle(37);
+                echo Icon_Action::infobulle(37);
             ?>
         </td>
         <td>
@@ -153,7 +153,7 @@ class Anc_Print
         <td>
             <?php 
                 echo _('Jusque') ;
-                echo HtmlInput::infobulle(37);
+                echo Icon_Action::infobulle(37);
             ?>
         </td>
         <td>
@@ -166,7 +166,7 @@ class Anc_Print
 </table>
 <span style="padding:5px;margin:5px;display:block;">
     <?php echo _( "Plan Analytique :").$plan_id->input(); 
-        echo HtmlInput::infobulle(42);
+        echo Icon_Action::infobulle(42);
     ?>
 </span>
 
diff --git a/include/class/fiche.class.php b/include/class/fiche.class.php
index b1c3122..86c5253 100644
--- a/include/class/fiche.class.php
+++ b/include/class/fiche.class.php
@@ -499,7 +499,7 @@ class Fiche
                             $w->set_attribute('ipopup', 'ipop_account');
                             $w->set_attribute('account', "av_text" . 
$attr->ad_id);
                             $w->table = 1;
-                            $bulle = HtmlInput::infobulle(14);
+                            $bulle = Icon_Action::infobulle(14);
                             break;
                     case 'select':
                             $w = new ISelect("av_text" . $attr->ad_id);
@@ -528,7 +528,7 @@ class Fiche
             $w->name = "av_text" . $attr->ad_id;
             if ($attr->ad_id == 21 || 
$attr->ad_id==22||$attr->ad_id==20||$attr->ad_id==31)
             {
-                    $bulle=HtmlInput::infobulle(21);
+                    $bulle=Icon_Action::infobulle(21);
             }
             if ($attr->ad_id == ATTR_DEF_NAME || $attr->ad_id== 
ATTR_DEF_QUICKCODE) 
                 $class=" input_text highlight info";
@@ -597,10 +597,10 @@ class Fiche
                     $sql="select account_auto($this->fiche_def)";
                     $ret_sql=$this->cn->exec_sql($sql);
                     $a=Database::fetch_array($ret_sql, 0);
-                    $bulle=HtmlInput::infobulle(10);
+                    $bulle=Icon_Action::infobulle(10);
 
                     if ($a['account_auto']=='t')
-                        $bulle.=HtmlInput::warnbulle(11);
+                        $bulle.=" ".Icon_Action::warnbulle(11);
                 }
                 elseif ($r->ad_id==ATTR_DEF_TVA)
                 {
@@ -639,7 +639,7 @@ class Fiche
                             $w->dbl_click_history();
                             $w->width=$r->ad_size;
                             $w->table=0;
-                            $bulle=HtmlInput::infobulle(14);
+                            $bulle=Icon_Action::infobulle(14);
                             $w->value=$r->av_text;
                             break;
                         case 'card':
@@ -711,7 +711,7 @@ class Fiche
 
             if ($r->ad_id==21||$r->ad_id==22||$r->ad_id==20||$r->ad_id==31)
             {
-                $bulle=HtmlInput::infobulle(21);
+                $bulle=Icon_Action::infobulle(21);
             }
             if ($r->ad_id == ATTR_DEF_NAME || $r->ad_id== 
ATTR_DEF_QUICKCODE||$r->ad_id==ATTR_DEF_ACCOUNT) 
                 $class=" input_text highlight info";
@@ -1755,7 +1755,7 @@ class Fiche
         
         $r.='<table  id="tiers_tb" class="sortable"  
style="width:90%;margin-left:5%">
             <TR >
-            <TH>'._('Quick Code').HtmlInput::infobulle(17).'</TH>'.
+            <TH>'._('Quick Code').Icon_Action::infobulle(17).'</TH>'.
             '<th>'._('Poste comptable').'</th>'.
             '<th  class="sorttable_sorted">'._('Nom').'<span 
id="sorttable_sortfwdind"><img src="image/up.gif"></span>'.'</th>
             <th>'._('Adresse').'</th>
diff --git a/include/class/periode.class.php b/include/class/periode.class.php
index 982aa90..1b6b45e 100644
--- a/include/class/periode.class.php
+++ b/include/class/periode.class.php
@@ -615,12 +615,12 @@ class Periode
         if ($obj->getp("p_closed")=='f')
         {
             $javascript=sprintf('%s.close_periode(\'%d\')', $p_js, $obj->p_id);
-            echo HtmlInput::image_click(ICONON, $javascript, _('Fermé'));
+            echo Icon_Action::iconon(uniqid(), $javascript);
         }
         else
         {
             $javascript=sprintf("%s.open_periode('%d')", $p_js, $obj->p_id);
-            echo HtmlInput::image_click(ICONOFF, $javascript, _('Ouvert'));
+            echo Icon_Action::iconoff(uniqid(),$javascript );
         }
         echo "</td>";
         echo "</tr>";
diff --git a/include/class/pre_op_ach.class.php 
b/include/class/pre_op_ach.class.php
index 5a5544a..00fbad9 100644
--- a/include/class/pre_op_ach.class.php
+++ b/include/class/pre_op_ach.class.php
@@ -228,7 +228,7 @@ class Pre_op_ach extends Pre_operation_detail
         }
 
         $W1=new ICard();
-        $W1->label=_("Fournisseur ").HtmlInput::infobulle(0) ;
+        $W1->label=_("Fournisseur ").Icon_Action::infobulle(0) ;
         $W1->name="e_client";
         $W1->tabindex=3;
         $W1->value=$e_client;
diff --git a/include/class/pre_op_advanced.class.php 
b/include/class/pre_op_advanced.class.php
index f8d6efc..e743e0d 100644
--- a/include/class/pre_op_advanced.class.php
+++ b/include/class/pre_op_advanced.class.php
@@ -186,8 +186,8 @@ class Pre_Op_Advanced extends Pre_operation_detail
         $ret.=dossier::hidden();
 
         $ret.=HtmlInput::hidden('jrn_type', $legder->get_type());
-        $info = HtmlInput::infobulle(0);
-        $info_poste = HtmlInput::infobulle(9);
+        $info = Icon_Action::infobulle(0);
+        $info_poste = Icon_Action::infobulle(9);
         if ($g_user->check_action(FICADD) == 1)
                 $ret.=$f_add_button->input();
         $ret.='<table id="quick_item" style="width:100%">';
diff --git a/include/class/pre_op_ven.class.php 
b/include/class/pre_op_ven.class.php
index 3a81dae..be479d5 100644
--- a/include/class/pre_op_ven.class.php
+++ b/include/class/pre_op_ven.class.php
@@ -229,7 +229,7 @@ class Pre_op_ven extends Pre_operation_detail
         }
 
         $W1=new ICard();
-        $W1->label="Client ".HtmlInput::infobulle(0) ;
+        $W1->label="Client ".Icon_Action::infobulle(0) ;
         $W1->name="e_client";
         $W1->tabindex=3;
         $W1->value=$e_client;
diff --git a/include/compta_fin_rec.inc.php b/include/compta_fin_rec.inc.php
index 11391f2..fa79dfe 100644
--- a/include/compta_fin_rec.inc.php
+++ b/include/compta_fin_rec.inc.php
@@ -223,7 +223,7 @@ $select_all->javascript="recompute('rec1')";
 echo $select_all->input();
 echo '</p>';
 echo '<p>';
-echo _('Cherche').HtmlInput::infobulle(25);
+echo _('Cherche').Icon_Action::infobulle(25);
 echo HtmlInput::filter_table("t_rec_bk", "0,1,2,3","1");
 echo '</p>';
 echo HtmlInput::submit('save', 'Mettre à jour le n° de relevé bancaire');
@@ -233,7 +233,7 @@ echo '<span style="display:block">';
        echo '</span>';
 echo '<table id="t_rec_bk" class="sortable" style="width:90%;margin-left:5%">';
 
-$r ='<th class=" sorttable_sorted">'.'Date '.HtmlInput::infobulle(17).'<span 
id="sorttable_sortfwdind"><img src="image/up.gif"></span>'.'</th>';
+$r ='<th class=" sorttable_sorted">'.'Date '.Icon_Action::infobulle(17).'<span 
id="sorttable_sortfwdind"><img src="image/up.gif"></span>'.'</th>';
 $r.=th('Libellé');
 $r.=th('N° interne');
 $r.=th('Montant', ' style="text-align:right"');
diff --git a/include/compta_fin_saldo.inc.php b/include/compta_fin_saldo.inc.php
index b7dcfa7..c56e567 100644
--- a/include/compta_fin_saldo.inc.php
+++ b/include/compta_fin_saldo.inc.php
@@ -44,7 +44,7 @@ echo h1(_("Exercice")." ".$exercice);
 echo _('Cherche').' : '.HtmlInput::filter_table("fin_saldo_tb", '0,1,2,3', 
'1');
 echo '<table class="sortable"  style="margin-left:2%;width:96%" class="result" 
id="fin_saldo_tb">';
 echo tr(th('Quick Code', ' class=" sorttable_sorted"',
-                HtmlInput::infobulle(17).'<span id="sorttable_sortfwdind"><img 
src="image/up.gif"></span>')
+                Icon_Action::infobulle(17).'<span 
id="sorttable_sortfwdind"><img src="image/up.gif"></span>')
         .th(_('Compte en banque'), ' style="text-align:left"')
         .th(_('Journal'), ' style="text-align:center"')
         .th(_('Description'), ' style="text-align:center"')
diff --git a/include/constant.php b/include/constant.php
index 73eaab2..86229d1 100644
--- a/include/constant.php
+++ b/include/constant.php
@@ -311,5 +311,6 @@ define ('EXC_PARAM_TYPE',1006);
 define ('EXC_DUPLICATE',1200);
 define ('ICONON','icon-on.png');
 define ('ICONOFF','icon-off.png');
-define ("PINDG","&#8853;");
-define ("UNPINDG","&#8778;");
\ No newline at end of file
+define ("PINDG","&#xf047;");
+define ("UNPINDG","&#xf192;");
+//define ("UNPINDG","&#8778;");
\ No newline at end of file
diff --git a/include/dossier.inc.php b/include/dossier.inc.php
index aee1882..18f1257 100644
--- a/include/dossier.inc.php
+++ b/include/dossier.inc.php
@@ -236,7 +236,7 @@ if ( $sa == 'list' )
         $template="";
        echo '<div class="content">';
        echo '<span style="display:block">';
-       echo _('Cherche').HtmlInput::infobulle(23);
+       echo _('Cherche').Icon_Action::infobulle(23);
        echo HtmlInput::filter_table("t_dossier", "0,1,2","1");
        echo '</span>';
     echo '<TABLE id="t_dossier" class="table_large" >';
diff --git a/include/fiche.inc.php b/include/fiche.inc.php
index e4c6d72..66e8a3f 100644
--- a/include/fiche.inc.php
+++ b/include/fiche.inc.php
@@ -89,7 +89,7 @@ 
$search_card_js=sprintf('onclick="boxsearch_card(\'%d\')"',dossier::id());
 ?>
 <div id="box_search_card">
 
-               <?php echo _('Recherche de fiche')?> <?php echo 
HtmlInput::infobulle(18)?> :<?php echo $search_card->input()?>
+               <?php echo _('Recherche de fiche')?> <?php echo 
Icon_Action::infobulle(18)?> :<?php echo $search_card->input()?>
                <?php echo 
HtmlInput::button_anchor(_("Chercher"),"javascript:void(0)","",$search_card_js,'smallbutton')?>
 </div>
 <?php
@@ -396,7 +396,7 @@ if ($_GET['histo'] == 4 || $_GET['histo'] == 5)
                echo tr(
                                th('Quick Code') .
                                th('Libellé') .
-                               '<th>Poste'.HtmlInput::infobulle(27).'</th>'.
+                               '<th>Poste'.Icon_Action::infobulle(27).'</th>'.
                                th('Débit', 'style="text-align:right"') .
                                th('Crédit', 'style="text-align:right"') .
                                th('Solde', 'style="text-align:right"') .
@@ -509,7 +509,7 @@ for ($e = 0; $e < count($afiche); $e++)
 
                echo '<h2>' . $detail_card ;
                 echo "poste "
-                        . 
":".HtmlInput::history_account($row->strAttribut(ATTR_DEF_ACCOUNT),$row->strAttribut(ATTR_DEF_ACCOUNT),'display:inline').HtmlInput::infobulle(27).'</h2>';
+                        . 
":".HtmlInput::history_account($row->strAttribut(ATTR_DEF_ACCOUNT),$row->strAttribut(ATTR_DEF_ACCOUNT),'display:inline').Icon_Action::infobulle(27).'</h2>';
 
                echo '<table class="result">';
                echo '<tr>';
diff --git a/include/impress_jrn.inc.php b/include/impress_jrn.inc.php
index d8bc42d..c9589a3 100644
--- a/include/impress_jrn.inc.php
+++ b/include/impress_jrn.inc.php
@@ -35,7 +35,7 @@ global $g_user,$http;
 //-----------------------------------------------------
 require_once NOALYSS_INCLUDE.'/lib/database.class.php';
 
-if ($g_user->Admin() == 0 && $g_user->is_local_admin() == 0)
+if ($g_user->Admin() == 0 && $g_user->is_local_admin() == 0  && 
$g_user->get_status_security_ledger()==1)
 {
        $sql = "select jrn_def_id,jrn_def_name
          from jrn_def join jrn_type on jrn_def_type=jrn_type_id
@@ -53,16 +53,16 @@ else
                          from jrn_def join jrn_type on jrn_def_type=jrn_type_id
                                                 order by jrn_def_name
                                                 ");
+    // Count the forbidden journaux
+//    $NoPriv = $cn->count_sql("select 
jrn_def_id,jrn_def_name,jrn_def_class_deb,jrn_def_class_cred,jrn_type_id,jrn_desc,uj_priv,
+//                           jrn_deb_max_line,jrn_cred_max_line
+//                           from jrn_def join jrn_type on 
jrn_def_type=jrn_type_id
+//                           join  user_sec_jrn on uj_jrn_id=jrn_def_id
+//                           where
+//                           uj_login=$1
+//                           and uj_priv ='X'
+//                           ",array($g_user->id));
 }
-// Count the forbidden journaux
-$NoPriv = $cn->count_sql("select 
jrn_def_id,jrn_def_name,jrn_def_class_deb,jrn_def_class_cred,jrn_type_id,jrn_desc,uj_priv,
-                       jrn_deb_max_line,jrn_cred_max_line
-                       from jrn_def join jrn_type on jrn_def_type=jrn_type_id
-                       join  user_sec_jrn on uj_jrn_id=jrn_def_id
-                       where
-                       uj_login=$1
-                       and uj_priv ='X'
-                       ",array($g_user->id));
 /*
  * Show all the available ledgers
  */
@@ -139,7 +139,7 @@ $w->selected = 1;
 print '</TR>';
 print '<TR>';
 $w->selected = (isset($simple)) ? $simple : '1';
-echo '<td>Style d\'impression '.HtmlInput::infobulle(32).'</td>' . 
$w->input('p_simple', $a);
+echo '<td>Style d\'impression '.Icon_Action::infobulle(32).'</td>' . 
$w->input('p_simple', $a);
 print "</TR>";
 
 echo '</TABLE>';
diff --git a/include/lib/ac_common.php b/include/lib/ac_common.php
index 7c0d5f5..6a910e4 100644
--- a/include/lib/ac_common.php
+++ b/include/lib/ac_common.php
@@ -831,7 +831,7 @@ function ajax_disconnected($div)
        $script.='a.style.top=posY-20+offsetY;a.style.left=posX+offsetX;';
        $script = create_script($script);
        $html = $script;
-       $html.=HtmlInput::anchor_close($div);
+       $html.=Icon_Action::close($div);
        $html.='<div>';
        $html.=h2(_('Données non disponibles'), 'class="title" 
style="width:auto"');
        $html.=h2(_('Veuillez vous reconnecter soit dans une autre fenêtre soit 
'
@@ -1176,7 +1176,7 @@ function 
display_dashboard_operation($p_array,$p_title,$p_div)
        ?>
 <div id="<?php echo $p_div;?>" class="inner_box" 
style="display:none;position:fixed;top:250px;left:12%;width: 
75%;min-height:50%;overflow:auto;">
        <?php
-       echo HtmlInput::title_box($p_title, $p_div, "hide");
+       echo HtmlInput::title_box($p_title, $p_div, "hide",'','y');
        ?>
        <?php if (count($p_array)>0) :?>
        <table class="result">
diff --git a/include/lib/html_input.class.php b/include/lib/html_input.class.php
index 9bf9349..b048154 100755
--- a/include/lib/html_input.class.php
+++ b/include/lib/html_input.class.php
@@ -1,4 +1,5 @@
 <?php
+
 /*
  *   This file is part of NOALYSS.
  *
@@ -15,16 +16,16 @@
  *   You should have received a copy of the GNU General Public License
  *   along with NOALYSS; if not, write to the Free Software
  *   Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
-*/
+ */
 require_once NOALYSS_INCLUDE.'/lib/http_input.class.php';
 
 // Copyright Author Dany De Bontridder address@hidden
 
-/*! \file
+/* ! \file
  * \brief This class is used to create all the HTML INPUT TYPE
  */
 
-/*!
+/* !
  * \brief class widget This class is used to create all the HTML INPUT TYPE
  *        and some specials which works with javascript like
  *        js_search.
@@ -53,23 +54,23 @@ require_once NOALYSS_INCLUDE.'/lib/http_input.class.php';
 class HtmlInput
 {
 
-    var $type;                      /*!<  $type type of the widget */
-    var $name;                      /*!<  $name field NAME of the INPUT */
-    var $value;                     /*!<  $value what the INPUT contains */
-    var $readOnly;                  /*!<  $readonly true : we cannot change 
value */
-    var $size;                      /*!<  $size size of the input */
-    var $selected;                  /*!<  $selected for SELECT RADIO and 
CHECKBOX the selected value */
-    var $table;                     /*!<  $table =1 add the table tag */
-    var $label;                     /*!<  $label the question before the input 
*/
-    var $disabled;                  /*!<  $disabled poss. value == true or 
nothing, to disable INPUT*/
-    var $extra;                     /*!<  $extra different usage, it depends 
of the $type */
-    var $extra2;                    /*!<  $extra2 different usage,
-                                            it depends of the $type */
-    var $javascript;                /*!< $javascript  is the javascript to add 
to the widget */
-    var $ctrl;                 /*!<$ctrl is the control to update (see 
js_search_card_control) */
-
+    var $type;                      /* !<  $type type of the widget */
+    var $name;                      /* !<  $name field NAME of the INPUT */
+    var $value;                     /* !<  $value what the INPUT contains */
+    var $readOnly;                  /* !<  $readonly true : we cannot change 
value */
+    var $size;                      /* !<  $size size of the input */
+    var $selected;                  /* !<  $selected for SELECT RADIO and 
CHECKBOX the selected value */
+    var $table;                     /* !<  $table =1 add the table tag */
+    var $label;                     /* !<  $label the question before the 
input */
+    var $disabled;                  /* !<  $disabled poss. value == true or 
nothing, to disable INPUT */
+    var $extra;                     /* !<  $extra different usage, it depends 
of the $type */
+    var $extra2;                    /* !<  $extra2 different usage,
+      it depends of the $type */
+    var $javascript;                /* !< $javascript  is the javascript to 
add to the widget */
+    var $ctrl;   /* !<$ctrl is the control to update (see 
js_search_card_control) */
     var $tabindex;
-    function __construct($p_name="",$p_value="",$p_id="")
+
+    function __construct($p_name="", $p_value="", $p_id="")
     {
         $this->name=$p_name;
         $this->readOnly=false;
@@ -85,21 +86,24 @@ class HtmlInput
         $this->extra2="all";
         $this->attribute=array();
         $this->id=$p_id;
-
     }
+
     function setReadOnly($p_read)
     {
         $this->readOnly=$p_read;
     }
-    /*!\brief set the extra javascript property for the INPUT field
-     *\param $p_name name of the parameter
-     *\param $p_value default value of this parameter
+
+    /* !\brief set the extra javascript property for the INPUT field
+     * \param $p_name name of the parameter
+     * \param $p_value default value of this parameter
      */
-    public function set_attribute($p_name,$p_value)
+
+    public function set_attribute($p_name, $p_value)
     {
-        $this->attribute[]=array($p_name,$p_value);
+        $this->attribute[]=array($p_name, $p_value);
         $this->$p_name=$p_value;
     }
+
     /**
      * Set the value of input (IText, INum,...)
      * @param type $p_string
@@ -108,6 +112,7 @@ class HtmlInput
     {
         $this->value=$p_string;
     }
+
     /**
      * Return the value of input (IText, INum,...)
      */
@@ -115,31 +120,31 @@ class HtmlInput
     {
         return $this->value;
     }
+
     /**
-     address@hidden you can add attribute to this in javascript
+     * @brief you can add attribute to this in javascript
      * this function is a wrapper and create a script (in js) to modify
      * "this" (in javascript) with the value of obj->attribute from PHP
-     address@hidden return string with the javascript code
+     * @return return string with the javascript code
      */
     public function get_js_attr()
     {
         require_once NOALYSS_INCLUDE.'/lib/function_javascript.php';
         $attr="";
-        if ( count($this->attribute) == 0) return "";
+        if (count($this->attribute)==0)
+            return "";
 
         /* Add properties at the widget */
-        for ($i=0;$i< count($this->attribute);$i++)
+        for ($i=0; $i<count($this->attribute); $i++)
         {
-            list($name,$value)=$this->attribute[$i];
-            $tmp1=sprintf("$('%s').%s='%s';",
-                          $this->name,
-                          $name,
-                          $value);
+            list($name, $value)=$this->attribute[$i];
+            $tmp1=sprintf("$('%s').%s='%s';", $this->name, $name, $value);
             $attr.=$tmp1;
         }
         $attr=create_script($attr);
         return $attr;
     }
+
     /**
      * Make a JSON object, this method create a javascript object
      * with the attribute set, it returns a javascript string with the object
@@ -150,29 +155,28 @@ class HtmlInput
      * special char as quote, single-quote...
      * @deprecated 
      * @code
-    $a=new IButton()
-    $a->set_attribute('prop','1');
-    $a->set_attribute('prop','2');
-    $a->set_attribute('prop','3');
-    $string = $a->make_object('property');
-    echo $string => property={'prop':'1','prop2':'2','prop3':'3'};
-    $string = $a->make_object(null);
-    echo $string => {'prop':'1','prop2':'2','prop3':'3'};
-    @endcode
-    */
+      $a=new IButton()
+      $a->set_attribute('prop','1');
+      $a->set_attribute('prop','2');
+      $a->set_attribute('prop','3');
+      $string = $a->make_object('property');
+      echo $string => property={'prop':'1','prop2':'2','prop3':'3'};
+      $string = $a->make_object(null);
+      echo $string => {'prop':'1','prop2':'2','prop3':'3'};
+      @endcode
+     */
     public function make_object_deprecated($p_name=null)
     {
-        $name=($p_name != null)?$p_name.'=':'';
-        if ( count($this->attribute) == 0) return $name."{}";
+        $name=($p_name!=null)?$p_name.'=':'';
+        if (count($this->attribute)==0)
+            return $name."{}";
         $ret=$name."{";
         $and='';
 
-        for ($i=0;$i< count($this->attribute);$i++)
+        for ($i=0; $i<count($this->attribute); $i++)
         {
-            list($name,$value)=$this->attribute[$i];
-            $tmp1=sprintf($and."'%s':'%s'",
-                          $name,
-                          $value);
+            list($name, $value)=$this->attribute[$i];
+            $tmp1=sprintf($and."'%s':'%s'", $name, $value);
             $ret.=$tmp1;
             $and=',';
         }
@@ -180,6 +184,7 @@ class HtmlInput
         $ret.='}';
         return $ret;
     }
+
     //#####################################################################
     /* Debug
      */
@@ -187,181 +192,155 @@ class HtmlInput
     {
         echo "Type ".$this->type."<br>";
         echo "name ".$this->name."<br>";
-        echo "value". $this->value."<br>";
+        echo "value".$this->value."<br>";
         $readonly=($this->readonly==false)?"false":"true";
         echo "read only".$readonly."<br>";
     }
-    static   function submit 
($p_name,$p_value,$p_javascript="",$p_class="smallbutton")
+
+    static function submit($p_name, $p_value, $p_javascript="",
+            $p_class="smallbutton")
     {
 
         return '<INPUT TYPE="SUBMIT" class="'.$p_class.'" NAME="'.$p_name.'" 
ID="'.$p_name.'_submit_id"  VALUE="'.$p_value.'" '.$p_javascript.'>';
     }
-    static   function button 
($p_name,$p_value,$p_javascript="",$p_class="smallbutton")
+
+    static function button($p_name, $p_value, $p_javascript="",
+            $p_class="smallbutton")
     {
 
         return '<INPUT TYPE="button" class="'.$p_class.'" NAME="'.$p_name.'" 
ID="'.$p_name.'" VALUE="'.$p_value.'" '.$p_javascript.'>';
     }
 
-    static function reset ($p_value)
+    static function reset($p_value)
     {
         return '<INPUT TYPE="RESET" class="smallbutton" VALUE="'.$p_value.'">';
     }
-    static function hidden($p_name,$p_value,$p_id="")
+
+    static function hidden($p_name, $p_value, $p_id="")
     {
-               if ($p_id=="") $p_id=$p_name;
+        if ($p_id=="")
+            $p_id=$p_name;
         return '<INPUT TYPE="hidden" id="'.$p_id.'" NAME="'.$p_name.'" 
VALUE="'.$p_value.'">';
     }
 
     static function extension()
     {
-        return self::hidden('plugin_code',$_REQUEST['plugin_code']);
+        return self::hidden('plugin_code', $_REQUEST['plugin_code']);
     }
 
-    /*!\brief create a button with a ref
-     *\param $p_label the text
-     *\param $p_value the location of the window,
-     *\param $p_name the id of the span
-     *\param $p_javascript javascript for this button
-     *\return string with htmlcode
+    /* !\brief create a button with a ref
+     * \param $p_label the text
+     * \param $p_value the location of the window,
+     * \param $p_name the id of the span
+     * \param $p_javascript javascript for this button
+     * \return string with htmlcode
      */
-    static function 
button_anchor($p_label,$p_value,$p_name="",$p_javascript="",$p_class="button")
+
+    static function button_anchor($p_label, $p_value, $p_name="",
+            $p_javascript="", $p_class="button")
     {
         $href="";
-        if ( $p_value != "") $href=sprintf ('  href ="%s"  ',$p_value);
+        if ($p_value!="")
+            $href=sprintf('  href ="%s"  ', $p_value);
         $r=sprintf('<span id="%s" > <A class="'.$p_class.'" 
style="display:inline;"  %s %s >%s</A></span>',
-                   $p_name,
-                   $href,
-                   $p_javascript,
-                   $p_label);
-        return $r;
-    }
-    static function infobulle($p_comment)
-    {
-        $r='<A tabindex="-1" style="display:inline;text-decoration:none;" 
onmouseover="showBulle(\''.$p_comment.'\')"  
onclick="showBulle(\''.$p_comment.'\')" onmouseout="hideBulle(0)">';
-        $r.='<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/";
-   xmlns:cc="http://creativecommons.org/ns#";
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
-   xmlns:svg="http://www.w3.org/2000/svg";
-   xmlns="http://www.w3.org/2000/svg";
-   version="1.1"
-   width="16"
-   height="16"
-   id="svg3141">
-  <defs     id="defs3143" />
-  <g
-     id="layer1">
-    <path
-       d="m 606.09154,510.92041 a 219.20311,222.23357 0 1 1 -438.40622,0 
219.20311,222.23357 0 1 1 438.40622,0 z"
-       transform="matrix(0.03528106,0,0,0.03288119,-5.5449677,-8.7386598)"
-       id="path2989"
-       
style="opacity:0.98999999;fill:#0000ff;fill-opacity:1;fill-rule:nonzero;stroke:none"
 />
-    <text
-       x="2.8955159"
-       y="16.282976"
-       transform="scale(1.1859122,0.84323275)"
-       id="text2985"
-       xml:space="preserve"
-       
style="font-size:20.54475784px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Consolas;-inkscape-font-specification:Consolas"><tspan
-         x="2.8955159"
-         y="16.282976"
-         id="tspan2987"
-         
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;fill:#ffffff;font-family:cmmi10;-inkscape-font-specification:cmmi10">i</tspan></text>
-  </g>
-</svg>';
-                $r.='</A>';
-
+                $p_name, $href, $p_javascript, $p_label);
         return $r;
     }
+    /**
+     * @deprecated since version 7.0
+     * @see Icon_Action::warnbulle
+     * @param type $p_comment
+     * @return string
+     */
     static function warnbulle($p_comment)
     {
-        $r='<A tabindex="-1" onmouseover="showBulle(\''.$p_comment.'\')"  
onclick="showBulle(\''.$p_comment.'\')" onmouseout="hideBulle(0)"><img 
style="width:19px"  src="image/warning.png"/></A>';
-        
-        return $r;
+        throw new Exception("DEPRECATED");
     }
+
     static function errorbulle($p_comment)
     {
         global $g_failed;
         $r=sprintf('<A HREF="#" tabindex="-1" 
style="display:inline;color:red;background-color:transparent;padding-left:4px;padding-right:4px;text-decoration:none;"
 onmouseover="displayBulle(\'%s\')"  onclick="displayBulle(\'%s\')" 
onmouseout="hideBulle(0)"> %s </A>',
-                $p_comment,
-                $p_comment,
-                $g_failed);
+                $p_comment, $p_comment, $g_failed);
         return $r;
     }
+
     /**
      * return a string containing the html code for calling the modifyOperation
      */
-    static function detail_op($p_jr_id,$p_mesg)
+    static function detail_op($p_jr_id, $p_mesg)
     {
         return sprintf('<A class="detail" 
style="text-decoration:underline;display:inline" 
HREF="javascript:modifyOperation(%d,%d)">%s</A>',
-                       $p_jr_id,dossier::id(),$p_mesg);
+                $p_jr_id, dossier::id(), $p_mesg);
     }
-       /**
-        * @brief return an anchor to view the detail of an action
-        * @param $ag_id
-        * @param $p_mesg
-        * @param $p_modify let you modify an operation
-        *
-        */
-    static function detail_action($ag_id,$p_mesg,$p_modify=1)
+
+    /**
+     * @brief return an anchor to view the detail of an action
+     * @param $ag_id
+     * @param $p_mesg
+     * @param $p_modify let you modify an operation
+     *
+     */
+    static function detail_action($ag_id, $p_mesg, $p_modify=1)
     {
         return sprintf('<A class="detail" 
style="text-decoration:underline;display:inline" 
HREF="javascript:view_action(%d,%d,%d)">%s</A>',
-                       $ag_id,dossier::id(),$p_modify,$p_mesg);
+                $ag_id, dossier::id(), $p_modify, $p_mesg);
     }
+
     /**
      * return a string containing the html code for calling the 
modifyModeleDocument
      */
-    static function detail_modele_document($p_id,$p_mesg)
+    static function detail_modele_document($p_id, $p_mesg)
     {
         return sprintf('<A class="detail" style="text-decoration:underline" 
HREF="javascript:modifyModeleDocument(%d,%d)">%s</A>',
-                       $p_id,dossier::id(),$p_mesg);
+                $p_id, dossier::id(), $p_mesg);
     }
 
     /**
      * return a string containing the html code for calling the removeStock
      */
-    static function remove_stock($p_id,$p_mesg)
+    static function remove_stock($p_id, $p_mesg)
     {
         return sprintf('<A class="detail" style="text-decoration:underline" 
HREF="javascript:removeStock(%d,%d)">%s</A>',
-                       $p_id,dossier::id(),$p_mesg);
+                $p_id, dossier::id(), $p_mesg);
     }
 
     /**
      * display a div with the history of the card
      */
-    static function history_card($f_id,$p_mesg,$p_style="")
+    static function history_card($f_id, $p_mesg, $p_style="")
     {
-        $view_history= sprintf('<A class="detail"  
style="text-decoration:underline;%s" 
HREF="javascript:view_history_card(\'%s\',\'%s\')" >%s</A>',
-                               $p_style,$f_id, dossier::id(), $p_mesg);
+        $view_history=sprintf('<A class="detail"  
style="text-decoration:underline;%s" 
HREF="javascript:view_history_card(\'%s\',\'%s\')" >%s</A>',
+                $p_style, $f_id, dossier::id(), $p_mesg);
         return $view_history;
     }
+
     /**
      * display a div with the history of the card
      */
-    static function history_card_button($f_id,$p_mesg)
+    static function history_card_button($f_id, $p_mesg)
     {
-      static $e=0;
-      $e++;
-      $js= sprintf('onclick="view_history_card(\'%s\',\'%s\')"',
-                               $f_id, dossier::id());
-      $view_history=HtmlInput::button("hcb"+$e,$p_mesg,$js);
-      return $view_history;
+        static $e=0;
+        $e++;
+        $js=sprintf('onclick="view_history_card(\'%s\',\'%s\')"', $f_id,
+                dossier::id());
+        $view_history=HtmlInput::button("hcb"+$e, $p_mesg, $js);
+        return $view_history;
     }
 
     /**
      * display a div with the history of the account
      */
-    static function history_account($p_account,$p_mesg,$p_style="")
+    static function history_account($p_account, $p_mesg, $p_style="")
     {
-        $view_history= sprintf('<A class="detail" 
style="text-decoration:underline;%s" 
HREF="javascript:view_history_account(\'%s\',\'%s\')" >%s</A>',
-                               $p_style,$p_account, dossier::id(), $p_mesg);
+        $view_history=sprintf('<A class="detail" 
style="text-decoration:underline;%s" 
HREF="javascript:view_history_account(\'%s\',\'%s\')" >%s</A>',
+                $p_style, $p_account, dossier::id(), $p_mesg);
         return $view_history;
     }
 
-   
     /**
-     *create a hidden plus button to select the cat of ledger
-     address@hidden the selected value is stored in the array p_cat
+     * create a hidden plus button to select the cat of ledger
+     * @note the selected value is stored in the array p_cat
      */
     static function select_cat($array_cat)
     {
@@ -377,17 +356,16 @@ class HtmlInput
         $selected=(isset($_GET['r_cat']))?$_GET['r_cat']:null;
 
         echo '<ul>';
-        for ($e=0;$e<count($array_cat);$e++)
+        for ($e=0; $e<count($array_cat); $e++)
         {
             $row=$array_cat[$e];
-            $re=new ICheckBox('r_cat['.$e.']',$row['cat']);
+            $re=new ICheckBox('r_cat['.$e.']', $row['cat']);
 
-            if ( $selected != null && isset($selected[$e]))
+            if ($selected!=null&&isset($selected[$e]))
             {
                 $re->selected=true;
             }
             echo '<li style="list-style-type: 
none;">'.$re->input().$row['name'].'('.$row['cat'].')</li>';
-
         }
         echo '</ul>';
         $hide=new IButton('l2');
@@ -400,28 +378,29 @@ class HtmlInput
         ob_end_clean();
         return $r;
     }
+
     static function display_periode($p_id)
     {
-      $r=sprintf('<a href="javascript:void(0)" 
onclick="display_periode(%d,%d)">Modifier</a>',
-                dossier::id(),
-                $p_id);
-      return $r;
+        $r=sprintf('<a href="javascript:void(0)" 
onclick="display_periode(%d,%d)">Modifier</a>',
+                dossier::id(), $p_id);
+        return $r;
     }
+
     /**
-     *close button for the HTML popup
-     address@hidden add_div modify_operation
-     address@hidden $div_name is the name of the div to remove
+     * close button for the HTML popup
+     * @see add_div modify_operation
+     * @param $div_name is the name of the div to remove
      */
     static function button_close($div_name)
     {
-      $a=new IButton('Fermer');
-      $a->label=_("Fermer");
-      $a->javascript="removeDiv('".$div_name."')";
-      $html=$a->input();
-
-      return $html;
+        $a=new IButton('Fermer');
+        $a->label=_("Fermer");
+        $a->javascript="removeDiv('".$div_name."')";
+        $html=$a->input();
 
+        return $html;
     }
+
     /**
      * @brief Hide the HTML popup
      * @param type $div_name
@@ -429,107 +408,109 @@ class HtmlInput
      */
     static function button_hide($div_name)
     {
-      $a=new IButton('Fermer');
-      $a->label=_("Fermer");
-      $a->javascript="$('".$div_name."').hide()";
-      $html=$a->input();
-
-      return $html;
+        $a=new IButton('Fermer');
+        $a->label=_("Fermer");
+        $a->javascript="$('".$div_name."').hide()";
+        $html=$a->input();
 
+        return $html;
     }
+
     /**
      * Return a html string with an anchor which close the inside popup. 
(top-right corner)
-     address@hidden name of the DIV to close
+     * @param name of the DIV to close
+     * @deprecated 
+     * @see Icon_Action::close
      */
-    static function anchor_close($div,$p_js="")
+    static function anchor_close($div, $p_js="")
     {
-       $r='';
-       $r.='<div class="bxbutton">';
-       $r.= '<A id="close_div" class="input_text" 
onclick="removeDiv(\''.$div.'\');'.$p_js.'">&#10761;</A>';
-       $r.='</div>';
-       return $r;
+        throw new Exception("DEPRECATED");
     }
+
     /**
      * Anchor Html with javascript
-     address@hidden $action action action to perform (message) without onclick
-     address@hidden $javascript javascript to execute
-     address@hidden $id is the DOM element id 
-     address@hidden $p_class CSS class of the button
-     address@hidden $p_symbole raw symbole to add to the action message
+     * @param $action action action to perform (message) without onclick
+     * @param $javascript javascript to execute
+     * @param $id is the DOM element id 
+     * @param $p_class CSS class of the button
+     * @param $p_symbole raw symbole to add to the action message
      */
-    static function 
anchor_action($action,$javascript,$id=NULL,$p_class="button",$p_symbole="")
+    static function anchor_action($action, $javascript, $id=NULL,
+            $p_class="button", $p_symbole="")
     {
-        if ($id==NULL){
+        if ($id==NULL)
+        {
             $id=uniqid("xx");
         }
         $r="";
         $r.='<a  id="'.$id.'" class="'.$p_class.'" 
onclick="'.$javascript.'">'.$p_symbole.h($action).'</a>';
         return $r;
-
     }
+
     /**
      * button Html with javascript
-     address@hidden $action action action to perform (message) without onclick
-     address@hidden $javascript javascript to execute
-     address@hidden $id is the DOM element id 
-     address@hidden $p_class CSS class of the button
-     address@hidden $p_symbole raw symbole to add to the action message
+     * @param $action action action to perform (message) without onclick
+     * @param $javascript javascript to execute
+     * @param $id is the DOM element id 
+     * @param $p_class CSS class of the button
+     * @param $p_symbole raw symbole to add to the action message
      */
-    static function 
button_action($action,$javascript,$id=NULL,$p_class="button",$p_symbole="")
+    static function button_action($action, $javascript, $id=NULL,
+            $p_class="button", $p_symbole="")
     {
-        if ($id==NULL){
+        if ($id==NULL)
+        {
             $id=uniqid("xx");
         }
         $r="";
         $r.='<input type="button" id="'.$id.'" class="'.$p_class.'" 
onclick="'.$javascript.'" value="'.$p_symbole.h($action).'">';
         return $r;
-
     }
+
     /**
      * Image to click , 
      * @param string $p_image filename of the image under image/
      * @param string $p_js javascript when the image is clicked
      * @param string $p_message Message 
      */
-    static  function image_click($p_image,$p_js,$p_message,$p_class="")
+    static function image_click($p_image, $p_js, $p_message, $p_class="")
     {
         $ret=sprintf('<a class="nav %s" style="display:inline" title="%s"><img 
src="image/%s" onclick="%s"></a>',
-                $p_class,
-                $p_message,$p_image,$p_js);
+                $p_class, $p_message, $p_image, $p_js);
         return $ret;
-
     }
+
     /**
      * button Html image
-     address@hidden $javascript javascript to execute
+     * @param $javascript javascript to execute
      * @param $id id of the button
      * @param  $class class of the button
      * @param $p_image image
      */
-    static function 
button_image($javascript,$id="xx",$p_class='class="button"',$p_image="")
+    static function button_image($javascript, $id="xx",
+            $p_class='class="button"', $p_image="")
     {
-        if ($id=="xx"){
+        if ($id=="xx")
+        {
             $id=uniqid("xx");
         }
         $r="";
         $r.='<image id="'.$id.'" '.$p_class.' onclick="'.$javascript.'"  
src="'.$p_image.'" />';
         return $r;
-
     }
+
     /**
      * Return a html string with an anchor to hide a div, put it in the right 
corner
-     address@hidden $action action action to perform (message)
-     address@hidden $javascript javascript
-     address@hidden not protected against html
-     address@hidden Acc_Ledger::display_search_form
+     * @param $action action action to perform (message)
+     * @param $javascript javascript
+     * @note not protected against html
+     * @see Icon_Action::hide
+     * @deprecated
+     * 
      */
-    static function anchor_hide($action,$javascript)
+    static function anchor_hide($action, $javascript)
     {
-       $r='';
-       $r.='<div>';
-       $r.= '<span id="close_div" class="input_text"  
style="float:right;margin:0px;margin-right:10px;padding:0px;margin-top: 3px;" 
onclick="'.$javascript.'">'.$action.'</span>';
-       $r.='</div>';
-       return $r;
+        throw new Exception("DEPRECATED");
     }
 
     /**
@@ -537,52 +518,60 @@ class HtmlInput
      */
     static function print_window()
     {
-       $r='';
-       $r.=HtmlInput::button('print','Imprimer','onclick="window.print();"');
-       return $r;
+        $r='';
+        $r.=HtmlInput::button('print', 'Imprimer', 
'onclick="window.print();"');
+        return $r;
     }
+
     /**
-     *show the detail of a card
+     * show the detail of a card
      */
-    static function 
card_detail($p_qcode,$pname='',$p_style="",$p_nohistory=false)
+    static function card_detail($p_qcode, $pname='', $p_style="",
+            $p_nohistory=false)
     {
-      //if ($pname=='')$pname=$p_qcode;
-      $r="";
-      $histo=($p_nohistory==true)?' ,nohistory:1':"";
-      $r.=sprintf('<a href="javascript:void(0)" %s 
onclick="fill_ipopcard({qcode:\'%s\' %s})">%s [%s]</a>',
-                 $p_style,$p_qcode,$histo,$pname,$p_qcode);
-      return $r;
+        //if ($pname=='')$pname=$p_qcode;
+        $r="";
+        $histo=($p_nohistory==true)?' ,nohistory:1':"";
+        $r.=sprintf('<a href="javascript:void(0)" %s 
onclick="fill_ipopcard({qcode:\'%s\' %s})">%s [%s]</a>',
+                $p_style, $p_qcode, $histo, $pname, $p_qcode);
+        return $r;
     }
+
     /**
-     *transform request data  to hidden
-     address@hidden $array is an of indices
-     address@hidden $request name of the superglobal $_POST $_GET 
$_REQUEST(default)
-     address@hidden html string with the hidden data
+     * transform request data  to hidden
+     * @param $array is an of indices
+     * @param $request name of the superglobal $_POST $_GET $_REQUEST(default)
+     * @return html string with the hidden data
      */
-    static function array_to_hidden($array,$global_array )
+    static function array_to_hidden($array, $global_array)
     {
 
-      $r="";
-
-      if ( count($global_array )==0) return '';
-      foreach ($array  as $a)
-       {
-         if (isset($global_array [$a])) 
-          if (is_array($global_array[$a]) == false ) {
-                $r.=HtmlInput::hidden($a,$global_array [$a]);
-              } else {
-                  if (count($global_array[$a]) > 0)
-                  {
-                      foreach ($global_array[$a] as $value)
-                      {
-                          $r.=HtmlInput::hidden($a."[]",$value);
+        $r="";
+
+        if (count($global_array)==0)
+            return '';
+        foreach ($array as $a)
+        {
+            if (isset($global_array [$a]))
+                if (is_array($global_array[$a])==false)
+                {
+                    $r.=HtmlInput::hidden($a, $global_array [$a]);
+                }
+                else
+                {
+                    if (count($global_array[$a])>0)
+                    {
+                        foreach ($global_array[$a] as $value)
+                        {
+                            $r.=HtmlInput::hidden($a."[]", $value);
+                        }
                     }
-                  }
-              }
-       }
+                }
+        }
 
-      return $r;
+        return $r;
     }
+
     /**
      * @brief transform a json to hidden 
      * @param json $p_json
@@ -590,474 +579,514 @@ class HtmlInput
     static function json_to_hidden($p_json)
     {
         $aJson=json_decode($p_json);
-        foreach($aJson as $key=>$value) 
+        foreach ($aJson as $key=> $value)
         {
             echo HtmlInput::hidden($key, $value);
         }
     }
+
     /**
-     *transform $_GET   data  to hidden
-     address@hidden $array is an of indices
-     address@hidden HtmlInput::request_to_hidden
-     address@hidden html string with the hidden data
+     * transform $_GET   data  to hidden
+     * @param $array is an of indices
+     * @see HtmlInput::request_to_hidden
+     * @return html string with the hidden data
      */
     static function get_to_hidden($array)
     {
-      $r=self::array_to_hidden($array,$_GET );
-      return $r;
+        $r=self::array_to_hidden($array, $_GET);
+        return $r;
     }
 
     /**
-     *transform $_POST  data  to hidden
-     address@hidden $array is an of indices
-     address@hidden HtmlInput::request_to_hidden
-     address@hidden html string with the hidden data
+     * transform $_POST  data  to hidden
+     * @param $array is an of indices
+     * @see HtmlInput::request_to_hidden
+     * @return html string with the hidden data
      */
     static function post_to_hidden($array)
     {
-      $r=self::array_to_hidden($array,$_POST );
-      return $r;
+        $r=self::array_to_hidden($array, $_POST);
+        return $r;
     }
 
     /**
-     *transform $_REQUEST   data  to hidden
-     address@hidden $array is an of indices
-     address@hidden HtmlInput::request_to_hidden
-     address@hidden html string with the hidden data
+     * transform $_REQUEST   data  to hidden
+     * @param $array is an of indices
+     * @see HtmlInput::request_to_hidden
+     * @return html string with the hidden data
      */
     static function request_to_hidden($array)
     {
-      $r=self::array_to_hidden($array,$_REQUEST  );
-      return $r;
+        $r=self::array_to_hidden($array, $_REQUEST);
+        return $r;
     }
 
     /**
-     *transform request data  to string
-     address@hidden $array is an of indices
-     address@hidden $request name of the superglobal $_POST $_GET 
$_REQUEST(default)
-     address@hidden html string with the string data
+     * transform request data  to string
+     * @param $array is an of indices
+     * @param $request name of the superglobal $_POST $_GET $_REQUEST(default)
+     * @return html string with the string data
      */
-    static function array_to_string($array,$global_array,$start="?" )
+    static function array_to_string($array, $global_array, $start="?")
     {
 
-      $r=$start;
-
-      if ( count($global_array )==0) return '';
-      $and="";
-      foreach ($array  as $a)
-       {
-         if (isset($global_array [$a]))
-          {
-              if (is_array($global_array[$a]) == false ) {
-                $r.=$and."$a=".$global_array [$a];
-              } else {
-                  for ($i=0;$i<count($global_array[$a]);$i++) {
-                      $r.=$and."$a"."[]=".$global_array[$a][$i];
-                      $and="&amp;";
-                  }
-              }
-          }
-         $and="&amp;";
-       }
-
-      return $r;
+        $r=$start;
+
+        if (count($global_array)==0)
+            return '';
+        $and="";
+        foreach ($array as $a)
+        {
+            if (isset($global_array [$a]))
+            {
+                if (is_array($global_array[$a])==false)
+                {
+                    $r.=$and."$a=".$global_array [$a];
+                }
+                else
+                {
+                    for ($i=0; $i<count($global_array[$a]); $i++)
+                    {
+                        $r.=$and."$a"."[]=".$global_array[$a][$i];
+                        $and="&amp;";
+                    }
+                }
+            }
+            $and="&amp;";
+        }
+
+        return $r;
     }
+
     /**
-     *transform $_GET   data  to string
-     address@hidden $array is an of indices
-     address@hidden HtmlInput::request_to_string
-     address@hidden html string with the string data
+     * transform $_GET   data  to string
+     * @param $array is an of indices
+     * @see HtmlInput::request_to_string
+     * @return html string with the string data
      */
-    static function get_to_string($array,$start="?")
+    static function get_to_string($array, $start="?")
     {
-      $r=self::array_to_string($array,$_GET ,$start);
-      return $r;
+        $r=self::array_to_string($array, $_GET, $start);
+        return $r;
     }
 
     /**
-     *transform $_POST  data  to string
-     address@hidden $array is an of indices
-     address@hidden HtmlInput::request_to_string
-     address@hidden html string with the string data
+     * transform $_POST  data  to string
+     * @param $array is an of indices
+     * @see HtmlInput::request_to_string
+     * @return html string with the string data
      */
     static function post_to_string($array)
     {
-      $r=self::array_to_string($array,$_POST );
-      return $r;
+        $r=self::array_to_string($array, $_POST);
+        return $r;
     }
 
     /**
-     *transform $_REQUEST   data  to string
-     address@hidden $array is an of indices
-     address@hidden HtmlInput::request_to_string
-     address@hidden html string with the string data
+     * transform $_REQUEST   data  to string
+     * @param $array is an of indices
+     * @see HtmlInput::request_to_string
+     * @return html string with the string data
      */
-    static function request_to_string($array,$start="?")
+    static function request_to_string($array, $start="?")
     {
-      $r=self::array_to_string($array,$_REQUEST,$start  );
-      return $r;
+        $r=self::array_to_string($array, $_REQUEST, $start);
+        return $r;
     }
 
     /**
      * generate an unique id for a widget,
-     address@hidden $p_prefix prefix
-     address@hidden HtmlInput::IDate
-     address@hidden string with a unique id
+     * @param $p_prefix prefix
+     * @see HtmlInput::IDate
+     * @return string with a unique id
      */
     static function generate_id($p_prefix)
     {
-      $r=sprintf('%s_%d',$p_prefix,mt_rand(0,999999));
-      return $r;
+        $r=sprintf('%s_%d', $p_prefix, mt_rand(0, 999999));
+        return $r;
     }
+
     /**
      * return default if the value if the value doesn't exist in the array
-     address@hidden $ind the index to check
-     address@hidden $default the value to return
-     address@hidden $array the array
+     * @param $ind the index to check
+     * @param $default the value to return
+     * @param $array the array
      */
-    static function default_value($ind,$default,$array)
+    static function default_value($ind, $default, $array)
     {
-      if ( ! isset($array[$ind]))
-       {
-         return $default;
-       }
-      return $array[$ind];
+        if (!isset($array[$ind]))
+        {
+            return $default;
+        }
+        return $array[$ind];
     }
-       /**
-        *  return default if the value if the value doesn't exist in $_GET
-         * use HttpInput instead
-         * @see HttpInput
-         * @deprecated 
-        * @param  $ind name of the variable
-        * @param type $default
-        * @return type
-        */
-       static function default_value_get($ind, $default)
-       {
-               if (!isset($_GET[$ind]))
-               {
-                       return $default;
-               }
-               return $_GET[$ind];
-       }
-       /**
-        *  return default if the value if the value doesn't exist in $_POST
-         * use HttpInput instead
-         * @see HttpInput
-         * @deprecated 
-        * @param  $ind name of the variable
-        * @param type $default
-        * @return type
-        */
-       static function default_value_post($ind, $default)
-       {
-               if (!isset($_POST[$ind]))
-               {
-                       return $default;
-               }
-               return $_POST[$ind];
-       }
-       /**
-        *  return default if the value if the value doesn't exist in $_REQUEST
-         * use HttpInput instead
-         * @see HttpInput
-         * @deprecated 
-        * @param  $ind name of the variable
-        * @param type $default
-        * @return type
-        */
-       static function default_value_request($ind, $default)
-       {
-               if (!isset($_REQUEST[$ind]))
-               {
-                       return $default;
-               }
-               return $_REQUEST[$ind];
-       }
-        /**
-         * Title for boxes, you can customize the symbol thanks symbol with
-         * the mode "custom"
-         * @param type $name Title
-         * @param type $div element id, except for mode none or custom
-         * @param type $mod hide , close , zoom , custom or none, with
-         * custom , the $name contains all the code
-         * @param type $p_js contains the javascript if mod = "custom" or 
"zoom" contains button + code 
-         * @param type $p_draggable , if set to yes the box will be draggable
-         * @return type
-         */
-       static function 
title_box($p_name,$p_div,$p_mod="close",$p_js="",$p_draggable="n")
-       {
-            $r="";
-            if ($p_mod=='close'){
-                $r=HtmlInput::anchor_close($p_div,$p_js); 
-                
-            }
-            elseif ($p_mod=='zoom') {
-            $r='<span  id="span_'.$p_div.'" 
style="float:right;margin-right:5px;padding-top:3px">'.HtmlInput::anchor("&#11036;","",$p_js,'
 name="small'.$p_div.'" id="close_div" class="input_text"  ').'</span>'; 
 
-            }
-            elseif ($p_mod=='hide') {
-                
$r=HtmlInput::anchor_hide("&#10761;","$('$p_div').hide();$p_js");
-                
-            }
-            elseif ($p_mod=='zoom')    {
-                $r='<span  id="span_'.$div.'" >'.'<img id="close_div"'.$p_js.' 
 src="image/popout.gif">'.'</span>';
-            } 
-            else
-            if ( $p_mod == 'custom')  
-                {$r='<span  id="span_'.$p_div.'" 
style="float:right;margin-right:5px">'.$p_js."</span>";} else
-            if ( $p_mod == 'none')    {$r="" ; }
-            else 
-                die (__FILE__.":".__LINE__._('Paramètre invaide'));
-            
-            // If draggable : display a icon to unpin and move the dialog box
-            if ( $p_draggable=="y") {
-                $drag=sprintf('<span id="pin_%s" 
style="float:right;margin:0px;padding:0px;font-size:120%%;border-width:0px" ><a 
class="input_text" onclick="pin(\'%s\')" id="close_div">'.PINDG.' </a></span>',
-                    $p_div,
-                    $p_div);
-                $r.=$drag;
-                
-            }
-            $r.=h2($p_name,' class="title" ');
-            return $r;
-       }
-        /**
-         * @brief let you create only a link and set an id on it.
-         * After create a javascript for getting the event 
-         * onclick = function() {...}
-         * @param type $p_text Text to display
-         * @param type $p_id id of the link
-         * @param type $type title of the link
-         * @code
-         * echo HtmlInput::anchor_empty('go','go_id');
-         * <script>$("go_id").onclick=function (e) { ...}</script>
-         * @endcode
-         */
-        static  function anchor_empty($p_text,$p_id,$p_title="")
+    /**
+     *  return default if the value if the value doesn't exist in $_GET
+     * use HttpInput instead
+     * @see HttpInput
+     * @deprecated 
+     * @param  $ind name of the variable
+     * @param type $default
+     * @return type
+     */
+    static function default_value_get($ind, $default)
+    {
+        if (!isset($_GET[$ind]))
+        {
+            return $default;
+        }
+        return $_GET[$ind];
+    }
+
+    /**
+     *  return default if the value if the value doesn't exist in $_POST
+     * use HttpInput instead
+     * @see HttpInput
+     * @deprecated 
+     * @param  $ind name of the variable
+     * @param type $default
+     * @return type
+     */
+    static function default_value_post($ind, $default)
+    {
+        if (!isset($_POST[$ind]))
+        {
+            return $default;
+        }
+        return $_POST[$ind];
+    }
+
+    /**
+     *  return default if the value if the value doesn't exist in $_REQUEST
+     * use HttpInput instead
+     * @see HttpInput
+     * @deprecated 
+     * @param  $ind name of the variable
+     * @param type $default
+     * @return type
+     */
+    static function default_value_request($ind, $default)
+    {
+        if (!isset($_REQUEST[$ind]))
+        {
+            return $default;
+        }
+        return $_REQUEST[$ind];
+    }
+
+    /**
+     * Title for boxes, you can customize the symbol thanks symbol with
+     * the mode "custom"
+     * @param type $name Title
+     * @param type $div element id, except for mode none or custom
+     * @param type $mod hide , close , zoom , custom or none, with
+     * custom , the $name contains all the code
+     * @param type $p_js contains the javascript if mod = "custom" or "zoom" 
contains button + code 
+     * @param type $p_draggable , if set to yes the box will be draggable
+     * @return type
+     */
+    static function title_box($p_name, $p_div, $p_mod="close", $p_js="",
+            $p_draggable="n")
+    {
+        $r='<div class="bxbutton">';
+
+        // If draggable : display a icon to unpin and move the dialog box
+        if ($p_draggable=="y")
+        {
+            $r.=Icon_Action::draggable($p_div);
+        }
+        if ($p_mod=='close')
+        {
+            $r.=Icon_Action::close($p_div, $p_js);
+        }
+        elseif ($p_mod=='zoom')
+        {
+            $r.=Icon_Action::zoom($p_div,$p_js);
+        }
+        elseif ($p_mod=='hide')
+        {
+            $r.=Icon_Action::hide("&#10761;", "$('$p_div').hide();$p_js");
+        }
+        elseif ($p_mod=='custom')
+        {
+            $r.='<span  id="span_'.$p_div.'" 
style="float:right;margin-right:5px">'.$p_js."</span>";
+        }
+        elseif ($p_mod=='none')
+        {
+            $r.="";
+        }
+        else
+            die(__FILE__.":".__LINE__._('Paramètre invaide'));
+
+
+        $r.='</div>';
+        $r.=h2($p_name, ' class="title" ');
+        return $r;
+    }
+
+    /**
+     * @brief let you create only a link and set an id on it.
+     * After create a javascript for getting the event 
+     * onclick = function() {...}
+     * @param type $p_text Text to display
+     * @param type $p_id id of the link
+     * @param type $type title of the link
+     * @code
+     * echo HtmlInput::anchor_empty('go','go_id');
+     * <script>$("go_id").onclick=function (e) { ...}</script>
+     * @endcode
+     */
+    static function anchor_empty($p_text, $p_id, $p_title="")
+    {
+        $p_url="javascript:void(0)";
+        $str=sprintf('<a id="%s" href="javascript:void(0)" class="line" 
title="%s">%s</a>',
+                $p_id, $p_title, $p_text);
+        return $str;
+    }
+
+    /**
+     * Return a simple anchor with a url or a javascript
+     * if $p_js is not null then p_url will be javascript:void(0)
+     * we don't add the event onclick. You must give p_url OR p_js
+     * default CSS class=line
+     * @param string $p_text text of the anchor
+     * @param string $p_url  url
+     * @param string $p_js javascript
+     * @param string $p_style is the visuable effect (class, style...)
+     */
+    static function anchor($p_text, $p_url="", $p_js="",
+            $p_style=' class="line" ')
+    {
+        if ($p_js!="")
         {
             $p_url="javascript:void(0)";
-            $str=sprintf('<a id="%s" href="javascript:void(0)" class="line" 
title="%s">%s</a>',
-            $p_id,$p_title,$p_text);
-            return $str;
         }
-        /**
-         *Return a simple anchor with a url or a javascript
-         * if $p_js is not null then p_url will be javascript:void(0)
-         * we don't add the event onclick. You must give p_url OR p_js
-         * default CSS class=line
-         * @param string $p_text text of the anchor
-         * @param string $p_url  url
-         * @param string $p_js javascript
-         * @param string $p_style is the visuable effect (class, style...)
-         */
-      static function anchor($p_text,$p_url="",$p_js="",$p_style=' 
class="line" ')
-      {
-          if ($p_js != "")
-          {
-              $p_url="javascript:void(0)";
-          } else {
-              $p_url=sprintf('href="%s"',$p_url);
-          }
-
-
-          $str=sprintf('<a %s %s %s>%s</a>',
-                  $p_style,$p_url,$p_js,$p_text);
-          return $str;
-      }
-      /**
-       *Create an ISelect object containing the available repository for 
reading
-       * or writing
-       * @remark $g_user global.
-       *
-       * @param $p_cn db object
-       * @param $p_name name of the select
-       * @param $p_mode is 'R' for reading, 'W' for writinh
-       * @return ISelect
-       * @throws Exception if p_mode is wrong
-       */
-      static function select_stock( $p_cn, $p_name,$p_mode)
-      {
-          global $g_user;
-          if ( ! in_array($p_mode,array('R','W') ) )
-          {
-              throw  new Exception  (__FILE__.":".__LINE__." $p_mode 
invalide");
-          }
-          $profile=$g_user->get_profile();
-          $sel=new ISelect($p_name);
-
-                 if ($p_mode == 'W')
-                       {
-                         $sel->value=$p_cn->make_array("
+        else
+        {
+            $p_url=sprintf('href="%s"', $p_url);
+        }
+
+
+        $str=sprintf('<a %s %s %s>%s</a>', $p_style, $p_url, $p_js, $p_text);
+        return $str;
+    }
+
+    /**
+     * Create an ISelect object containing the available repository for reading
+     * or writing
+     * @remark $g_user global.
+     *
+     * @param $p_cn db object
+     * @param $p_name name of the select
+     * @param $p_mode is 'R' for reading, 'W' for writinh
+     * @return ISelect
+     * @throws Exception if p_mode is wrong
+     */
+    static function select_stock($p_cn, $p_name, $p_mode)
+    {
+        global $g_user;
+        if (!in_array($p_mode, array('R', 'W')))
+        {
+            throw new Exception(__FILE__.":".__LINE__." $p_mode invalide");
+        }
+        $profile=$g_user->get_profile();
+        $sel=new ISelect($p_name);
+
+        if ($p_mode=='W')
+        {
+            $sel->value=$p_cn->make_array("
                 select r_id,r_name
                                  from stock_repository join 
profile_sec_repository using (r_id)
                 where
                  ur_right='W' and  p_id=".sql_string($profile).
-                " order by 2" );
-                     return $sel;
-                       }
-                         if ($p_mode == 'R')
-                       {
-                         $sel->value=$p_cn->make_array("
+                    " order by 2");
+            return $sel;
+        }
+        if ($p_mode=='R')
+        {
+            $sel->value=$p_cn->make_array("
                 select r_id,r_name
                                  from stock_repository join 
profile_sec_repository using (r_id)
                 where
                   p_id=".sql_string($profile).
-                " order by 2" );
-                     return $sel;
-                       }
-       }
-       static function 
filter_table_form($p_table_id,$p_col,$start_row,$p_name,$p_old_value)
-       {
-               $r= "
+                    " order by 2");
+            return $sel;
+        }
+    }
+
+    static function filter_table_form($p_table_id, $p_col, $start_row, $p_name,
+            $p_old_value)
+    {
+        $r="
                        <span>
                        <input id=\"lk_".$p_table_id."\" name=\"$p_name\" 
value=\"$p_old_value\"autocomplete=\"off\" class=\"input_text\" name=\"filter\" 
onkeyup=\"filter_table(this, '$p_table_id','$p_col',$start_row )\" 
type=\"text\">
                        <input type=\"button\" class=\"smallbutton\" 
onclick=\"$('lk_".$p_table_id."').value='';filter_table($('lk_".$p_table_id."'),
 '$p_table_id','$p_col',$start_row );\" value=\"X\">
                        </span>
                        ";
-                $r.=' <span class="notice" id="info_'.$p_table_id.'"></span>';
-               return $r;
-       }
-       static function filter_table($p_table_id,$p_col,$start_row)
-       {
-               $r= "
+        $r.=' <span class="notice" id="info_'.$p_table_id.'"></span>';
+        return $r;
+    }
+
+    static function filter_table($p_table_id, $p_col, $start_row)
+    {
+        $r="
                        <span>
                        <input id=\"lk_".$p_table_id."\" autocomplete=\"off\" 
class=\"input_text\" name=\"filter\" onkeyup=\"filter_table(this, 
'$p_table_id','$p_col',$start_row )\" type=\"text\">
                        <input type=\"button\" class=\"smallbutton\" 
onclick=\"$('lk_".$p_table_id."').value='';filter_table($('lk_".$p_table_id."'),
 '$p_table_id','$p_col',$start_row );\" value=\"X\">
                        </span>
                        ";
-                $r.=' <span class="notice" id="info_'.$p_table_id.'"></span>';
-               return $r;
-       }
-
-       static function show_reconcile($p_div, $let,$span="")
-       {
-               $r = '<A  style="color:red;text-decoration:underline" 
href="javascript:void(0)" onclick="show_reconcile(\'' . $p_div . '\',\'' . $let 
. '\')">' . $let.$span . '</A>';
-               return $r;
-       }
-        /**
-         * Zoom the calendar
-         * @param type $obj objet json for the javascript
-         * @see calendar_zoom in scripts.js 
-         */
-        static function calendar_zoom($obj)
-        {
-            $button=new ISmallButton("calendar", _("Calendrier"));
-            $button->javascript="calendar_zoom($obj)";
-            return $button->input();
-        }
-        /**
-         * 
-         * @param type $p_array indice
-         *   - div div name
-         *   - type ALL, VEN, ACH or ODS
-         *   - all_type 1 yes 0 no
-         * 
-         */
-        static function button_choice_ledger($p_array)
+        $r.=' <span class="notice" id="info_'.$p_table_id.'"></span>';
+        return $r;
+    }
+
+    static function show_reconcile($p_div, $let, $span="")
+    {
+        $r='<A  style="color:red;text-decoration:underline" 
href="javascript:void(0)" 
onclick="show_reconcile(\''.$p_div.'\',\''.$let.'\')">'.$let.$span.'</A>';
+        return $r;
+    }
+
+    /**
+     * Zoom the calendar
+     * @param type $obj objet json for the javascript
+     * @see calendar_zoom in scripts.js 
+     */
+    static function calendar_zoom($obj)
+    {
+        $button=new ISmallButton("calendar", _("Calendrier"));
+        $button->javascript="calendar_zoom($obj)";
+        return $button->input();
+    }
+
+    /**
+     * 
+     * @param type $p_array indice
+     *   - div div name
+     *   - type ALL, VEN, ACH or ODS
+     *   - all_type 1 yes 0 no
+     * 
+     */
+    static function button_choice_ledger($p_array)
+    {
+        extract($p_array, EXTR_SKIP);
+        $bledger_param=json_encode(array(
+            'dossier'=>$_REQUEST['gDossier'],
+            'type'=>$type,
+            'all_type'=>$all_type,
+            'div'=>$div,
+            'class'=>'inner_box'
+        ));
+
+        $bledger_param=str_replace('"', "'", $bledger_param);
+        $bledger=new ISmallButton('l');
+        $bledger->label=_("choix des journaux");
+        $bledger->javascript=" show_ledger_choice($bledger_param)";
+        $f_ledger=$bledger->input();
+        $hid_jrn="";
+        if (isset($_REQUEST[$div.'nb_jrn']))
         {
-            extract ($p_array, EXTR_SKIP);
-            $bledger_param = json_encode(array(
-                'dossier' => $_REQUEST['gDossier'],
-                'type' => $type,
-                'all_type' => $all_type,
-                'div' => $div,
-                'class'=>'inner_box'
-            ));
-
-            $bledger_param = str_replace('"', "'", $bledger_param);
-            $bledger = new ISmallButton('l');
-            $bledger->label = _("choix des journaux");
-            $bledger->javascript = " show_ledger_choice($bledger_param)";
-            $f_ledger = $bledger->input();
-            $hid_jrn = "";
-            if (isset($_REQUEST[$div . 'nb_jrn']))
-            {
-                for ($i = 0; $i < $_REQUEST[$div . 'nb_jrn']; $i++)
-                {
-                    if (isset($_REQUEST[$div . "r_jrn"][$i]))
-                        $hid_jrn.=HtmlInput::hidden($div . 'r_jrn[' . $i . 
']', $_REQUEST[$div . "r_jrn"][$i]);
-                }
-                $hid_jrn.=HtmlInput::hidden($div . 'nb_jrn', $_REQUEST[$div . 
'nb_jrn']);
-            } else
+            for ($i=0; $i<$_REQUEST[$div.'nb_jrn']; $i++)
             {
-                $hid_jrn = HtmlInput::hidden($div . 'nb_jrn', 0);
+                if (isset($_REQUEST[$div."r_jrn"][$i]))
+                    $hid_jrn.=HtmlInput::hidden($div.'r_jrn['.$i.']',
+                                    $_REQUEST[$div."r_jrn"][$i]);
             }
-            echo $f_ledger;
-            echo '<span id="ledger_id' . $div . '">';
-            echo $hid_jrn;
-            echo '</span>';
-        }
-        /**
-         * @brief Returns HTML code for displaying a icon with a link to a 
receipt document from
-         * the ledger 
-         * @param $p_jr_id jrn.jr_id
-         * @param $p_name name in the link , if the name is empty then we show 
the icon
-         * @return nothing or HTML Code for a link to the document
-         */
-        static function show_receipt_document($p_jr_id,$p_name="")
+            $hid_jrn.=HtmlInput::hidden($div.'nb_jrn',
+                            $_REQUEST[$div.'nb_jrn']);
+        } else
         {
-            global $cn;
-            $image=$p_name;
-            
-            // Check the jr_id has a receipt document
-            $array=$cn->get_array('select jr_def_id,jr_pj_name,jr_grpt_id from 
jrn where jr_id=$1',array($p_jr_id));
-            if (count($array)==0) return "";
-            if ($array[0]['jr_pj_name'] == "") return "";
-            $str_dossier=Dossier::get();
-            
-            // Name is empty then use an image
-            if ( $p_name == "") {
-                $image='<IMG style="width:24px;height:24px;border:0px" 
SRC="image/documents.png" title="' . h($array[0]['jr_pj_name']) . '" >';
-            } 
-            
-            // Build the url
-            
$href=http_build_query(array('gDossier'=>Dossier::id(),'jr_id'=>$p_jr_id,'act'=>'RAW:receipt'));
-            
-            $r=sprintf('<A class="mtitle line" HREF="export.php?%s">%s</A>', 
$href, $image);
-            return $r;
-            
+            $hid_jrn=HtmlInput::hidden($div.'nb_jrn', 0);
         }
-        /**
-         * 
-         * @param type $p_operation_jr_id action_gestion_operation.ago_id
-         */
-        static function  button_action_remove_operation($p_operation) 
+        echo $f_ledger;
+        echo '<span id="ledger_id'.$div.'">';
+        echo $hid_jrn;
+        echo '</span>';
+    }
+
+    /**
+     * @brief Returns HTML code for displaying a icon with a link to a receipt 
document from
+     * the ledger 
+     * @param $p_jr_id jrn.jr_id
+     * @param $p_name name in the link , if the name is empty then we show the 
icon
+     * @return nothing or HTML Code for a link to the document
+     */
+    static function show_receipt_document($p_jr_id, $p_name="")
+    {
+        global $cn;
+        $image=$p_name;
+
+        // Check the jr_id has a receipt document
+        $array=$cn->get_array('select jr_def_id,jr_pj_name,jr_grpt_id from jrn 
where jr_id=$1',
+                array($p_jr_id));
+        if (count($array)==0)
+            return "";
+        if ($array[0]['jr_pj_name']=="")
+            return "";
+        $str_dossier=Dossier::get();
+
+        // Name is empty then use an image
+        if ($p_name=="")
         {
-            
$rmOperation=sprintf("javascript:confirm_box(null,'"._('Voulez-vous effacer 
cette relation ')."',function ()  {remove_operation('%s','%s');});",
-                                                       dossier::id(),
-                                                       $p_operation);
-            $js= '<a class="tinybutton" id="acop'.$p_operation.'" 
href="javascript:void(0)" onclick="'.$rmOperation.'">'.SMALLX.'</a>';
-            return $js;
+            $image='<IMG style="width:24px;height:24px;border:0px" 
SRC="image/documents.png" title="'.h($array[0]['jr_pj_name']).'" >';
         }
-        static function button_action_add_concerned_card($p_agid)
-        {
-            $dossier=Dossier::id();
-            $javascript= <<<EOF
+
+        // Build the url
+        $href=http_build_query(array('gDossier'=>Dossier::id(), 
'jr_id'=>$p_jr_id,
+            'act'=>'RAW:receipt'));
+
+        $r=sprintf('<A class="mtitle line" HREF="export.php?%s">%s</A>', $href,
+                $image);
+        return $r;
+    }
+
+    /**
+     * 
+     * @param type $p_operation_jr_id action_gestion_operation.ago_id
+     */
+    static function button_action_remove_operation($p_operation)
+    {
+        $rmOperation=sprintf("javascript:confirm_box(null,'"._('Voulez-vous 
effacer cette relation ')."',function ()  {remove_operation('%s','%s');});",
+                dossier::id(), $p_operation);
+        $js='<a class="tinybutton" id="acop'.$p_operation.'" 
href="javascript:void(0)" onclick="'.$rmOperation.'">'.SMALLX.'</a>';
+        return $js;
+    }
+
+    static function button_action_add_concerned_card($p_agid)
+    {
+        $dossier=Dossier::id();
+        $javascript=<<<EOF
                     
obj={dossier:$dossier,ag_id:$p_agid};action_add_concerned_card(obj);
 EOF;
-            $js=HtmlInput::button_action(_('Ajout autres'), 
$javascript,'xx','smallbutton');
-            return $js;
-        }
-        static function button_action_add()
-        {
-            $dossier=Dossier::id();
-            $js=HtmlInput::button_action(_('Nouvel 
événement'),'action_add('.$dossier.')','xx','smallbutton');
-            return $js;
-        }
-        /**
-         * Insert attribute inside a INPUT TYPE, these attribute can be 
retrieved
-         * in javascript with element.getAttribute or changed with 
element.setAttribute
-         * example insert my_attribute into a checkbox <input type="checkbox" 
"my_attribute"="XX"> 
-         * @return string to insert into the HTML node
-         * 
-         */
-        function get_node_attribute() 
+        $js=HtmlInput::button_action(_('Ajout autres'), $javascript, 'xx',
+                        'smallbutton');
+        return $js;
+    }
+
+    static function button_action_add()
+    {
+        $dossier=Dossier::id();
+        $js=HtmlInput::button_action(_('Nouvel événement'),
+                        'action_add('.$dossier.')', 'xx', 'smallbutton');
+        return $js;
+    }
+
+    /**
+     * Insert attribute inside a INPUT TYPE, these attribute can be retrieved
+     * in javascript with element.getAttribute or changed with 
element.setAttribute
+     * example insert my_attribute into a checkbox <input type="checkbox" 
"my_attribute"="XX"> 
+     * @return string to insert into the HTML node
+     * 
+     */
+    function get_node_attribute()
+    {
+        $r="";
+        $nb_attribute=count($this->attribute);
+        for ($i=0; $i<$nb_attribute; $i++)
         {
-            $r="";
-            $nb_attribute=count($this->attribute);
-            for ($i=0;$i < $nb_attribute;$i++) {
-                $r.=sprintf(' %s="%s" ',$this->attribute[$i][0] 
,$this->attribute[$i][1]);
-            }
-            return $r;
+            $r.=sprintf(' %s="%s" ', $this->attribute[$i][0],
+                    $this->attribute[$i][1]);
         }
+        return $r;
+    }
+
 }
diff --git a/include/lib/ibutton.class.php b/include/lib/ibutton.class.php
index f09b560..2ff6aab 100644
--- a/include/lib/ibutton.class.php
+++ b/include/lib/ibutton.class.php
@@ -80,10 +80,8 @@ class IButton extends HtmlInput
     }
     static function show_calc()
     {
-        $calc=new IButton('shcalc');
-        $calc->label=_('Calculatrice');
-        $calc->javascript="show_calc()";
-        return $calc->input();
+        $calc='<span class="button icon" 
onclick="show_calc();">&#xf1ec;</span>';
+        return $calc;
 
     }
     static public function test_me()
diff --git a/include/lib/icard.class.php b/include/lib/icard.class.php
index d0ba5c5..8eac38f 100644
--- a/include/lib/icard.class.php
+++ b/include/lib/icard.class.php
@@ -53,7 +53,7 @@
 
   //
   $W1=new ICard();
-  $W1->label="Client ".HtmlInput::infobulle(0) ;
+  $W1->label="Client ".Icon_Action::infobulle(0) ;
   $W1->name="e_client";
   $W1->tabindex=3;
   $W1->value=$e_client;
@@ -133,7 +133,7 @@ class ICard extends HtmlInput
         $this->indicator=null;
         $this->choice_create=1;
         $this->autocomplete=1;
-        $this->style=' style="vertical-align:50%"';
+        $this->style='  ';
         $this->accvis=1; //!< account_visible =1 otherwise 0
     }
 
@@ -174,7 +174,8 @@ class ICard extends HtmlInput
         $this->fct=$p_name;
     }
 
-    /**\brief return the html string for creating the ipopup, this ipopup
+    /**
+     * \brief return the html string for creating the ipopup, this ipopup
      * can be used for adding, modifying or display a card
      * @note ipopup is obsolete, the popin is created by javascript
      * \param $p_name name of the ipopup, must be set after with set_attribute
@@ -235,12 +236,10 @@ class ICard extends HtmlInput
             $e=sprintf(' ondblclick="%s" ', $this->dblclick);
             $this->dblclick=$e;
         }
-        $input=sprintf('
-            <input class="smallbutton" onclick="$(\'%s\').value=\'\'" id="%s" 
value="X" type="button" style="vertical-align:top">
+        $input=Icon_Action::clean_zone(uniqid("remove"),"{$this->id}=''");
+        $input.=sprintf('
             <INPUT TYPE="Text"  class="input_text"  
                  NAME="%s" ID="%s" VALUE="%s" SIZE="%d" %s %s  %s>',
-                $this->id,
-                uniqid("remove"),
                 $this->name, $this->id, $this->value, $this->size,
                 $this->dblclick, $this->javascript, $this->style
         );
@@ -333,10 +332,9 @@ class ICard extends HtmlInput
             $a.="this.inp='".$this->name."';";
         $a.="this.popup='ipop_card';";
         $javascript=$a.' search_card(this);return false;';
-
-        $button=HtmlInput::button_image($javascript, $this->name."_bt",
-                        'alt="'._('Recherche').'" class="image_search"',
-                        "image/magnifier13.png");
+        
+        
+        $button=Icon_Action::icon_magnifier(uniqid(),$javascript);
         return $button;
     }
 
diff --git a/include/lib/icon_action.class.php 
b/include/lib/icon_action.class.php
new file mode 100644
index 0000000..59e8d82
--- /dev/null
+++ b/include/lib/icon_action.class.php
@@ -0,0 +1,188 @@
+<?php
+
+/*
+ *   This file is part of NOALYSS.
+ *
+ *   PhpCompta is free software; you can redistribute it and/or modify
+ *   it under the terms of the GNU General Public License as published by
+ *   the Free Software Foundation; either version 2 of the License, or
+ *   (at your option) any later version.
+ *
+ *   PhpCompta is distributed in the hope that it will be useful,
+ *   but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *   GNU General Public License for more details.
+ *
+ *   You should have received a copy of the GNU General Public License
+ *   along with PhpCompta; if not, write to the Free Software
+ *   Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
+ */
+// Copyright (2018) Author Dany De Bontridder <address@hidden>
+
+/**
+ * @file
+ * @brief Utility , library of icon with javascript
+ */
+
+/**
+ * @brief Utility , library of icon with javascript
+ */
+class Icon_Action
+{
+
+    /**
+     * Display a icon with a magnify glass
+     * @param string $id id of element
+     * @param string $p_javascript
+     * @param string $p_style optionnal HTML code
+     * @return type
+     */
+    static function icon_magnifier($id, $p_javascript, $p_style="")
+    {
+        $r="";
+        $r.=sprintf('<span  id="%s" class=" smallbutton icon" style="%s" 
onclick="%s">&#xf50d;</span>',
+                $id, $p_style, $p_javascript);
+        return $r;
+    }
+
+    /**
+     * 
+     * @param type $id
+     * @param type $p_javascript
+     * @param type $p_style
+     * @return type
+     */
+    static function icon_add($id, $p_javascript, $p_style="")
+    {
+        $r="";
+        $r=sprintf('<input  class="smallbutton icon" onclick="%s" id="%s" 
type="button" %s value="&#xe828;">',
+                $p_javascript, $id, $p_style);
+        return $r;
+    }
+
+    /**
+     * 
+     * @param string $id
+     * @param string $p_javascript
+     * @param string opt $p_style
+     * @return html string
+     */
+    static function clean_zone($id, $p_javascript, $p_style="")
+    {
+        $r="";
+        $r=sprintf('<input class="smallbutton" onclick="%s" id="%s" value="X" 
%s type="button" style="">',
+                $p_javascript, $id, $p_style
+        );
+        return $r;
+    }
+
+    /**
+     * Display a info in a bubble, text is in message_javascript
+     * @param integer $p_comment
+     * @see message_javascript.php
+     * @return html string
+     */
+    static function infobulle($p_comment)
+    {
+        $r='<span tabindex="-1" class="icon" 
style="cursor:pointer;display:inline;text-decoration:none;" 
onmouseover="showBulle(\''.$p_comment.'\')"  
onclick="showBulle(\''.$p_comment.'\')" onmouseout="hideBulle(0)">';
+        $r.="&#xf086;";
+        $r.='</span>';
+
+        return $r;
+    }
+
+    /**
+     * Display a icon ON
+     * @param string $p_div id of  element
+     * @param string $p_javascript
+     * @param string $p_style optionnal HTML code
+     * @return html string
+     */
+    static function iconon($p_id, $p_javascript, $p_style="")
+    {
+        $r=sprintf('<span  style="color:green;cursor:pointer" id="%s" 
class="icon" style="%s" onclick="%s">&#xf205;</span>',
+                $p_id, $p_style, $p_javascript);
+        return $r;
+    }
+
+    /**
+     * Display a icon OFF
+     * @param string $p_div id of  element
+     * @param string $p_javascript
+     * @param string $p_style optionnal HTML code
+     * @return html string
+     */
+    static function iconoff($p_id, $p_javascript, $p_style="")
+    {
+        $r=sprintf('<span  style="color:red;cursor:pointer" id="%s" 
class="icon" style="%s" onclick="%s">&#xf204;</span>',
+                $p_id, $p_style, $p_javascript);
+        return $r;
+    }
+
+    /**
+     * Return a html string with an anchor which close the inside popup. 
(top-right corner)
+     * @param name of the DIV to close
+     */
+    static function close($p_div)
+    {
+        $r='';
+        $r.=sprintf('<A class="icon" 
onclick="removeDiv(\'%s\');%s">&#10761;</A>',
+                $p_div, $p_div);
+        return $r;
+    }
+
+    /**
+     * Display a icon for fix or move a div 
+     * @param string $p_div id of  the div to fix/move
+     * @param string $p_javascript
+     * @return html string
+     */
+    static function draggable($p_div)
+    {
+        $drag=sprintf('<span id="pin_%s" style="" class="icon " 
onclick="pin(\'%s\')" >'.UNPINDG.'</span>',
+                $p_div, $p_div);
+        return $drag;
+    }
+
+    /**
+     * Display a icon for zooming
+     * @param string $p_div id of  the div to zoom
+     * @param string $p_javascript
+     * @return html string
+     */
+    static function zoom($p_div, $p_javascript)
+    {
+        $r=sprintf('<span  id="span_%s" class="icon" onclick="%s">
+                &#11036;</span>', $p_div, $p_javascript);
+        return $r;
+    }
+
+    /**
+     * Display a warning in a bubble, text is in message_javascript
+     * @param integer $p_comment
+     * @see message_javascript.php
+     * @return html string
+     */
+    static function warnbulle($p_comment)
+    {
+        $r=sprintf('<A tabindex="-1" onmouseover="showBulle(\'%s\')"  
onclick="showBulle(\'%s\')" onmouseout="hideBulle(0)" style="color:red" 
class="icon">&#xe818;</A>',
+                $p_comment, $p_comment);
+
+        return $r;
+    }
+
+    /**
+     * Return a html string with an anchor to hide a div, put it in the right 
corner
+     * @param $action action action to perform (message)
+     * @param $javascript javascript
+     * @note not protected against html
+     * @see Acc_Ledger::display_search_form
+     */
+    static function hide($action, $javascript)
+    {
+        $r='';
+        $r.='<span id="hide" class="icon"   
onclick="'.$javascript.'">'.$action.'</span>';
+        return $r;
+    }
+
+}
diff --git a/include/lib/iconcerned.class.php b/include/lib/iconcerned.class.php
index ef8fbf9..c296804 100644
--- a/include/lib/iconcerned.class.php
+++ b/include/lib/iconcerned.class.php
@@ -46,22 +46,20 @@ class IConcerned extends HtmlInput
         $this->value=($p_value==null)?$this->value:$p_value;
         if ( $this->readOnly==true) return $this->display();
 
-           $this->id=($this->id=="")?$this->name:$this->id;
-
-
-        $r=sprintf("
-                    <image 
onclick=\"search_reconcile(".dossier::id().",'%s','%s','%s','%s','%s')\" 
class=\"image_search\" src=\"image/magnifier13.png\" />
-                   
+        $this->id=($this->id=="")?$this->name:$this->id;
+        
$javascript=sprintf("search_reconcile(".dossier::id().",'%s','%s','%s','%s','%s')",
+                    $this->name,
+                    $this->amount_id,
+                    $this->paid,
+                    $this->div,
+                    $this->tiers  );
+        $r=Icon_Action::icon_magnifier(uniqid(), $javascript);
+        $r.=sprintf("
                    <INPUT TYPE=\"text\"  
style=\"color:black;background:lightyellow;border:solid 1px grey;\"  
NAME=\"%s\" ID=\"%s\" VALUE=\"%s\" SIZE=\"8\" readonly>
                                   <INPUT class=\"smallbutton\"  
TYPE=\"button\" onClick=\"$('%s').value=''\" value=\"X\">
 
                    ",
                    $this->name,
-                   $this->amount_id,
-                   $this->paid,
-                   $this->div,
-                   $this->tiers,
-                   $this->name,
                    $this->id,
                    $this->value,
                    $this->id
diff --git a/include/lib/idate.class.php b/include/lib/idate.class.php
index 546f33d..d360eb4 100644
--- a/include/lib/idate.class.php
+++ b/include/lib/idate.class.php
@@ -69,9 +69,11 @@ class IDate extends HtmlInput
                  %s
                  pattern="[0-9]{1,2}.[0-9]{1,2}.[0-9]{4}"
                 />
-                <img src="image/x-office-calendar.png" id="%s_trigger"
-                 style="cursor: pointer" 
-                onmouseover="this.style.background=\'red\';" 
onmouseout="this.style.background=\'\'"/>
+                <span  class="smallbutton icon"
+                id="%s_trigger"
+                />
+                &#xe811;
+                </span>
                 
',$this->name,$this->id,$this->value,$this->placeholder,$this->title,$t,$this->id
                 );
         
diff --git a/include/lib/inplace_switch.class.php 
b/include/lib/inplace_switch.class.php
index 96bae13..558ffda 100644
--- a/include/lib/inplace_switch.class.php
+++ b/include/lib/inplace_switch.class.php
@@ -46,8 +46,8 @@ class Inplace_Switch
     {
         $this->name=$p_name;
         $this->value=$p_value;
-        $this->iconon='<img src="image/icon-on.png"/>';
-        $this->iconoff='<img src="image/icon-off.png"/>';
+        $this->iconon=Icon_Action::iconon(uniqid(), "");
+        $this->iconoff=Icon_Action::iconoff(uniqid(), "");
         $this->json=json_encode(['name'=>$p_name,"value"=>$p_value], 
JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES|JSON_NUMERIC_CHECK);
         $this->callback="ajax.php";
         $this->jscript="";
@@ -55,7 +55,7 @@ class Inplace_Switch
 
     function input()
     {
-        printf('<span class="inplace_edit" id="%s">', $this->name);
+        printf('<span style="text-decoration: none" class="inplace_edit icon" 
id="%s">', $this->name);
         if ($this->value==1)
         {
             echo $this->iconon;
diff --git a/include/lib/iposte.class.php b/include/lib/iposte.class.php
index 691b277..3bdd0dd 100644
--- a/include/lib/iposte.class.php
+++ b/include/lib/iposte.class.php
@@ -130,7 +130,8 @@ class IPoste extends HtmlInput
     {
                $this->id=($this->id=="")?$this->name:$this->id;
         $javascript='search_poste(this)';
-        $button=HtmlInput::button_image($javascript,$this->id."_bt", 
'alt="'._('Recherche').'" class="image_search"',"image/magnifier13.png");
+        //$button=HtmlInput::button_image($javascript,$this->id."_bt", 
'alt="'._('Recherche').'" class="image_search"',"image/magnifier13.png");
+        $button=Icon_Action::icon_magnifier($this->id."_bt", $javascript);
         /*  add the property */
         $sc=$this->get_js_attr();
         return $button.$sc;
diff --git a/include/menu.inc.php b/include/menu.inc.php
index 666cfe9..68c5174 100644
--- a/include/menu.inc.php
+++ b/include/menu.inc.php
@@ -155,7 +155,7 @@ echo '<tr>';
 echo '<th>'.$table->get_header(0).'</th>';
 echo '<th>'.$table->get_header(1).'</th>';
 echo '<th>'.$table->get_header(2).'</th>';
-echo '<th>'.$table->get_header(3).HtmlInput::infobulle(33).'</th>';
+echo '<th>'.$table->get_header(3).Icon_Action::infobulle(33).'</th>';
 echo '<th>'.$table->get_header(4).'</th>';
 echo '<th>'.$table->get_header(5).'</th>';
 echo '<th>'.$table->get_header(6).'</th>';
diff --git a/include/modele.inc.php b/include/modele.inc.php
index 78d2b71..aa8002a 100644
--- a/include/modele.inc.php
+++ b/include/modele.inc.php
@@ -270,7 +270,7 @@ if ($sa == 'list')
        {
 
                echo '<span style="display:block;margin-top:10">';
-               echo _('Filtre').HtmlInput::infobulle(23);
+               echo _('Filtre').Icon_Action::infobulle(23);
                echo HtmlInput::filter_table("t_modele", "0,1,2","1");
                echo '</span>';
                echo '<table id="t_modele" class="table_large" 
style="border-spacing:10;border-collapse:separate" >';
diff --git a/include/param_sec.inc.php b/include/param_sec.inc.php
index 96264c2..73b43b4 100644
--- a/include/param_sec.inc.php
+++ b/include/param_sec.inc.php
@@ -361,9 +361,9 @@ if ( $action == "view" )
           str_id = new String( a_select[i].id);
            if ( str_id.search(/action/) > -1 ) {
              if ( p_value == 1 ) {
-                 a_select[i].innerHTML='<img src="image/icon-on.png"/>';
+                 a_select[i].innerHTML='&#xf204';
              } else {
-                 a_select[i].innerHTML='<img src="image/icon-off.png"/>';
+                 a_select[i].innerHTML='&#xf205';
              } 
            }
          } // loop
diff --git a/include/restore.inc.php b/include/restore.inc.php
index b00723c..941cfc1 100644
--- a/include/restore.inc.php
+++ b/include/restore.inc.php
@@ -209,7 +209,7 @@ else
     echo HtmlInput::hidden('action','restore');
     echo HtmlInput::hidden('sa','r');
     echo '<table>';
-    echo '<tr><td>'._("Nom de la base de donnée").HtmlInput::infobulle(29)
+    echo '<tr><td>'._("Nom de la base de donnée").Icon_Action::infobulle(29)
                        .'</td>';
     $wNom=new IText();
     $wNom->name="database";
diff --git a/include/template/action_search.php 
b/include/template/action_search.php
index 20388cc..5e15503 100644
--- a/include/template/action_search.php
+++ b/include/template/action_search.php
@@ -28,11 +28,11 @@
 ?>
 <?php if (! $inner ) : ?>
 <div id="search_action" class="op_detail_frame" 
style="position:absolute;display:none;margin-left:120px;width:70%;clear:both;z-index:2;height:auto;border:1px
 #000080 solid">
-       <?php echo HtmlInput::anchor_hide('&#10761;', 
"$('search_action').style.display='none';");?>
+       <?php echo Icon_Action::hide('&#10761;', 
"$('search_action').style.display='none';");?>
 <?php endif; ?>
 <?php if ( $inner ) : ?>
 <div id="search_action" class="">
-       <?php echo HtmlInput::anchor_hide('&#10761;', 
"removeDiv('search_action_div');");?>
+       <?php echo Icon_Action::hide('&#10761;', 
"removeDiv('search_action_div');");?>
 
        <?php endif; ?>
        <h2 class="title">
diff --git a/include/template/anc_key_input.php 
b/include/template/anc_key_input.php
index 87dfe95..ed22532 100644
--- a/include/template/anc_key_input.php
+++ b/include/template/anc_key_input.php
@@ -62,7 +62,7 @@
                 endfor;
                 ?>
                     <th style="text-align: right">
-                    <?php echo HtmlInput::infobulle(41); ?>
+                    <?php echo Icon_Action::infobulle(41); ?>
                     <?php echo _('Pourcentage'); ?>
                 </th>
             </tr>
diff --git a/include/template/dashboard.php b/include/template/dashboard.php
index b2dd1ad..2e9f006 100644
--- a/include/template/dashboard.php
+++ b/include/template/dashboard.php
@@ -3,11 +3,11 @@
 //see licence.txt
 ?><!-- left div -->
 <div id="calendar_box_div" class="box">
-<?php echo 
HtmlInput::title_box(_('Calendrier'),'cal_div','zoom',"onclick=\"calendar_zoom($obj)\"",'n');?>
+<?php echo 
HtmlInput::title_box(_('Calendrier'),'cal_div','zoom',"calendar_zoom($obj)",'n');?>
 <?php echo $cal->display('short',0); ?>
 </div>
 
-<div id="todo_listg_div" class="box"> <?php echo 
HtmlInput::title_box(_('Pense-Bête'),"todo_listg_div",'zoom'," 
onclick=\"zoom_todo()\"",'n')?>
+<div id="todo_listg_div" class="box"> <?php echo 
HtmlInput::title_box(_('Pense-Bête'),"todo_listg_div",'zoom',"zoom_todo()",'n')?>
 
 <?php
 /*
@@ -192,7 +192,7 @@ endif;
     
 <div id="action_late_div"  class="inner_box" 
style="position:fixed;display:none;margin-left:12%;top:25%;width:75%;min-height:50%;overflow:
 auto;">
        <?php
-               echo HtmlInput::title_box(_("Action en retard"), 
"action_late_div","hide")
+               echo HtmlInput::title_box(_("Action en retard"), 
"action_late_div","hide","","y")
        ?>
        <ol>
        <?php if (count($late_operation)> 0) :
@@ -228,7 +228,7 @@ endif;
 
        <div id="action_now_div" class="inner_box" 
style="display:none;margin-left:25%;width: 50%;top:25%;min-height:50%;overflow: 
auto;">
        <?php
-               echo HtmlInput::title_box(_("Action pour aujourd'hui"), 
"action_now_div","hide",'','n')
+               echo HtmlInput::title_box(_("Action pour aujourd'hui"), 
"action_now_div","hide",'','y')
        ?>
        <ol>
        <?php
@@ -267,7 +267,7 @@ endif;
 
 
 <div id="last_operation_box_div" class="box">
-<?php echo HtmlInput::title_box(_('Dernières 
opérations'),"last_operation_box_div",'zoom','onclick="popup_recherche('.dossier::id().')"','n')?>
+<?php echo HtmlInput::title_box(_('Dernières 
opérations'),"last_operation_box_div",'zoom','popup_recherche('.dossier::id().')','n')?>
 
 <table style="width: 100%">
 <?php
@@ -332,9 +332,7 @@ for($i=0;$i<count($last_ledger);$i++):
 </div>
 
 <div id="add_todo_list" class="box" style="display:none">
-       <script charset="utf-8" type="text/javascript" language="javascript">
-               new Draggable($('add_todo_list'),{});
-       </script>
+       
 <form method="post">
 <?php
 $wDate=new IDate('p_date_todo');
@@ -343,7 +341,7 @@ $wTitle=new IText('p_title');
 $wDesc=new ITextArea('p_desc');
 $wDesc->heigh=5;
 $wDesc->width=40;
-echo HtmlInput::title_box("Note","add_todo_list","hide",'','n');
+echo HtmlInput::title_box(_("Note"),"add_todo_list","hide",'',"",'y');
 echo _("Date")." ".$wDate->input().'<br>';
 echo _("Titre")." ".$wTitle->input().'<br>';
 echo _("Description")."<br>".$wDesc->input().'<br>';
diff --git a/include/template/document_mod_change.php 
b/include/template/document_mod_change.php
index 6030e20..ba492c9 100644
--- a/include/template/document_mod_change.php
+++ b/include/template/document_mod_change.php
@@ -70,7 +70,7 @@ $doc_type->get();
   <tr>
   <td><?php echo _('Prochain numéro')?>
          <?php echo 
-               HtmlInput::infobulle(15);
+               Icon_Action::infobulle(15);
        ?>
   </td>
    <td>
diff --git a/include/template/fiche_list.php b/include/template/fiche_list.php
index acb2a8b..9282b22 100644
--- a/include/template/fiche_list.php
+++ b/include/template/fiche_list.php
@@ -32,7 +32,7 @@
                <tr>
                        <th >
                                <?php echo _("Quick Code")?>
-                            <?php echo HtmlInput::infobulle(17)?>
+                            <?php echo Icon_Action::infobulle(17)?>
                        </th>
                        <th >
                                <?php echo _("Nom")?>
diff --git a/include/template/form_ledger_detail.php 
b/include/template/form_ledger_detail.php
index 4fa25b3..a6357d5 100644
--- a/include/template/form_ledger_detail.php
+++ b/include/template/form_ledger_detail.php
@@ -68,17 +68,17 @@
 <h2><?php echo $f_legend_detail?></h2>
 <table id="sold_item" >
 <tr>
-<th style="width:auto"colspan="2">Code <?php echo 
HtmlInput::infobulle(0)?></th>
+<th style="width:auto"colspan="2">Code <?php echo 
Icon_Action::infobulle(0)?></th>
       <th class="visible_gt800 visible_gt1155"><?php echo 
_('Dénomination')?></th>
 <?php if ($flag_tva =='Y') : ?>
-      <th><?php echo _('prix/unité htva')?><?php echo 
HtmlInput::infobulle(6)?></th>
+      <th><?php echo _('prix/unité htva')?><?php echo 
Icon_Action::infobulle(6)?></th>
       <th><?php echo _('quantité')?></th>
       <th class="visible_gt800" ><?php echo _('Total HTVA')?></th>
          <th><?php echo _('tva')?></th>
       <th class="visible_gt800"><?php echo _('tot.tva')?></th>
       <th><?php echo _('tvac')?></th>
 <?php else: ?>
-         <th><?php echo _('prix/unité ')?><?php echo 
HtmlInput::infobulle(6)?></th>
+         <th><?php echo _('prix/unité ')?><?php echo 
Icon_Action::infobulle(6)?></th>
       <th><?php echo _('quantité')?></th>
       <th><?php echo _('Total ')?></th>
 <?php endif;?>
diff --git a/include/template/form_ledger_fin.php 
b/include/template/form_ledger_fin.php
index c7cebac..ef12d18 100644
--- a/include/template/form_ledger_fin.php
+++ b/include/template/form_ledger_fin.php
@@ -36,8 +36,8 @@
    <fieldset><legend><?php echo _('Opérations')?></legend>
 <table id="fin_item" width="100%" border="0">
 <tr>
-<th id="thdate" style="display:none;text-align: left"><?php echo 
_('Date')?><?php echo HtmlInput::infobulle(16)?></TH>
-<th style="text-align: left;width: auto">code<?HtmlInput::infobulle(0)?></TH>
+<th id="thdate" style="display:none;text-align: left"><?php echo 
_('Date')?><?php echo Icon_Action::infobulle(16)?></TH>
+<th style="text-align: left;width: auto">code<?Icon_Action::infobulle(0)?></TH>
    <th style="text-align: left"><?php echo _('Fiche')?></TH>
    <th style="text-align: left" class="visible_gt800 visible_gt1155"><?php 
echo _('Commentaire')?></TH>
    <th style="text-align: left"><?php echo _('Montant')?></TH>
diff --git a/include/template/history_top.php b/include/template/history_top.php
index 47a1bf6..a8af5ae 100644
--- a/include/template/history_top.php
+++ b/include/template/history_top.php
@@ -7,13 +7,11 @@
    {
      $callback=$_SERVER['PHP_SELF'];
      $str=$_SERVER['QUERY_STRING']."&op=history&act=de&ajax=$callback";
-     echo '<A id="close_div" HREF="javascript:void(0)" onclick="var 
a=window.open(\'popup.php?'.$str.'\',\'\',\'fullscreen=yes,location=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,statusbar=no,menubar=no,status=no,location=no\');
 a.focus();removeDiv(\''.$div.'\')">&#11036
+     
+     echo '<A class="icon" HREF="javascript:void(0)" onclick="var 
a=window.open(\'popup.php?'.$str.'\',\'\',\'fullscreen=yes,location=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,statusbar=no,menubar=no,status=no,location=no\');
 a.focus();removeDiv(\''.$div.'\')">&#11036
 </A>';
-    printf('<span id="pin_%s" 
style="margin:0px;padding:0px;margin-right:6px;padding-top:2px;font-size:120%%;border-width:0px"
 ><a class="input_text" onclick="pin(\'%s\')" id="close_div">%s</a></span>',
-                    $div,
-                    $div,PINDG);
-
-echo '<A id="close_div" HREF="javascript:void(0)" 
onclick="removeDiv(\''.$div.'\');">&#10761;</A>';
+    echo Icon_Action::draggable($div);
+    echo Icon_Action::close($div);
 }
 ?>
 </div>
diff --git a/include/template/ledger_detail_bottom.php 
b/include/template/ledger_detail_bottom.php
index 1ff8c4c..cc8d521 100644
--- a/include/template/ledger_detail_bottom.php
+++ b/include/template/ledger_detail_bottom.php
@@ -140,10 +140,10 @@ endif;
           <?php endif; ?>
     <table>
         <tr>
-            <td><?php echo _(" Bon de commande")?>   :</td><td> <?php echo 
HtmlInput::infobulle(31)." ".$cmd->input();  ?></td>
+            <td><?php echo _(" Bon de commande")?>   :</td><td> <?php echo 
Icon_Action::infobulle(31)." ".$cmd->input();  ?></td>
         </tr>
         <tr>
-            <td> <?php echo _("Autre information")?> : </td><td><?php echo 
HtmlInput::infobulle(30)." ".$other->input();?></td>
+            <td> <?php echo _("Autre information")?> : </td><td><?php echo 
Icon_Action::infobulle(30)." ".$other->input();?></td>
         </tr>
         <tr>
             <td>
diff --git a/include/template/ledger_detail_top.php 
b/include/template/ledger_detail_top.php
index 85c7a3f..a05a64e 100644
--- a/include/template/ledger_detail_top.php
+++ b/include/template/ledger_detail_top.php
@@ -16,12 +16,10 @@
      $msg_close=_('Fermer');
      $msg_pop=_('Ouvrir dans une fenêtre séparée');
      
-     echo '<A id="close_div" title="'.$msg_pop.'" onclick="var 
a=window.open(\'popup.php?'.$str.'\',\'\',\'titlebar=no,location=no,statusbar=no,menubar=no,toolbar=no,fullscreen=yes,scrollbars=yes,resizable=yes,status=no\');
 a.focus();removeDiv(\''.$div.'\')">&#11036;
-</A>';
-     printf('<span id="pin_%s" 
style="margin:0px;padding:0px;margin-right:6px;padding-top:2px;font-size:120%%;border-width:0px"
 ><a class="input_text" onclick="pin(\'%s\')" id="close_div">%s</a></span>',
-                    $div,
-                    $div,PINDG);
-     echo '<A id="close_div" title="'.$msg_close.'"  
onclick="removeDiv(\''.$div.'\');">&#10761;</A>';
+     
$js="a=window.open('popup.php?{$str}','','titlebar=no,location=no,statusbar=no,menubar=no,toolbar=no,fullscreen=yes,scrollbars=yes,resizable=yes,status=no');
 a.focus();removeDiv('{$div}')";
+     echo Icon_Action::zoom($div, $js);
+     echo Icon_Action::draggable($div);
+     echo Icon_Action::close($div);
    }
 ?>
 </div>
diff --git a/include/template/ledger_search.php 
b/include/template/ledger_search.php
index 2e29663..2677d70 100644
--- a/include/template/ledger_search.php
+++ b/include/template/ledger_search.php
@@ -29,7 +29,7 @@
 </tr>
 <tr>
 <td style="text-align:right;width:30em">
-<?php echo _('Et paiement compris entre les date ').HtmlInput::infobulle(36); 
?>
+<?php echo _('Et paiement compris entre les date 
').Icon_Action::infobulle(36); ?>
 </td>
 <td>
 <?php echo $f_date_paid_start->input();  ?> <?php echo _('et')?> <?php echo 
$f_date_paid_end->input();  ?>
diff --git a/include/template/param_jrn.php b/include/template/param_jrn.php
index 4634d0d..ccfa1e6 100644
--- a/include/template/param_jrn.php
+++ b/include/template/param_jrn.php
@@ -93,7 +93,7 @@ echo $str_add_button;
 </TR>
 <TR>
 <TD><?php echo _('Préfixe pièce justificative')?>
-    <?php echo HtmlInput::infobulle(39);?>
+    <?php echo Icon_Action::infobulle(39);?>
 </TD>
 <TD>
 <?php echo $pj_pref; ?>
@@ -104,7 +104,7 @@ echo $str_add_button;
 <TR>
 <TD>
   <?php echo _('Dernière pièce numérotée')?>
-  <?php echo HtmlInput::infobulle(40);?>
+  <?php echo Icon_Action::infobulle(40);?>
 </TD>
 <TD>
 <?php echo $last_seq?>
@@ -113,7 +113,7 @@ echo $str_add_button;
 
 <tr>
 <TD><?php echo _('N° pièce justificative')?>
-    <?php echo HtmlInput::infobulle(38);?>
+    <?php echo Icon_Action::infobulle(38);?>
 </TD>
 <TD>
     <?php echo $pj_seq; ?>
diff --git a/include/template/predf_ledger_detail.php 
b/include/template/predf_ledger_detail.php
index e28ad12..9723534 100644
--- a/include/template/predf_ledger_detail.php
+++ b/include/template/predf_ledger_detail.php
@@ -13,17 +13,17 @@
 <legend><?php echo $f_legend_detail?></legend>
 <table id="sold_item" width="100%" border="0">
 <tr>
-<th style="width:auto"colspan="2">Code <?php echo 
HtmlInput::infobulle(0)?></th>
+<th style="width:auto"colspan="2">Code <?php echo 
Icon_Action::infobulle(0)?></th>
       <th><?php echo _('Dénomination')?></th>
 <?php if ($flag_tva =='Y') : ?>
-      <th><?php echo _('prix/unité htva')?><?php echo 
HtmlInput::infobulle(6)?></th>
+      <th><?php echo _('prix/unité htva')?><?php echo 
Icon_Action::infobulle(6)?></th>
       <th><?php echo _('quantité')?></th>
       <th><?php echo _('Total HTVA')?></th>
          <th><?php echo _('tva')?></th>
       <th><?php echo _('tot.tva')?></th>
       <th><?php echo _('tvac')?></th>
 <?php else: ?>
-         <th><?php echo _('prix/unité ')?><?php echo 
HtmlInput::infobulle(6)?></th>
+         <th><?php echo _('prix/unité ')?><?php echo 
Icon_Action::infobulle(6)?></th>
       <th><?php echo _('quantité')?></th>
       <th><?php echo _('Total ')?></th>
 <?php endif;?>
diff --git a/include/template/print_ledger_simple.php 
b/include/template/print_ledger_simple.php
index 75903de..7ea1ce4 100644
--- a/include/template/print_ledger_simple.php
+++ b/include/template/print_ledger_simple.php
@@ -47,7 +47,7 @@ foreach ($Row as $line) {
      * Get date of reconcile operation
      */
     $ret_reconcile=$cn->execute('reconcile_date',array($line['jr_id']));
-   
+   if ($line["jr_pj_number"]=="A17.1392") {  var_dump($line);   echo 
"1-".$line['HTVA'];}
     $class = ($i % 2 == 0) ? ' class="even" ' : ' class="odd" ';
     echo "<tr $class>";
     echo "<TD>" . h($line['jr_pj_number']) . "</TD>";
@@ -55,12 +55,14 @@ foreach ($Row as $line) {
     echo "<TD>" . smaller_date($line['date_paid']) . "</TD>";
     echo "<TD>" . HtmlInput::detail_op($line['jr_id'], $line['jr_internal']) . 
"</TD>";
     $tiers = $Jrn->get_tiers($line['jrn_def_type'], $line['jr_id']);
+   if ($line["jr_pj_number"]=="A17.1392") {     echo "2-".$line['HTVA'];}
     echo td($tiers);
     echo "<TD>" . h($line['comment']) . "</TD>";
     $dep_priv=($line['dep_priv']==0)?"":nbm($line['dep_priv']);
     $tot['dep_priv']=bcadd($tot['dep_priv'],  floatval($line['dep_priv']));
     $dna=($line['dna']==0)?"":nbm($line['dna']);
     $tot['dna']=bcadd($tot['dna'],floatval($line['dna']));
+   if ($line["jr_pj_number"]=="A17.1392") {     echo "3-".$line['HTVA'];}
     echo "<TD class=\"num\">" . nbm($line['HTVA']) . "</TD>";
     $tot['htva']=bcadd($tot['htva'],  floatval($line['HTVA']));
     
diff --git a/include/template/template_config_form.php 
b/include/template/template_config_form.php
index fae5e8a..2e98740 100644
--- a/include/template/template_config_form.php
+++ b/include/template/template_config_form.php
@@ -31,25 +31,25 @@
 <table>
        <tr>
                <TD> <?php echo _('Répertoire temporaire');?> </TD>
-               <TD> <?php echo $ictmp->input(); echo 
HtmlInput::infobulle(200);?></TD>
+               <TD> <?php echo $ictmp->input(); echo 
Icon_Action::infobulle(200);?></TD>
 
        </tr>
        <TR>
 
                <TD><?php echo _('Changement de langue');?></TD>
-               <TD> <?php echo $iclocale->input();echo 
HtmlInput::infobulle(201)?></TD>
+               <TD> <?php echo $iclocale->input();echo 
Icon_Action::infobulle(201)?></TD>
        </TR>
        <TR>
                <TD><?php echo _('Chemin complet vers les executable de 
Postgresql');?> </TD>
-               <TD><?php echo $icpath->input();echo 
HtmlInput::infobulle(202)?></TD>
+               <TD><?php echo $icpath->input();echo 
Icon_Action::infobulle(202)?></TD>
        </TR>
        <TR>
                <TD><?php echo _('Utilisateur Postgresql');?> </TD>
-               <TD><?php echo $icuser->input();echo 
HtmlInput::infobulle(203)?></TD>
+               <TD><?php echo $icuser->input();echo 
Icon_Action::infobulle(203)?></TD>
        </TR>
        <TR>
                <TD><?php echo _('Mot de passe de l\'utilisateur 
Postgresql');?> </TD>
-               <TD><?php echo $icpasswd->input();echo 
HtmlInput::infobulle(204)?></TD>
+               <TD><?php echo $icpasswd->input();echo 
Icon_Action::infobulle(204)?></TD>
 </TR>
 <tr>
     <td>
@@ -61,14 +61,14 @@
 </tr>
 <TR>
        <TD><?php echo _('Adresse Serveur Postgresql');?> </TD>
-       <TD><?php echo $ichost->input();echo HtmlInput::infobulle(208)?></TD>
+       <TD><?php echo $ichost->input();echo Icon_Action::infobulle(208)?></TD>
 </TR>
 <TR>
        <TD><?php echo _('Port de Postgresql');?> </TD>
-       <TD><?php echo $icport->input();echo HtmlInput::infobulle(205)?></TD>
+       <TD><?php echo $icport->input();echo Icon_Action::infobulle(205)?></TD>
 </TR>
 <tr>
-       <td><?php echo _('Mode Serveur mutualisé'). HtmlInput::infobulle(207) 
?></td>
+       <td><?php echo _('Mode Serveur mutualisé'). Icon_Action::infobulle(207) 
?></td>
        <td><?php echo $smulti->input() ?></td>
 </tr>
 <tr id="div_db" style="visibility:hidden">
@@ -76,7 +76,7 @@
                <?php echo _('Nom base de donnée');?>
        </td>
        <td>
-               <?php echo $icdbname->input();echo HtmlInput::infobulle(206) ?>
+               <?php echo $icdbname->input();echo Icon_Action::infobulle(206) 
?>
        </td>
 </tr>
 </table>
diff --git a/include/template/todo_list_display.php 
b/include/template/todo_list_display.php
index 0a322f6..ea4844e 100644
--- a/include/template/todo_list_display.php
+++ b/include/template/todo_list_display.php
@@ -35,7 +35,7 @@ $is_public->value='Y';
 $is_public->set_check($this->is_public);
 $dossier=Dossier::id();
 $close_share=" if ( \$('shared_{$this->tl_id}') ){ 
\$('shared_{$this->tl_id}').remove();}";
-echo 
HtmlInput::title_box("Note","todo_list_div".$this->tl_id,'close',$close_share);
+echo 
HtmlInput::title_box("Note","todo_list_div".$this->tl_id,'close',$close_share,'y');
 ?>
 <form id="todo_form_<?php echo $this->tl_id?>" onsubmit="todo_list_save(<?php 
echo $this->tl_id?>);return false">
     <table>
diff --git a/include/user.inc.php b/include/user.inc.php
index 1377540..1e91f8c 100644
--- a/include/user.inc.php
+++ b/include/user.inc.php
@@ -135,7 +135,7 @@ $a_user=$repo->get_user_folder($sql);
 if ( !empty ($a_user) )
 {
        echo '<span style="display:block">';
-       echo _('Cherche').HtmlInput::infobulle(22);
+       echo _('Cherche').Icon_Action::infobulle(22);
        echo HtmlInput::filter_table("user", "0,1,2,5","1");
        echo '</span>';
     echo '<table id="user" class="result">';
diff --git a/scenario/ajax_manage_table_sql.php 
b/scenario/ajax_manage_table_sql.php
index ef49b82..83c1b47 100644
--- a/scenario/ajax_manage_table_sql.php
+++ b/scenario/ajax_manage_table_sql.php
@@ -59,7 +59,7 @@ if ($action=="input")
     $manage_table->set_col_label('parent_accounting', "Dépend");
     $manage_table->set_col_label('pcm_lib', "Libellé");
     $manage_table->set_col_label('pcm_type',
-            "Type de menu".HtmlInput::infobulle(33));
+            "Type de menu".Icon_Action::infobulle(33));
     header('Content-type: text/xml; charset=UTF-8');
     echo $manage_table->ajax_input()->saveXML();
     return;
diff --git a/scenario/test_manage_table_sql.php 
b/scenario/test_manage_table_sql.php
index 608ee06..6f813a7 100644
--- a/scenario/test_manage_table_sql.php
+++ b/scenario/test_manage_table_sql.php
@@ -50,7 +50,7 @@ $manage_table->create_js_script();
 $manage_table->set_col_label('pcm_val', "Poste");
 $manage_table->set_col_label('parent_accounting', "Dépend");
 $manage_table->set_col_label('pcm_lib', "Libellé");
-$manage_table->set_col_label('pcm_type', "Type de 
menu".HtmlInput::infobulle(33));
+$manage_table->set_col_label('pcm_type', "Type de 
menu".Icon_Action::infobulle(33));
 
 // Change visible property
 function test_visible_update(Manage_Table_SQL 
$p_manage_table,$p_property,$p_visible,$p_update) {
diff --git a/sql/upgrade.sql b/sql/upgrade.sql
index ca1521a..b0feadf 100644
--- a/sql/upgrade.sql
+++ b/sql/upgrade.sql
@@ -4,8 +4,9 @@ set search_path=public,comptaproc;
 alter table action_gestion drop ag_ref_ag_id;
 /* --- repository 
 -- add style
-insert into theme (the_name,the_filestyle) values ('Classic 
692','style-r692.css');
-
+insert into theme (the_name,the_filestyle) values 
('Classic7','style-classic7.css');
+delete from theme where the_filestyle in 
('style-mandarine.css','style-mobile.css');
+update user_global_pref set parameter_value='style-
 -- add constraint
 alter table jnt_use_dos add CONSTRAINT use_id_dos_id_uniq UNIQUE 
(use_id,dos_id);
 */



reply via email to

[Prev in Thread] Current Thread [Next in Thread]