--- a/client/app/app.css	Thu Oct 23 09:16:16 2014 +0200
+++ b/client/app/app.css	Thu Oct 23 10:33:31 2014 +0200
@@ -32,7 +32,7 @@
     float: left;
     margin: 0.5%;
     overflow: hidden;
-    padding-bottom: 32%;
+    padding-bottom: 20%;
     position: relative;
     width: 45%;
 }
@@ -69,7 +69,7 @@
     background-color: #e6e6e6;
 }
 .send, .return{
-    padding-bottom: 20%;
+    padding-bottom: 15%;
 }
 
 .row input{

--- a/client/data/categories.json	Thu Oct 23 09:16:16 2014 +0200
+++ b/client/data/categories.json	Thu Oct 23 10:33:31 2014 +0200
@@ -3,48 +3,48 @@
         {
             "label": "Mélodie",
             "prelabel": "",
-            "color": "rgb(212,212,212)",
+            "color": "rgb(205,200,63)",
             "subcategories": [
                 {
                     "label": "Bon",
                     "prelabel": "Mélodie",
-                    "color": "rgb(0,143,30)",
+                    "color": "rgb(205,200,63)",
                     "code": "melodie-bon"
                 },
                 {
                     "label": "Mauvais",
                     "prelabel": "Mélodie",
-                    "color": "rgb(220,0,0)",
+                    "color": "rgb(205,200,63)",
                     "code": "melodie-mauvais"
                 },
                 {
                     "label": "Trop",
                     "prelabel": "Mélodie",
-                    "color": "rgb(162,59,59)",
+                    "color": "rgb(205,200,63)",
                     "code": "melodie-trop"
                 },
                 {
                     "label": "Trop peu",
                     "prelabel": "Mélodie",
-                    "color": "rgb(255,234,0)",
+                    "color": "rgb(205,200,63)",
                     "code": "melodie-trop-peu"
                 },
                 {
                     "label": "Dommage",
                     "prelabel": "Mélodie",
-                    "color": "rgb(107,188,124)",
+                    "color": "rgb(205,200,63)",
                     "code": "melodie-dommage"
                 },
                 {
                     "label": "C'est bienvenu",
                     "prelabel": "Mélodie",
-                    "color": "rgb(255,186,0)",
+                    "color": "rgb(205,200,63)",
                     "code": "melodie-c-est-bienvenu"
                 },
                 {
                     "label": "Intriguant",
                     "prelabel": "Mélodie",
-                    "color": "rgb(52,105,169)",
+                    "color": "rgb(205,200,63)",
                     "code": "melodie-intriguant"
                 }
             ]
@@ -52,48 +52,48 @@
         {
             "label": "Rythme",
             "prelabel": "",
-            "color": "rgb(212,212,212)",
+            "color": "rgb(78,144,204)",
             "subcategories": [
                 {
                     "label": "Bon",
                     "prelabel": "Rythme",
-                    "color": "rgb(0,143,30)",
+                    "color": "rgb(78,144,204)",
                     "code": "rythme-bon"
                 },
                 {
                     "label": "Mauvais",
                     "prelabel": "Rythme",
-                    "color": "rgb(220,0,0)",
+                    "color": "rgb(78,144,204)",
                     "code": "rythme-mauvais"
                 },
                 {
                     "label": "Trop",
                     "prelabel": "Rythme",
-                    "color": "rgb(162,59,59)",
+                    "color": "rgb(78,144,204)",
                     "code": "rythme-trop"
                 },
                 {
                     "label": "Trop peu",
                     "prelabel": "Rythme",
-                    "color": "rgb(255,234,0)",
+                    "color": "rgb(78,144,204)",
                     "code": "rythme-trop-peu"
                 },
                 {
                     "label": "Dommage",
                     "prelabel": "Rythme",
-                    "color": "rgb(107,188,124)",
+                    "color": "rgb(78,144,204)",
                     "code": "rythme-dommage"
                 },
                 {
                     "label": "C'est bienvenu",
                     "prelabel": "Rythme",
-                    "color": "rgb(255,186,0)",
+                    "color": "rgb(78,144,204)",
                     "code": "rythme-bienvenu"
                 },
                 {
                     "label": "Intriguant",
                     "prelabel": "Rythme",
-                    "color": "rgb(52,105,169)",
+                    "color": "rgb(78,144,204)",
                     "code": "rythme-intriguant"
                 }
             ]
@@ -101,48 +101,48 @@
         {
             "label": "Narration",
             "prelabel": "",
-            "color": "rgb(212,212,212)",
+            "color": "rgb(211,94,60)",
             "subcategories": [
                 {
                     "label": "Bon",
                     "prelabel": "Narration",
-                    "color": "rgb(0,143,30)",
+                    "color": "rgb(211,94,60)",
                     "code": "narration-bon"
                 },
                 {
                     "label": "Mauvais",
                     "prelabel": "Narration",
-                    "color": "rgb(220,0,0)",
+                    "color": "rgb(211,94,60)",
                     "code": "narration-mauvais"
                 },
                 {
                     "label": "Trop",
                     "prelabel": "Narration",
-                    "color": "rgb(162,59,59)",
+                    "color": "rgb(211,94,60)",
                     "code": "narration-trop"
                 },
                 {
                     "label": "Trop peu",
                     "prelabel": "Narration",
-                    "color": "rgb(255,234,0)",
+                    "color": "rgb(211,94,60)",
                     "code": "narration-trop-peu"
                 },
                 {
                     "label": "Dommage",
                     "prelabel": "Narration",
-                    "color": "rgb(107,188,124)",
+                    "color": "rgb(211,94,60)",
                     "code": "narration-dommage"
                 },
                 {
                     "label": "C'est bienvenu",
                     "prelabel": "Narration",
-                    "color": "rgb(255,186,0)",
+                    "color": "rgb(211,94,60)",
                     "code": "narration-c-est-bienvenu"
                 },
                 {
                     "label": "Intriguant",
                     "prelabel": "Narration",
-                    "color": "rgb(52,105,169)",
+                    "color": "rgb(211,94,60)",
                     "code": "narration-intriguant"
                 }
             ]
@@ -150,48 +150,48 @@
         {
             "label": "Interaction entre musiciens",
             "prelabel": "",
-            "color": "rgb(212,212,212)",
+            "color": "rgb(197,163,202)",
             "subcategories": [
                 {
                     "label": "Bon",
                     "prelabel": "Interaction entre musiciens",
-                    "color": "rgb(0,143,30)",
+                    "color": "rgb(197,163,202)",
                     "code": "interaction-entre-musiciens-bon"
                 },
                 {
                     "label": "Mauvais",
                     "prelabel": "Interaction entre musiciens",
-                    "color": "rgb(220,0,0)",
+                    "color": "rgb(197,163,202)",
                     "code": "interaction-entre-musiciens-mauvais"
                 },
                 {
                     "label": "Trop",
                     "prelabel": "Interaction entre musiciens",
-                    "color": "rgb(162,59,59)",
+                    "color": "rgb(197,163,202)",
                     "code": "interaction-entre-musiciens-trop"
                 },
                 {
                     "label": "Trop peu",
                     "prelabel": "Interaction entre musiciens",
-                    "color": "rgb(255,234,0)",
+                    "color": "rgb(197,163,202)",
                     "code": "interaction-entre-musiciens-trop-peu"
                 },
                 {
                     "label": "Dommage",
                     "prelabel": "Interaction entre musiciens",
-                    "color": "rgb(107,188,124)",
+                    "color": "rgb(197,163,202)",
                     "code": "interaction-entre-musiciens-dommage"
                 },
                 {
                     "label": "C'est bienvenu",
                     "prelabel": "Interaction entre musiciens",
-                    "color": "rgb(255,186,0)",
+                    "color": "rgb(197,163,202)",
                     "code": "interaction-entre-musiciens-c-est-bienvenu"
                 },
                 {
                     "label": "Intriguant",
                     "prelabel": "Interaction entre musiciens",
-                    "color": "rgb(52,105,169)",
+                    "color": "rgb(197,163,202)",
                     "code": "interaction-entre-musiciens-intriguant"
                 }
             ]
@@ -199,48 +199,48 @@
         {
             "label": "Gestuelle",
             "prelabel": "",
-            "color": "rgb(212,212,212)",
+            "color": "rgb(121,187,146)",
             "subcategories": [
                 {
                     "label": "Bon",
                     "prelabel": "Gestuelle",
-                    "color": "rgb(0,143,30)",
+                    "color": "rgb(121,187,146)",
                     "code": "gestuelle-bon"
                 },
                 {
                     "label": "Mauvais",
                     "prelabel": "Gestuelle",
-                    "color": "rgb(220,0,0)",
+                    "color": "rgb(121,187,146)",
                     "code": "gestuelle-mauvais"
                 },
                 {
                     "label": "Trop",
                     "prelabel": "Gestuelle",
-                    "color": "rgb(162,59,59)",
+                    "color": "rgb(121,187,146)",
                     "code": "gestuelle-trop"
                 },
                 {
                     "label": "Trop peu",
                     "prelabel": "Gestuelle",
-                    "color": "rgb(255,234,0)",
+                    "color": "rgb(121,187,146)",
                     "code": "gestuelle-trop-peu"
                 },
                 {
                     "label": "Dommage",
                     "prelabel": "Gestuelle",
-                    "color": "rgb(107,188,124)",
+                    "color": "rgb(121,187,146)",
                     "code": "gestuelle-dommage"
                 },
                 {
                     "label": "C'est bienvenu",
                     "prelabel": "Gestuelle",
-                    "color": "rgb(255,186,0)",
+                    "color": "rgb(121,187,146)",
                     "code": "gestuelle-c-est-bienvenu"
                 },
                 {
                     "label": "Intriguant",
                     "prelabel": "Gestuelle",
-                    "color": "rgb(52,105,169)",
+                    "color": "rgb(121,187,146)",
                     "code": "gestuelle-intriguant"
                 }
             ]
@@ -248,24 +248,24 @@
         {
             "label": "À Rejouer",
             "prelabel": "",
-            "color": "rgb(212,212,212)",
+            "color": "rgb(137,199,214)",
             "subcategories": [
                 {
                     "label": "Plus vite",
                     "prelabel": "À Rejouer",
-                    "color": "rgb(0,143,30)",
+                    "color": "rgb(137,199,214)",
                     "code": "a-rejouer-bon"
                 },
                 {
                     "label": "Plus lentement",
                     "prelabel": "À Rejouer",
-                    "color": "rgb(220,0,0)",
+                    "color": "rgb(137,199,214)",
                     "code": "a-rejouer-mauvais"
                 },
                 {
                     "label": "Avec un autre instrument",
                     "prelabel": "À Rejouer",
-                    "color": "rgb(162,59,59)",
+                    "color": "rgb(137,199,214)",
                     "code": "a-rejouer-trop"
                 }
             ]