diff --git a/.idea/watcherTasks.xml b/.idea/watcherTasks.xml
new file mode 100644
index 00000000..560ddd15
--- /dev/null
+++ b/.idea/watcherTasks.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectTasksOptions">
+    <TaskOptions isEnabled="true">
+      <option name="arguments" value="$FileName$:$FileNameWithoutExtension$.css" />
+      <option name="checkSyntaxErrors" value="true" />
+      <option name="description" />
+      <option name="exitCodeBehavior" value="ERROR" />
+      <option name="fileExtension" value="sass" />
+      <option name="immediateSync" value="true" />
+      <option name="name" value="Sass" />
+      <option name="output" value="$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map" />
+      <option name="outputFilters">
+        <array />
+      </option>
+      <option name="outputFromStdout" value="false" />
+      <option name="program" value="sass" />
+      <option name="runOnExternalChanges" value="true" />
+      <option name="scopeName" value="Project Files" />
+      <option name="trackOnlyRoot" value="true" />
+      <option name="workingDir" value="$FileDir$" />
+      <envs />
+    </TaskOptions>
+  </component>
+</project>
\ No newline at end of file
diff --git a/Site Web/client/src/pages/Trends.js b/Site Web/client/src/pages/Trends.js
index bc62173c..34376b44 100644
--- a/Site Web/client/src/pages/Trends.js	
+++ b/Site Web/client/src/pages/Trends.js	
@@ -4,16 +4,16 @@ import Notif from '../components/Notif';
 
 const Trends = () => {
     return (
-        <>
+        <div id={'listeNotif'}>
             <Navbar />
+            <h1>Notification</h1>
             <Notif message="a like"/>
             <Notif message="a like"/>
             <Notif message="a like"/>
             <Notif message="a like"/>
             <Notif message="a like"/>
             <Notif message="a commenter votre poste"/>
-        </>
-    );
+        </div>);
 };
 
 export default Trends;
\ No newline at end of file
diff --git a/Site Web/client/src/styles/component/_notif.scss b/Site Web/client/src/styles/component/_notif.scss
index 6199be4e..13f32f2f 100644
--- a/Site Web/client/src/styles/component/_notif.scss	
+++ b/Site Web/client/src/styles/component/_notif.scss	
@@ -3,7 +3,6 @@
   align-items:center;
   justify-content: start;
 
-  margin-left: 10%;
   margin-top: 1%;
   margin-bottom: 1%;
 }
diff --git a/Site Web/client/src/styles/component/_trends.scss b/Site Web/client/src/styles/component/_trends.scss
new file mode 100644
index 00000000..d0fa0bda
--- /dev/null
+++ b/Site Web/client/src/styles/component/_trends.scss	
@@ -0,0 +1,3 @@
+#listeNotif{
+  margin-left: 10%;
+}
\ No newline at end of file
diff --git a/Site Web/client/src/styles/index.scss b/Site Web/client/src/styles/index.scss
index 6b7b816d..88d7c8fa 100644
--- a/Site Web/client/src/styles/index.scss	
+++ b/Site Web/client/src/styles/index.scss	
@@ -5,8 +5,9 @@
 @import './component/poste';
 @import './pages/configuration';
 @import './component/ajoutLien';
-@import'./component/ConfigurationDuProfil.scss';
+@import './component/ConfigurationDuProfil.scss';
 @import './component/newPoste';
 
 @import './component/notif';
+@import './component/trends';