--- a/cms/app-client/app/styles/app.scss	Mon Jul 04 19:21:37 2016 +0200
+++ b/cms/app-client/app/styles/app.scss	Mon Jul 04 19:42:36 2016 +0200
@@ -1,3 +1,7 @@
+$dark-blue: #13212d;
+$medium-blue : #253946;
+$light-blue : #becfd4;
+
 body {
     background-color: #f5f5f5;
 }
@@ -47,20 +51,20 @@
 }
 
 .corpus-app-modal {
-    background-color: #becfd4;
+    background-color: $light-blue;
     padding: 20px 40px;
 }
 
 .corpus-app-container {
     color: #687a84;
     box-sizing: border-box;
-    background-color: #becfd4;
+    background-color: $light-blue;
 }
 
 .corpus-app-container h2 {
     padding: 15px;
     font-size: 14px;
-    color: #253946;    
+    color: $medium-blue;
 }
 
 .corpus-window {
@@ -82,7 +86,7 @@
 }
 
 .corpus-app-wrapper {
-    background-color: #253946;
+    background-color: $medium-blue;
     box-shadow: -4px 0px 8px -4px #59626b;
 }
 
@@ -120,7 +124,7 @@
 }
 
 .corpus-app-content {
-    background-color: #13212d;
+    background-color: $dark-blue;
     overflow: hidden;
     height: 80px;
 }

--- a/cms/app-client/app/styles/components/discourses-component.scss	Mon Jul 04 19:21:37 2016 +0200
+++ b/cms/app-client/app/styles/components/discourses-component.scss	Mon Jul 04 19:42:36 2016 +0200
@@ -8,7 +8,7 @@
 }
 
 .discourses-component .caption .item {
-	color: #13212d;
+	color: $dark-blue;
 	text-align: center;
 	font-size: 12px;
 	text-transform: capitalize;

--- a/cms/app-client/app/styles/components/filter-component.scss	Mon Jul 04 19:21:37 2016 +0200
+++ b/cms/app-client/app/styles/components/filter-component.scss	Mon Jul 04 19:42:36 2016 +0200
@@ -1,6 +1,6 @@
 .filter-component {
     padding: 15px;
-    background-color: #253946;
+    background-color: $medium-blue;
 }
 
 .filter-component h2 {
@@ -17,7 +17,7 @@
 
 .filter-component ul li {
     display: inline-block;
-    background-color: #becfd4;
+    background-color: $light-blue;
     border-radius: 4px;
     font-size: 12px;
     line-height: 24px;

--- a/cms/app-client/app/styles/components/notice-component.scss	Mon Jul 04 19:21:37 2016 +0200
+++ b/cms/app-client/app/styles/components/notice-component.scss	Mon Jul 04 19:42:36 2016 +0200
@@ -25,7 +25,7 @@
 }
 
 .notice-component table tr {
-    border-bottom: solid 1px #13212d;
+    border-bottom: solid 1px $dark-blue;
 }
 
 .notice-component table tr td {
@@ -35,7 +35,7 @@
 
 .notice-component table tr td.title {
     font-weight: bold;
-    color: #13212d;
+    color: $dark-blue;
 }
 
 .notice-component table tr td ul {

--- a/cms/app-client/app/styles/components/playlist-component.scss	Mon Jul 04 19:21:37 2016 +0200
+++ b/cms/app-client/app/styles/components/playlist-component.scss	Mon Jul 04 19:42:36 2016 +0200
@@ -1,5 +1,5 @@
 .playlist-component {
-    background-color: #13212d;
+    background-color: $dark-blue;
 }
 
 .playlist-component h2 {
@@ -29,7 +29,7 @@
 }
 
 .playlist-component ul li.playing {
-    background-color: #becfd4;
+    background-color: $light-blue;
 }
 
 .playlist-component ul li .tools {
@@ -52,7 +52,7 @@
 
 .playlist-component ul li.playing .tools button:hover,
 .playlist-component ul li.playing .tools .fa:hover {
-    color: #becfd4;
+    color: $light-blue;
 }
 
 .playlist-component ul li .tools button {
@@ -95,6 +95,7 @@
 }
 .playlist-component ul li .title {
     font-weight: bold;
+    line-height: 24px;
 }
 
 .playlist-component ul li .language {

--- a/cms/app-client/app/styles/components/toolbar-component.scss	Mon Jul 04 19:21:37 2016 +0200
+++ b/cms/app-client/app/styles/components/toolbar-component.scss	Mon Jul 04 19:42:36 2016 +0200
@@ -7,7 +7,7 @@
     text-align: left;
     color: #ffffff;
     font-size: 13px;
-    background-color: #13212d;
+    background-color: $dark-blue;
 }
 
 .toolbar-component ul {
@@ -27,5 +27,5 @@
 
 .toolbar-component ul li.active {
 	background-color: #ffffff;
-	color: #13212d;
+	color: $dark-blue;
 }
\ No newline at end of file

--- a/cms/app-client/app/styles/tabs/chrono.scss	Mon Jul 04 19:21:37 2016 +0200
+++ b/cms/app-client/app/styles/tabs/chrono.scss	Mon Jul 04 19:42:36 2016 +0200
@@ -33,7 +33,7 @@
     margin: 0px 0px 0px 5px;
     cursor: pointer;
     background-color: #71848d;
-    color: #becfd4;
+    color: $light-blue;
     font-size: 12px;
     box-sizing: border-box;
 }
@@ -41,5 +41,5 @@
 #chrono-table li.highlighted {
     color: #ffffff;
     border: 1px solid #ffffff;
-    background-color: #253946;
+    background-color: $medium-blue;
 }

--- a/cms/app-client/app/styles/tabs/langues.scss	Mon Jul 04 19:21:37 2016 +0200
+++ b/cms/app-client/app/styles/tabs/langues.scss	Mon Jul 04 19:42:36 2016 +0200
@@ -22,7 +22,7 @@
 }
 
 .grandparent rect {
-    fill: #becfd4;
+    fill: $light-blue;
 }
 
 .children rect.parent,