diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index b0e52c2..68ab927 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -19,7 +19,7 @@ import { PageSignupComponent } from './pages/page-signup/page-signup.component';
 import { PageToDoListComponent } from './pages/page-to-do-list/page-to-do-list.component';
 import { PageUpdateAccountComponent } from './pages/page-update-account/page-update-account.component';
 import { PageUpdateMemberComponent } from './pages/page-update-member/page-update-member.component';
-import { PageSupportComponent} from './pages/page-support/page-support.component';
+import { PageSupportComponent } from './pages/page-support/page-support.component';
 
 
 
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index a9ed9a2..aab1488 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -1,6 +1,7 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 
+
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { PageAccueilComponent } from './pages/page-accueil/page-accueil.component';
@@ -39,6 +40,7 @@ import { FooterComponent } from './components/footer/footer.component';
 import { PageDeleteAccountComponent } from './pages/page-delete-account/page-delete-account.component';
 import { PageUpdateAccountComponent } from './pages/page-update-account/page-update-account.component';
 import { DayPilot, DayPilotModule } from "@daypilot/daypilot-lite-angular";
+import { HumeurComponent } from './components/humeur/humeur.component';
 
 @NgModule({
   declarations: [
@@ -65,6 +67,7 @@ import { DayPilot, DayPilotModule } from "@daypilot/daypilot-lite-angular";
     CardMemberComponent,
     ToDoListComponent,
     TacheComponent,
+    HumeurComponent,
     CardMenuComponent,
     FicheContactComponent,
     PaginationComponent,
diff --git a/src/app/pages/page-dashboard/page-dashboard.component.ts b/src/app/pages/page-dashboard/page-dashboard.component.ts
index 48b6555..39d6b1f 100644
--- a/src/app/pages/page-dashboard/page-dashboard.component.ts
+++ b/src/app/pages/page-dashboard/page-dashboard.component.ts
@@ -30,4 +30,4 @@ export class PageDashboardComponent implements OnInit {
 
 
 
-}//fin
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/src/app/pages/page-not-found/page-not-found.component.spec.ts b/src/app/pages/page-not-found/page-not-found.component.spec.ts
index aa242a9..1900ed9 100644
--- a/src/app/pages/page-not-found/page-not-found.component.spec.ts
+++ b/src/app/pages/page-not-found/page-not-found.component.spec.ts
@@ -23,3 +23,4 @@ describe('PageNotFoundComponent', () => {
     expect(component).toBeTruthy();
   });
 });
+
diff --git a/src/app/pages/page-support/page-support.component.html b/src/app/pages/page-support/page-support.component.html
index dcb5d47..7c20ea7 100644
--- a/src/app/pages/page-support/page-support.component.html
+++ b/src/app/pages/page-support/page-support.component.html
@@ -1,22 +1,31 @@
-<p>page-support works!</p>
-<h2>Formulaire de contact</h2>
- <form #userEmail="ngForm" (ngSubmit)="onEnvoiForm(userEmail)">
-    
-     <label>Votre adresse mail</label>
-     <input type="email"
-     ngModel
-     name="lllll"
-     class="form-control">
-
-     <label>Votre message</label>
-     <input type="text"
-     ngModel
-     name="UserName"
-     class="form-control">
+<!--  <div>
+<app-header></app-header>
+<app-side-bar></app-side-bar>
+</div>   -->
 
 
-<button type="submit">Validation</button>
+<div>
+    <h2>Demande support</h2>
+    <form action="/demande_support" method="post">
 
+        <label for="name">Nom :</label>
+        <div>
+            <input type="text" id="name" value="Votre nom" name="user_name">
+        </div>
 
+        <label for="mail">E-mail :</label>
+        <div>
+            <input type="email" id="mail" name="user_mail" value="Votre adresse mail">
+        </div>
+        <label for="msg">Message :</label>
+        <div>
 
- </form>
\ No newline at end of file
+            <textarea id="msg" name="user_message">Formulez votre demande ici</textarea>
+        </div>
+        <div class="button">
+            
+            <button class="btn btn-primary">Envoyez votre message</button>
+            <button type="button" class="btn btn-danger">Effacer</button>
+        </div>
+    </form>
+</div>
\ No newline at end of file
diff --git a/src/app/pages/page-support/page-support.component.scss b/src/app/pages/page-support/page-support.component.scss
index e69de29..d8428e7 100644
--- a/src/app/pages/page-support/page-support.component.scss
+++ b/src/app/pages/page-support/page-support.component.scss
@@ -0,0 +1,39 @@
+form {
+  background-color: rgb(184, 202, 235);
+  width: 600px;
+  border: 3px solid blue;
+  margin: 0 auto;
+  border-radius: 1em;
+  padding:3em;
+  }
+
+  input, textarea {
+    width: 500px;
+    color :rgb(153, 171, 208)
+  }
+
+button {
+  margin-left: .9em;
+  }
+
+  h2{
+    text-align: center;
+    color : blue;
+  }
+  
+  label {
+    color : rgb(65, 47, 221);
+    text-align: left;
+    width: 90px;
+  }
+
+  textarea {
+    height: 8em;
+    color :rgb(153, 171, 208)
+  }
+  
+  .button {
+    text-align: center;
+  }
+  
+ 
\ No newline at end of file
diff --git a/src/app/pages/page-support/page-support.component.ts b/src/app/pages/page-support/page-support.component.ts
index ee7857d..f9cc830 100644
--- a/src/app/pages/page-support/page-support.component.ts
+++ b/src/app/pages/page-support/page-support.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+
 //DRIVEN FORM
 @Component({
   selector: 'app-page-support',
@@ -13,18 +14,6 @@ export class PageSupportComponent implements OnInit {
   }
 
 
-onEnvoiForm(userEmail:any){
-  console.log(userEmail);
 }
 
 
-
-
-
-
-
-
-
-
-
-}//fin