diff --git a/Site Web/client/src/pages/configuration.js b/Site Web/client/src/pages/configuration.js
new file mode 100644
index 00000000..aaaaa36c
--- /dev/null
+++ b/Site Web/client/src/pages/configuration.js	
@@ -0,0 +1,35 @@
+import 'tachyons';
+import React from 'react';
+import PP  from "../assets/img/unknown.png";
+import { NavLink } from "react-router-dom";
+
+
+function configuration(){
+    return(
+        <div>
+            <div className='ligneVertical'>
+                <button ></button>
+                <button ></button>
+                <button ></button>
+                 
+            </div>
+            <div>
+                <h2>Modifucation information du compte</h2>
+                <div className='ligneHorizontal'>
+                    <img src={PP}/>
+                    <div>
+                        <span>Pseudo : Pseudo</span>
+                        <span>Nom d'utilisateur : @Pseudo</span>
+                    </div>
+                </div>
+                <h2>Acces au dossiers personnel</h2>
+               
+                <div className='ligneHorizontal'>
+                <caption> Rendre vos dossiers prives</caption>
+
+                </div>  
+            </div>
+
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/Site Web/client/src/styles/pages/configuration.scss b/Site Web/client/src/styles/pages/configuration.scss
new file mode 100644
index 00000000..32e44e5f
--- /dev/null
+++ b/Site Web/client/src/styles/pages/configuration.scss	
@@ -0,0 +1,8 @@
+.ligneVertical{
+    border-right: thick solid #000;
+    height:85%;
+}
+.ligneHorizontal{
+    border-top: thick solid #000;
+    width: 78%;
+}
\ No newline at end of file