--- a/cms/app-client/app/templates/components/visu-chrono.hbs	Sun Jul 17 23:58:55 2016 +0200
+++ b/cms/app-client/app/templates/components/visu-chrono.hbs	Mon Jul 18 02:37:48 2016 +0200
@@ -1,5 +1,5 @@
 <div class="interval">
-    <span class="decades"{{ action 'selectDecade' 1960}}>1960</span>
+    {{input type="checkbox" checked=(is-checked filter.date 1960) indeterminate=(is-indeterminate filter.date 1960) click=(action 'selectDecade' 1960)}}
     <ul class="1960">
         <li title="1960" id="1960">1960</li>
         <li title="1961" id="1961">1961</li>
@@ -14,7 +14,7 @@
     </ul>
 </div>
 <div class="interval">
-    <span class="decades"{{ action 'selectDecade' 1970}}>1970</span>
+    {{input type="checkbox" checked=(is-checked filter.date 1970) indeterminate=(is-indeterminate filter.date 1970) click=(action 'selectDecade' 1970)}}
     <ul class="1970">
         <li title="1970" id="1970">1970</li>
         <li title="1971" id="1971">1971</li>
@@ -29,7 +29,7 @@
     </ul>
 </div>
 <div class="interval">
-    <span class="decades"{{ action 'selectDecade' 1980}}>1980</span>
+    {{input type="checkbox" checked=(is-checked filter.date 1980) indeterminate=(is-indeterminate filter.date 1980) click=(action 'selectDecade' 1980)}}
     <ul class="1980">
         <li title="1980" id="1980">1980</li>
         <li title="1981" id="1981">1981</li>
@@ -44,7 +44,7 @@
     </ul>
 </div>
 <div class="interval">
-    <span class="decades"{{ action 'selectDecade' 1990}}>1990</span>
+    {{input type="checkbox" checked=(is-checked filter.date 1990) indeterminate=(is-indeterminate filter.date 1990) click=(action 'selectDecade' 1990)}}
     <ul class="1990">
         <li title="1990" id="1990">1990</li>
         <li title="1991" id="1991">1991</li>
@@ -59,7 +59,7 @@
     </ul>
 </div>
 <div class="interval">
-    <span class="decades"{{ action 'selectDecade' 2000}}>2000</span>
+    {{input type="checkbox" checked=(is-checked filter.date 2000) indeterminate=(is-indeterminate filter.date 2000) click=(action 'selectDecade' 2000)}}
     <ul class="2000">
         <li title="2000" id="2000">2000</li>
         <li title="2001" id="2001">2001</li>
@@ -74,7 +74,7 @@
     </ul>
 </div>
 <div class="interval">
-    <span class="decades"{{ action 'selectDecade' 2010}}>2010</span>
+    {{input type="checkbox" checked=(is-checked filter.date 2010) indeterminate=(is-indeterminate filter.date 2010) click=(action 'selectDecade' 2010)}}
     <ul class="2010">
         <li title="2010" id="2010">2010</li>
         <li title="2011" id="2011">2011</li>