diff --git a/front/views/Home.tsx b/front/views/Home.tsx
index 2f80322..051d6fd 100644
--- a/front/views/Home.tsx
+++ b/front/views/Home.tsx
@@ -4,20 +4,8 @@ import "../style/home/home.css"
 import { Header } from "./template/Header"
 import { BASE } from "../Constants"
 import { MainTitle } from "./component/Title"
-
-interface Tactic {
-    id: number
-    name: string
-    creation_date: string
-}
-
-interface Team {
-    id: number
-    name: string
-    picture: string
-    main_color: string
-    second_color: string
-}
+import { Tactic } from "./model/Tactic"
+import { Team } from "./model/Team"
 
 export default function Home({
     lastTactics,
@@ -81,8 +69,8 @@ function SideMenu({
                 width: width + "%",
             }}>
             <div id="side-menu-content">
-                <Team teams={teams} />
-                <Tactic lastTactics={lastTactics} />
+                <TeamMenu teams={teams} />
+                <TacticMenu lastTactics={lastTactics} />
             </div>
         </div>
     )
@@ -171,7 +159,7 @@ function BodyPersonalSpace({ allTactics }: { allTactics: Tactic[] }) {
     )
 }
 
-function Team({ teams }: { teams: Team[] }) {
+function TeamMenu({ teams }: { teams: Team[] }) {
     return (
         <div id="teams">
             <div className="titre-side-menu">
@@ -187,7 +175,7 @@ function Team({ teams }: { teams: Team[] }) {
     )
 }
 
-function Tactic({ lastTactics }: { lastTactics: Tactic[] }) {
+function TacticMenu({ lastTactics }: { lastTactics: Tactic[] }) {
     return (
         <div id="tactic">
             <div className="titre-side-menu">
diff --git a/front/views/Settings.tsx b/front/views/Settings.tsx
index 08a4fb9..c7d7960 100644
--- a/front/views/Settings.tsx
+++ b/front/views/Settings.tsx
@@ -1,5 +1,5 @@
 import "../style/settings/settings.css"
-import { MainTitle } from "./component/Title"
+import { MainTitle, SecondTitle } from "./component/Title"
 import {Header} from './template/Header'
 
 export default function Settings({username} : {username : string}){
@@ -25,7 +25,24 @@ function Body() {
 function AccountSettings(){
     return (
         <div id="account">
+            <SecondTitle title="Compte personnel" id={null}/>
+            <ContentAccountSettings/>
+        </div>
+    );
+}
 
+function ContentAccountSettings() {
+    return (
+        <div id="account-content">
+            
         </div>
-    )
-}
\ No newline at end of file
+    );
+}
+
+// function InputSettings(){
+//     return(
+//         <div className="input-settings">
+//             <p className="title-input-settings">{title}</p>     
+//         </div>
+//     )
+// }
\ No newline at end of file
diff --git a/front/views/model/Tactic.tsx b/front/views/model/Tactic.tsx
new file mode 100644
index 0000000..3fe72fa
--- /dev/null
+++ b/front/views/model/Tactic.tsx
@@ -0,0 +1,5 @@
+export interface Tactic {
+    id: number
+    name: string
+    creation_date: string
+}
\ No newline at end of file
diff --git a/front/views/model/Team.tsx b/front/views/model/Team.tsx
new file mode 100644
index 0000000..8e179f6
--- /dev/null
+++ b/front/views/model/Team.tsx
@@ -0,0 +1,7 @@
+export interface Team {
+    id: number
+    name: string
+    picture: string
+    main_color: string
+    second_color: string
+}
\ No newline at end of file
diff --git a/front/views/model/User.tsx b/front/views/model/User.tsx
new file mode 100644
index 0000000..e69de29