diff --git a/client/angular.json b/client/angular.json
index 95961c664c4cb68315771f2f3bedce180b2d43ab..1a4878afa5ffb48d166e546ecd18d7655205e56b 100644
--- a/client/angular.json
+++ b/client/angular.json
@@ -25,7 +25,7 @@
             "styles": [
               "./node_modules/@angular/material/prebuilt-themes/pink-bluegrey.css",
               "./node_modules/bootstrap/dist/css/bootstrap.css",
-              "src/styles.css"
+              "src/styles.scss"
             ],
             "scripts": [],
             "es5BrowserSupport": true
diff --git a/client/package-lock.json b/client/package-lock.json
index 3d5222d74d7bb97e8797540310eb2f590a2d6dbf..62180ff455f46a279eb847a03daee8b39a805456 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -1954,6 +1954,39 @@
       "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
       "dev": true
     },
+    "chart.js": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-2.5.0.tgz",
+      "integrity": "sha1-/m51Gok3afVucr7lrZEgfhxZKVc=",
+      "requires": {
+        "chartjs-color": "^2.0.0",
+        "moment": "^2.10.6"
+      }
+    },
+    "chartjs-color": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/chartjs-color/-/chartjs-color-2.3.0.tgz",
+      "integrity": "sha512-hEvVheqczsoHD+fZ+tfPUE+1+RbV6b+eksp2LwAhwRTVXEjCSEavvk+Hg3H6SZfGlPh/UfmWKGIvZbtobOEm3g==",
+      "requires": {
+        "chartjs-color-string": "^0.6.0",
+        "color-convert": "^0.5.3"
+      },
+      "dependencies": {
+        "color-convert": {
+          "version": "0.5.3",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-0.5.3.tgz",
+          "integrity": "sha1-vbbGnOZg+t/+CwAHzER+G59ygr0="
+        }
+      }
+    },
+    "chartjs-color-string": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/chartjs-color-string/-/chartjs-color-string-0.6.0.tgz",
+      "integrity": "sha512-TIB5OKn1hPJvO7JcteW4WY/63v6KwEdt6udfnDE9iCAZgy+V4SrbSxoIbTw/xkUIapjEI4ExGtD0+6D3KyFd7A==",
+      "requires": {
+        "color-name": "^1.0.0"
+      }
+    },
     "chokidar": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.0.4.tgz",
@@ -2152,8 +2185,7 @@
     "color-name": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
-      "dev": true
+      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
     },
     "colors": {
       "version": "1.1.2",
@@ -3514,6 +3546,11 @@
         }
       }
     },
+    "font-awesome": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
+      "integrity": "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM="
+    },
     "for-in": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
@@ -6337,6 +6374,11 @@
         }
       }
     },
+    "moment": {
+      "version": "2.24.0",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.24.0.tgz",
+      "integrity": "sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg=="
+    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
diff --git a/client/package.json b/client/package.json
index 4bf5ca5e73d7c79eb11469b5a6721b6caa4f9aeb..ff594db61bf24a11491201d268bd78c18bf0714c 100644
--- a/client/package.json
+++ b/client/package.json
@@ -23,7 +23,9 @@
     "@angular/router": "~7.2.0",
     "bootstrap": "^4.3.1",
     "brace": "^0.11.1",
+    "chart.js": "^2.5.0",
     "core-js": "^2.5.4",
+    "font-awesome": "^4.7.0",
     "hammerjs": "^2.0.8",
     "jquery": "^3.4.0",
     "ng2-ace-editor": "^0.3.9",
diff --git a/client/src/app/app-routing.module.ts b/client/src/app/app-routing.module.ts
index 928840b2fc1631acf3e042ea7f9586fb564a1fd5..cc7a7a734593c909efbf6ad1b9f226d8d21b00b8 100644
--- a/client/src/app/app-routing.module.ts
+++ b/client/src/app/app-routing.module.ts
@@ -12,7 +12,9 @@ const routerOptions: ExtraOptions = {
 };
 
 const routes: Routes = [
-  {path: 'program_test', component: ProgramDisplayerComponent},
+  { path: '', redirectTo: '/programs', pathMatch: 'full' },
+
+  {path: 'programs', component: ProgramDisplayerComponent},
   {path: 'kata-displayer/:id/:title/:language/:sensei', component: KataDisplayerComponent},
   {path: 'kata/:prgtitle/:sensei/:prid/:id', component: KataComponent},
   {path: 'program_create', component: ProgramCreateComponent},
diff --git a/client/src/app/app.component.ts b/client/src/app/app.component.ts
index 87aaf530b0d5e47c6bde2268c9a3cac2d28e26da..01ec8e2907d6a07146ee0e420458d86e0ddaf271 100644
--- a/client/src/app/app.component.ts
+++ b/client/src/app/app.component.ts
@@ -3,7 +3,7 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.scss']
 })
 export class AppComponent {
   title = 'client';
diff --git a/client/src/app/app.module.ts b/client/src/app/app.module.ts
index b9d1f5d30b8335a52a15e83eeb041efa7d4b9ee0..2a35e61593dd2d878c7b7774b493a2d9dfe90d27 100644
--- a/client/src/app/app.module.ts
+++ b/client/src/app/app.module.ts
@@ -1,23 +1,23 @@
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {NgModule} from '@angular/core';
 
-import { AppComponent } from './app.component';
-import { TerminalCodeComponent } from './terminal-code/terminal-code.component';
-import { TerminalAssertComponent } from './terminal-assert/terminal-assert.component';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { MainLeftSideNavComponent } from './main-left-side-nav/main-left-side-nav.component';
-import { LayoutModule } from '@angular/cdk/layout';
-import { MatToolbarModule, MatButtonModule, MatSidenavModule, MatIconModule, MatListModule } from '@angular/material';
-import { AppRoutingModule } from './app-routing.module';
+import {AppComponent} from './app.component';
+import {TerminalCodeComponent} from './terminal-code/terminal-code.component';
+import {TerminalAssertComponent} from './terminal-assert/terminal-assert.component';
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+import {MainLeftSideNavComponent} from './main-left-side-nav/main-left-side-nav.component';
+import {LayoutModule} from '@angular/cdk/layout';
+import {MatToolbarModule, MatButtonModule, MatSidenavModule, MatIconModule, MatListModule} from '@angular/material';
+import {AppRoutingModule} from './app-routing.module';
 import {RouterModule} from '@angular/router';
-import { KataDisplayerComponent } from './kata-displayer/kata-displayer.component';
-import { ProgramDisplayerComponent } from './program-displayer/program-displayer.component';
-import { KataComponent } from './kata/kata.component';
+import {KataDisplayerComponent} from './kata-displayer/kata-displayer.component';
+import {ProgramDisplayerComponent} from './program-displayer/program-displayer.component';
+import {KataComponent} from './kata/kata.component';
 import {AceEditorModule} from 'ng2-ace-editor';
-import { KataCreateComponent } from './kata-create/kata-create.component';
-import { ProgramCreateComponent } from './program-create/program-create.component';
+import {KataCreateComponent} from './kata-create/kata-create.component';
+import {ProgramCreateComponent} from './program-create/program-create.component';
 import {FormsModule} from '@angular/forms';
-import { HttpClientModule } from '@angular/common/http';
+import {HttpClientModule} from '@angular/common/http';
 
 
 @NgModule({
@@ -47,8 +47,11 @@ import { HttpClientModule } from '@angular/common/http';
     AceEditorModule,
     FormsModule,
     HttpClientModule
+
   ],
   providers: [],
   bootstrap: [AppComponent]
+
 })
-export class AppModule { }
+export class AppModule {
+}
diff --git a/client/src/app/kata-create/kata-create.component.html b/client/src/app/kata-create/kata-create.component.html
index f2ca6f5fa508897958738dccc5fc5466cc483ed1..f4de5f580878028f1982349d0c0f3ec6d63a8a7d 100644
--- a/client/src/app/kata-create/kata-create.component.html
+++ b/client/src/app/kata-create/kata-create.component.html
@@ -4,7 +4,7 @@
     <div class="p-2"><input type="text" placeholder=" Some title.." [(ngModel)]="title"/></div>
     <div class="p-2"><textarea class="rules" [(ngModel)]="rules"></textarea></div>
     <div class="p-2">
-      <app-terminal-code [code]="code" [type]="language" (new)="OnNewEventSolution($event)"></app-terminal-code>
+      <app-terminal-code [code]="solution" [type]="language" (new)="OnNewEventSolution($event)"></app-terminal-code>
       <app-terminal-code style="margin-left: 20px;" [code]="assert" [type]="language"
                          (new)="OnNewEventAssert($event)"></app-terminal-code>
     </div>
@@ -14,16 +14,17 @@
                 style="white-space: pre-wrap" disabled>{{result}}</textarea>
     </div>
     <div class="p-2">
-      Afficher le code d'assertion dans le kata :
+
+      Display assert box while doing kata ?
       <select (change)="UpdateChoice($event)">
-        <option value="true">OUI</option>
-        <option value="false">NON</option>
+        <option value="true">Yes</option>
+        <option value="false">No</option>
       </select>
       <br/>
-      Nombre d'essai avant le débloquage de la solution :
+      Number of tests before unlocking the complete solution
       <input type="number" value="0" [(ngModel)]="numberOfAttempt"/>
-      <input (click)="try()" type="button" value="ESSAYER"/>
-      <input (click)="publish()" type="button" style="margin-left:10px" value="PUBLIER"/>
+      <input (click)="try()" type="button" value="TRY MY SOLUTION"/>
+      <input (click)="publish()" type="button" style="margin-left:10px" value="PUBLISH"/>
 
     </div>
   </div>
diff --git a/client/src/app/kata-create/kata-create.component.ts b/client/src/app/kata-create/kata-create.component.ts
index a4a7a049f66d8ed20951a523eeaf9149f529e94c..d525989073a570462aed0bf13e57e94864d9460e 100644
--- a/client/src/app/kata-create/kata-create.component.ts
+++ b/client/src/app/kata-create/kata-create.component.ts
@@ -9,7 +9,7 @@ import {CompilationService} from '../compilation.service';
 @Component({
   selector: 'app-kata-create',
   templateUrl: './kata-create.component.html',
-  styleUrls: ['./kata-create.component.css']
+  styleUrls: ['./kata-create.component.scss']
 })
 export class KataCreateComponent implements OnInit {
 
@@ -22,7 +22,6 @@ export class KataCreateComponent implements OnInit {
   ) {
   }
 
-  code = '';
   language = ''; // TODO get from todo 3
   assert = '';
 
@@ -44,6 +43,8 @@ export class KataCreateComponent implements OnInit {
   getLANG(id: string): void {
     this.LANG = this.langservice.getLANG(id)[0];
     this.assert = this.LANG.assertCanva;
+    this.solution = this.LANG.codeCanva;
+    this.canva = this.LANG.codeCanva;
   }
 
   OnNewEventAssert(event: any): void {
diff --git a/client/src/app/kata-displayer/kata-displayer.component.html b/client/src/app/kata-displayer/kata-displayer.component.html
index c8b63d8e5aee9aaffffca3d8fd4d5f6b4cced839..77cb659c0e7f2a30d6d532b646b866d2e979e624 100644
--- a/client/src/app/kata-displayer/kata-displayer.component.html
+++ b/client/src/app/kata-displayer/kata-displayer.component.html
@@ -1,4 +1,5 @@
 <div class="container" *ngIf="katas">
+  <input type="button" value="Create" routerLink="/kata_create/{{idProgram}}/{{programLanguage}}"/>
   <span class="title">{{programTitle}}
     <br>
     <span class="subtitle">{{programSensei}} <span class="language"> {{programLanguage}}</span>
diff --git a/client/src/app/kata-displayer/kata-displayer.component.ts b/client/src/app/kata-displayer/kata-displayer.component.ts
index 8e20a10a75ac4eba35ee6109b302101601446a06..b9375f9cdc7a52cfdb576556fbee14eabf06b646 100644
--- a/client/src/app/kata-displayer/kata-displayer.component.ts
+++ b/client/src/app/kata-displayer/kata-displayer.component.ts
@@ -7,7 +7,7 @@ import {FetchKataShowCaseService} from '../fetch-kata-show-case.service';
 @Component({
   selector: 'app-kata-displayer',
   templateUrl: './kata-displayer.component.html',
-  styleUrls: ['./kata-displayer.component.css']
+  styleUrls: ['./kata-displayer.component.scss']
 })
 export class KataDisplayerComponent implements OnInit {
 
diff --git a/client/src/app/kata/kata.component.html b/client/src/app/kata/kata.component.html
index bfb17756334dad20edc5c3ad8ac63c200ab09483..cc8b5b79fb7b35b969e1731e5da5cb80a0a26a1b 100644
--- a/client/src/app/kata/kata.component.html
+++ b/client/src/app/kata/kata.component.html
@@ -3,7 +3,10 @@
     <div class="p-2 title">{{kata.title}} <a routerLink="/kata-displayer/{{programID}}/{{kata.title}}/{{kata.language}}/{{programSensei}}">- {{programTitle}}</a>
       <br><span class="subtitle">{{programSensei}} <span class="language"> {{kata.language}}</span></span></div>
 
-    <div class="p-2 "><textarea disabled style="text-align: justify">{{kata.rules}}</textarea>
+
+    <div class="p-2 "><label class="header">rules :</label></div>
+    <div class="p-2 ">
+      <textarea disabled style="text-align: justify">{{kata.rules}}</textarea>
       <app-terminal-code style="margin-left: 20px;" [code]="kata.canva" [type]="kata.language" (new)="OnNewEvent($event)"></app-terminal-code>
     </div>
 
diff --git a/client/src/app/kata/kata.component.ts b/client/src/app/kata/kata.component.ts
index 706d298d66247e6c7b0a6b0b33aec2fc7cab292d..766ee5b644dd2947e71fc01a27cf6d4dc02b1121 100644
--- a/client/src/app/kata/kata.component.ts
+++ b/client/src/app/kata/kata.component.ts
@@ -9,7 +9,7 @@ import {CompilationService} from '../compilation.service';
 @Component({
   selector: 'app-kata',
   templateUrl: './kata.component.html',
-  styleUrls: ['./kata.component.css']
+  styleUrls: ['./kata.component.scss']
 })
 export class KataComponent implements OnInit {
 
diff --git a/client/src/app/languages_canvas.ts b/client/src/app/languages_canvas.ts
index 7179f28a70a0bdafce68fd24afa28e67d35d177a..059d8a0ac8f3f345616f00de0201827606156c8e 100644
--- a/client/src/app/languages_canvas.ts
+++ b/client/src/app/languages_canvas.ts
@@ -1,10 +1,28 @@
 export class Canva {
   id: string;
   assertCanva: string;
+  codeCanva: string;
 }
 
 
 // TODO un kata n'a pas besoin de programtitile, ca devrait être passé par la classe d'en dessus (idem pour sensei)
 export const LANG: Canva[] = [
-  {id: 'python', assertCanva: 'from assertpy import assert_that\nimport sample as m'}
+  {
+    id: 'python', assertCanva: 'from assertpy import assert_that\nimport sample as m' + '\n\n' +
+      '# Example : assert_that(m.yourfunction(someValues)).is_equal_to(targetedValues)', codeCanva: '# Write your code here'
+  },
+  {
+    id: 'java', assertCanva: 'import static org.junit.Assert.*;\n' +
+      '\n' +
+      'public class Main {\n' +
+      '\n' +
+      '    public static void main(String[] args) {\n' +
+      '       // Example : assertEquals(Kata.yourfunction(someValues,targetedValues))' +
+      '    }\n' +
+      '}', codeCanva: 'public class Kata {\n' +
+      '\n' +
+      '// Write your code here' +
+      '\n' +
+      '}\n'
+  }
 ];
diff --git a/client/src/app/main-left-side-nav/main-left-side-nav.component.html b/client/src/app/main-left-side-nav/main-left-side-nav.component.html
index 89be7dc6af3f592ff7bf9a76049d4601b7848e52..19b9429cfbbbc88edf8be9315d2461c03ce78620 100644
--- a/client/src/app/main-left-side-nav/main-left-side-nav.component.html
+++ b/client/src/app/main-left-side-nav/main-left-side-nav.component.html
@@ -5,7 +5,7 @@
       [opened]="!(isHandset$ | async)">
     <mat-toolbar>DOJO HEPIA</mat-toolbar>
     <mat-nav-list>
-      <a mat-list-item href="/program_test">John Doe.</a>
+      <a mat-list-item href="/programs">All programs</a>
       <a mat-list-item href="/program_create">New Program</a>
     </mat-nav-list>
   </mat-sidenav>
diff --git a/client/src/app/main-left-side-nav/main-left-side-nav.component.ts b/client/src/app/main-left-side-nav/main-left-side-nav.component.ts
index 2a727cffec167f833bf3085d9b4f8de3a8e90ee0..193f1bf3f6d8b9f1c37382594f6eddcdfa6219f6 100644
--- a/client/src/app/main-left-side-nav/main-left-side-nav.component.ts
+++ b/client/src/app/main-left-side-nav/main-left-side-nav.component.ts
@@ -6,7 +6,7 @@ import { map } from 'rxjs/operators';
 @Component({
   selector: 'app-main-left-side-nav',
   templateUrl: './main-left-side-nav.component.html',
-  styleUrls: ['./main-left-side-nav.component.css']
+  styleUrls: ['./main-left-side-nav.component.scss']
 })
 export class MainLeftSideNavComponent {
 
diff --git a/client/src/app/program-create/program-create.component.html b/client/src/app/program-create/program-create.component.html
index 6ea3db87e78c4d17add9822a15687e3002f3b8b6..f8b250a2f8fdd9ccdbe5990f2d9fc92dbf88c392 100644
--- a/client/src/app/program-create/program-create.component.html
+++ b/client/src/app/program-create/program-create.component.html
@@ -1,16 +1,22 @@
 <div class="d-flex justify-content-center" style="margin-top:2%">
   <div class="d-flex flex-column">
     <fieldset>
-      <legend>Nouveau programme</legend>
-    <div class="p-2"><label>Titre</label><input placeholder=" Un titre.." type="text" [(ngModel)]="programTitle" /></div>
-      <div class="p-2"><label>Langage cible</label><select (change)="update($event)"><option value="python">python</option><option value="java">java</option></select></div>
-    <div class="p-2"><label>Description du programme</label><textarea [(ngModel)]="programDescr" placeholder=" Une description.."></textarea></div>
+      <legend>New program</legend>
+    <div class="p-2"><label>Title</label><input placeholder="Some title.." type="text" [(ngModel)]="programTitle" /></div>
+      <div class="p-2"><label>Targeted language</label><select (change)="update($event)"><option value="python">python</option><option value="java">java</option></select></div>
+    <div class="p-2"><label>Program description</label><textarea [(ngModel)]="programDescr" placeholder="Some text.."></textarea></div>
     <div class="p-2"><label>Tags</label><input type="text" [(ngModel)]="programTags" placeholder=" arrays,writeable,.."/></div>
     <div class="p-2">
 
-        <input type="button" (click)="createProgram(false)" value="Créer"/>
-        <input type="button" (click)="createProgram(true)" style="float:right" value="Créer + Nouveau Kata"/>
+        <input type="button" (click)="createProgram(false)" value="CREATE"/>
+        <input type="button" (click)="createProgram(true)" style="float:right" value="CREATE + NEW KATA"/>
     </div>
     </fieldset>
   </div>
 </div>
+<!-- Material input -->
+<div class="md-form">
+  <i class="fas fa-envelope prefix"></i>
+  <input type="text" id="inputIconEx1" class="form-control">
+  <label for="inputIconEx1">E-mail address</label>
+</div>
diff --git a/client/src/app/program-create/program-create.component.ts b/client/src/app/program-create/program-create.component.ts
index 97468c200f26fa0b91232d6749dc54bc4d33c0bb..a2c20abf3098fb22e4609e4ae62438d1dc505904 100644
--- a/client/src/app/program-create/program-create.component.ts
+++ b/client/src/app/program-create/program-create.component.ts
@@ -5,7 +5,7 @@ import {Router} from '@angular/router';
 @Component({
   selector: 'app-program-create',
   templateUrl: './program-create.component.html',
-  styleUrls: ['./program-create.component.css']
+  styleUrls: ['./program-create.component.scss']
 })
 export class ProgramCreateComponent implements OnInit {
 
diff --git a/client/src/app/program-displayer/program-displayer.component.html b/client/src/app/program-displayer/program-displayer.component.html
index a7d45b1a9380c2fbf29b2d5c5849ddbdb31717f4..538a48e93fefbf7f532f14b6e06f945463bc97cc 100644
--- a/client/src/app/program-displayer/program-displayer.component.html
+++ b/client/src/app/program-displayer/program-displayer.component.html
@@ -1,7 +1,7 @@
 <div class="d-flex justify-content-center"  *ngIf="programs" style="margin-top:2%">
   <div class="d-flex flex-column">
     <div class="p-2" style="width:200px"></div>
-    <div class="p-2">Liste de programme</div>
+    <div class="p-2"><h1>Tous les programmes disponibles : </h1></div>
 
     <div class="p-2" >
   <span  *ngFor="let program of programs">
@@ -23,8 +23,3 @@
     </div>
   </div>
 </div>
-
-
-
-
-
diff --git a/client/src/app/program-displayer/program-displayer.component.ts b/client/src/app/program-displayer/program-displayer.component.ts
index 45517ebe8f60f4be40cc66ae30e3599d42d40d83..54c239a3747b3e646d7d7babb278b045a642b946 100644
--- a/client/src/app/program-displayer/program-displayer.component.ts
+++ b/client/src/app/program-displayer/program-displayer.component.ts
@@ -5,7 +5,7 @@ import {Program} from './program';
 @Component({
   selector: 'app-program-displayer',
   templateUrl: './program-displayer.component.html',
-  styleUrls: ['./program-displayer.component.css']
+  styleUrls: ['./program-displayer.component.scss']
 })
 export class ProgramDisplayerComponent implements OnInit {
 
diff --git a/client/src/app/terminal-assert/terminal-assert.component.ts b/client/src/app/terminal-assert/terminal-assert.component.ts
index eea1062d65232e677f2f117a04d6422f649faa8f..c7826a6527241ae04c2aa087c6c09c02a8f2db31 100644
--- a/client/src/app/terminal-assert/terminal-assert.component.ts
+++ b/client/src/app/terminal-assert/terminal-assert.component.ts
@@ -8,7 +8,7 @@ import 'brace/mode/plain_text';
 @Component({
   selector: 'app-terminal-assert',
   templateUrl: './terminal-assert.component.html',
-  styleUrls: ['./terminal-assert.component.css']
+  styleUrls: ['./terminal-assert.component.scss']
 })
 export class TerminalAssertComponent implements AfterViewInit {
 
diff --git a/client/src/app/terminal-code/terminal-code.component.ts b/client/src/app/terminal-code/terminal-code.component.ts
index 455826f94562b9dacbd8e04f7271e383431353e4..b98af9e5bbdd57910f16458229c2ec55cac2554d 100644
--- a/client/src/app/terminal-code/terminal-code.component.ts
+++ b/client/src/app/terminal-code/terminal-code.component.ts
@@ -8,7 +8,7 @@ import 'brace/mode/plain_text';
 @Component({
   selector: 'app-terminal-code',
   templateUrl: './terminal-code.component.html',
-  styleUrls: ['./terminal-code.component.css']
+  styleUrls: ['./terminal-code.component.scss']
 })
 
 export class TerminalCodeComponent implements AfterViewInit {
diff --git a/tests/serveur_compilation/serveur_compilation/share_docker_file/Kata.class b/tests/serveur_compilation/serveur_compilation/share_docker_file/Kata.class
new file mode 100644
index 0000000000000000000000000000000000000000..959da4d1550e115f347b94ad691e223177edf53f
Binary files /dev/null and b/tests/serveur_compilation/serveur_compilation/share_docker_file/Kata.class differ
diff --git a/tests/serveur_compilation/serveur_compilation/share_docker_file/Main.class b/tests/serveur_compilation/serveur_compilation/share_docker_file/Main.class
new file mode 100644
index 0000000000000000000000000000000000000000..ad3d50357a4ab5201cd1114a5a4b54ac4491bda4
Binary files /dev/null and b/tests/serveur_compilation/serveur_compilation/share_docker_file/Main.class differ
diff --git a/tests/serveur_compilation/serveur_compilation/share_docker_file/__pycache__/sample.cpython-34.pyc b/tests/serveur_compilation/serveur_compilation/share_docker_file/__pycache__/sample.cpython-34.pyc
index dff2bd8c9b20431260cff819dc0a15783cef5ded..6c0cf07af8301d731603aad7b867356e8945b2f8 100644
Binary files a/tests/serveur_compilation/serveur_compilation/share_docker_file/__pycache__/sample.cpython-34.pyc and b/tests/serveur_compilation/serveur_compilation/share_docker_file/__pycache__/sample.cpython-34.pyc differ
diff --git a/tests/serveur_compilation/serveur_compilation/target/classes/DockerCompilation.class b/tests/serveur_compilation/serveur_compilation/target/classes/DockerCompilation.class
index 6f7d0b292ea90673daa6db85c46c39b053bcc3a0..055e62c73585cc38dbc2ffde36ada2f9e0700bc8 100644
Binary files a/tests/serveur_compilation/serveur_compilation/target/classes/DockerCompilation.class and b/tests/serveur_compilation/serveur_compilation/target/classes/DockerCompilation.class differ