--- a/cms/app-client/app/components/visu-langues.js	Sun Oct 02 15:27:15 2016 +0200
+++ b/cms/app-client/app/components/visu-langues.js	Sun Oct 02 19:11:06 2016 +0200
@@ -114,6 +114,14 @@
                     .style("top", function(d) { return y(d.y) + 'px'; });
             }
 
+            function hexadecimalToInteger(hexadecimal) {
+                var integer = [];
+                for(var i = 1; i < 7; i += 2) {
+                    integer.push(parseInt(hexadecimal.slice(i, i + 2), 16));
+                }
+                return integer;
+            }
+
             function display(d) {
                 breadcrumbs
                     .datum(d.parent)
@@ -130,8 +138,24 @@
                     .append("div")
                     .attr("data-id", function(d) { return d.id; });
 
+                var dMin = Math.min.apply(null, d._children.map(function(d){ return d.count; }));
+                var dMax = Math.max.apply(null, d._children.map(function(d){ return d.count; }));
+
+                function shade(d) {
+                    var color = "#becfd4";
+                    var aColor = hexadecimalToInteger(color);
+                    var solidColor = "#71848d";
+                    var aSolidColor = hexadecimalToInteger(solidColor);
+                    var aFillColor = [];
+                    for(var i = 0; i < 3; i++) {
+                        aFillColor.push((d.count - dMin) * (aSolidColor[i] - aColor[i]) / (dMax - dMin) + aColor[i]);
+                    }
+                    return '#' + (aFillColor.map(i => parseInt(i).toString(16))).join('');
+                }
+
                 node.attr("class", function(d) { return "node" + ( d.id === self.get('filter').get('language') ? " selected" : "" ); })
                     .call(position)
+                    .style("background-color", function(d) { return shade(d); })
                     .on("click", selectHandler);
 
                 node.filter(function(d) { return d._children; })