diff --git a/html/image/OpenSansRegular.eot b/html/image/OpenSansRegular.eot
new file mode 100644
index 000000000..055d92fcf
Binary files /dev/null and b/html/image/OpenSansRegular.eot differ
diff --git a/html/image/OpenSansRegular.ttf b/html/image/OpenSansRegular.ttf
new file mode 100644
index 000000000..face4ab24
Binary files /dev/null and b/html/image/OpenSansRegular.ttf differ
diff --git a/html/image/OpenSansRegular.woff b/html/image/OpenSansRegular.woff
new file mode 100644
index 000000000..26fdb3159
Binary files /dev/null and b/html/image/OpenSansRegular.woff differ
diff --git a/html/style-classic.css b/html/style-classic.css
index 3bfd19a88..7a0f285e6 100644
--- a/html/style-classic.css
+++ b/html/style-classic.css
@@ -1,11 +1,22 @@
  /* <style type="text/css"> */
+@font-face {
+	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 {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
     padding : 0px;
     margin:0px;
     color:#0000FF; 
-    font-size:100%;
+    font-size:0.9em;
+    font-size:0.75rem;
 }
 .notice {
     color:#FF0000;
@@ -33,6 +44,7 @@ table.resultfooter tfoot {
 table.sortable th,  table.table_large th,table.result th {
     font-weight:bold;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
     border-bottom:2px #5d90cd groove;
     border-top:0;
 
@@ -44,6 +56,7 @@ table.sortable th,  table.table_large th,table.result th {
 
 h2 {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
     color:#888;
     margin:1px;
     padding:1px;
@@ -169,6 +182,7 @@ div.lextmenu {
 
     float:left;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
 
 }
 div.searchmenu {
@@ -182,6 +196,7 @@ div.searchmenu {
 div.recherche_form{
     width:700px;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
     border-style:outset;
     border-width:1px;
 
@@ -191,6 +206,7 @@ div.redcontent{
     padding-top:7px;
     padding-left:8px;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
     width:75%;
 
 }
@@ -199,8 +215,9 @@ div.content{
     margin-top:0.0030%;
     width:100%;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
     font-size:14.4px;
-    font-size:0.90rem;
+/*    font-size:0.90rem; */
 
 }
 div.content30{
@@ -209,11 +226,13 @@ div.content30{
     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;
 
@@ -229,6 +248,7 @@ table.document {
 table.document th{
     font-weight:bold;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
     border-bottom:2px solid #0000FF;
     border-top:0px;
     color:#202267;
@@ -428,6 +448,7 @@ a.one:hover {
 a.detail
 {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
     text-decoration: none;
     display: block;
     color: #0000FF;
@@ -436,6 +457,7 @@ a.detail
 a.detail:hover
 {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
     color: #FFFFFF;
     background-color:#5D90CD;
     text-decoration: none;
@@ -449,6 +471,7 @@ li.menuv,ol.menuv {
 }
 div.redcontent a {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
     text-decoration: none;
     display: block;
     color: #0000FF;
@@ -457,6 +480,7 @@ div.redcontent a {
 
 div.redcontent a:hover {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
     color: #FFFFFF;
     background-color:#336699;
     text-decoration: none;
@@ -465,6 +489,7 @@ div.redcontent a:hover {
 }
 div.content a {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
     text-decoration: none;
     display: block;
    color: #0000FF;
@@ -475,6 +500,7 @@ div.content a {
 
 div.content a:hover {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
     color: #FFFFFF;
     background-color:#336699;
     text-decoration: none;
@@ -526,6 +552,7 @@ div.content a.mtitle:hover {
 }
 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;
@@ -535,6 +562,7 @@ div.redcontent input.text {
 }
 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;
@@ -934,7 +962,7 @@ td.toolselected a.mtitle {
 div.topmenu {
 	font-size:14px;
 	font-size:13.6px;
-	font-size:0.85rem;
+	font-size:0.75rem;
         
 }
 
@@ -948,7 +976,6 @@ div.topmenu {
 /* </style> */
 #add_todo_list {
     border:1px solid #0000FF;
-    display:none;
     background-color:#DDE6FF;
     padding:0.07%;
     position:absolute;
@@ -988,6 +1015,7 @@ 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;
@@ -1394,6 +1422,7 @@ 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;
@@ -1413,6 +1442,7 @@ 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;
@@ -1420,7 +1450,7 @@ div#modele_op_div{
     position:absolute;
     left: 17.5%;
     border:1px solid #00008B;
-    width: 75%;
+    min-width: 75%;
 }
 }
 @media only screen and (max-width: 955px) {
@@ -1434,6 +1464,7 @@ 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;
@@ -1467,6 +1498,7 @@ div.inner_box tr.odd {
 div#bookmark_div {
     background-color:#e4e7ed;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
     padding:2px;
     margin:0px;
     overflow:hidden;
@@ -1481,6 +1513,7 @@ div#bookmark_div {
 div#preference_div {
     background-color:#e4e7ed;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+    font-family: 'openSansRegular';
     padding:0px;
     margin:0px;
     overflow:hidden;
@@ -1529,6 +1562,7 @@ input.inum {
 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;