diff -ruN hotot-orig/css/style.css hotot-patched/css/style.css
--- hotot-orig/css/style.css	2011-10-29 08:05:33.000000000 +0200
+++ hotot-patched/css/style.css	2011-11-16 21:20:34.799387695 +0100
@@ -532,6 +532,18 @@
     right: 2px;
 }
 
+#view_title_bar .read_btn {
+    width: 16px;
+    height: 25px;
+    display: block;
+    position: relative;
+    top: 1px;
+    padding-left:60px;
+    float:right;
+    background-image: url(../image/emit.png);
+    background-position: center -7px;
+    background-repeat: no-repeat;
+}
 
 /* ===== Buttom =================================== */
 #indication {
diff -ruN hotot-orig/index.html hotot-patched/index.html
--- hotot-orig/index.html	2011-10-29 08:05:33.000000000 +0200
+++ hotot-patched/index.html	2011-11-16 21:11:29.523358314 +0100
@@ -663,7 +663,7 @@
 }
 
 function track() {
-    $('body').append('<iframe src="http://stat.hotot.org/?rnd='+Math.random()+'#platform='+conf.vars.platform+'&version='+conf.vars.version+'" style="width: 1px;height: 1px;position: absolute;top: 0;left: 0;z-index: 9999999;"></iframe>');
+    // $('body').append('<iframe src="http://stat.hotot.org/?rnd='+Math.random()+'#platform='+conf.vars.platform+'&version='+conf.vars.version+'" style="width: 1px;height: 1px;position: absolute;top: 0;left: 0;z-index: 9999999;"></iframe>');
 }
 
 var globals = {
@@ -922,6 +922,7 @@
             <span class="title"></span>
             <a href="#" class="close_btn ic_close"></a>
             <a href="#" class="setting_btn ic_gear"></a>
+            <a href="#" class="read_btn"></a>
         </div><div class="view_title">
             <span class="title"></span>
             <a href="#" class="close_btn ic_close"></a>
diff -ruN hotot-orig/js/ui.slider.js hotot-patched/js/ui.slider.js
--- hotot-orig/js/ui.slider.js	2011-11-15 23:45:22.000000000 +0100
+++ hotot-patched/js/ui.slider.js	2011-11-16 21:04:18.635335096 +0100
@@ -99,6 +99,11 @@
         return false;
     });
 
+    $('#view_title_bar .read_btn').click(function() {
+	$(this).parent().parent().parent().parent().parent().find("li").removeClass("unread");
+        return(false);
+    });
+
     $('#view_setting_menu').mouseleave(
     function (event) {
         ui.Slider.closeViewSettingMenu();
diff -ruN hotot-orig/js/ui.template.js hotot-patched/js/ui.template.js
--- hotot-orig/js/ui.template.js	2011-11-16 19:17:19.000000000 +0100
+++ hotot-patched/js/ui.template.js	2011-11-16 19:33:23.579041165 +0100
@@ -23,7 +23,7 @@
 reg_is_rtl: new RegExp('[\u0600-\u06ff]|[\ufe70-\ufeff]|[\ufb50-\ufdff]|[\u0590-\u05ff]'),
 
 tweet_t: 
-'<li id="{%ID%}" tweet_id="{%TWEET_ID%}" class="card {%SCHEME%} {%FAV_CLASS%}" type="tweet"  retweet_id="{%RETWEET_ID%}" reply_id="{%REPLY_ID%}" in_thread="{%IN_THREAD%}" reply_name="{%REPLY_NAME%}" screen_name="{%SCREEN_NAME%}" retweetable="{%RETWEETABLE%}" deletable="{%DELETABLE%}">\
+'<li id="{%ID%}" tweet_id="{%TWEET_ID%}" class="card {%SCHEME%} {%FAV_CLASS%} unread" type="tweet"  retweet_id="{%RETWEET_ID%}" reply_id="{%REPLY_ID%}" in_thread="{%IN_THREAD%}" reply_name="{%REPLY_NAME%}" screen_name="{%SCREEN_NAME%}" retweetable="{%RETWEETABLE%}" deletable="{%DELETABLE%}">\
     <div class="tweet_active_indicator"></div>\
     <div class="tweet_selected_indicator"></div>\
     <div class="tweet_fav_indicator"></div>\
Les fichiers binaires hotot-orig/js/.ui.template.js.swp et hotot-patched/js/.ui.template.js.swp sont différents
diff -ruN hotot-orig/theme/Classic/style.css hotot-patched/theme/Classic/style.css
--- hotot-orig/theme/Classic/style.css	2011-10-01 13:18:38.000000000 +0200
+++ hotot-patched/theme/Classic/style.css	2011-11-16 19:31:35.151035321 +0100
@@ -29,6 +29,9 @@
     border-color: #bbb;
     color: #2c2e36;
 }
+.card.normal.unread {
+	background:-webkit-gradient(linear, left top, left bottom, from(#fffeeb), to(#fffdc9));
+}
 .card.normal a {
     color: #585858;
 }
@@ -102,4 +105,3 @@
 .card.me .tweet_ctrl {
     border-color: #75A565;
 }
-