diff --git a/docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html b/docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html
index 83c2f41..4763f21 100644
--- a/docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html
+++ b/docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html
@@ -3,9 +3,9 @@
 <div id="topBar">
 	<h1>PTME</h1>
 	<div id="topButton">
-		<p>HOME</p>
+		<p onclick="scrollToSection()">HOME</p>
 		<p>PROJECT</p>
-		<p>NEWS</p>
+		<p>AUTHORS</p>
 	</div>
 	<div id="loginButton">
 		<p>LOGIN</p>
@@ -58,7 +58,7 @@
 					<label for="password">Confirm password</label>
 					<input type="password" id="password-confirm" name="password">
 
-					<button type="submit" class="login-btn">REGISTER</button>
+					<button type="submit" class="login-btn">Register</button>
 					<div class="old-player">
 						Already have an account? <a href="#">Log in</a>
 					</div>
@@ -68,7 +68,7 @@
 		
 	</div>
 <div id="chatButton">
-	<p>CHAT</p>
+	<img src="/static/img/homePage/bulle.png">
 </div>
 <div id="chatDiv">
 	<div id="topChatHome">
diff --git a/docker-compose/requirements/nginx/static/img/homePage/bulle.png b/docker-compose/requirements/nginx/static/img/homePage/bulle.png
new file mode 100644
index 0000000..4ee5df8
Binary files /dev/null and b/docker-compose/requirements/nginx/static/img/homePage/bulle.png differ
diff --git a/docker-compose/requirements/nginx/static/javascript/homePage/main.js b/docker-compose/requirements/nginx/static/javascript/homePage/main.js
index c3caf68..bf4eafb 100644
--- a/docker-compose/requirements/nginx/static/javascript/homePage/main.js
+++ b/docker-compose/requirements/nginx/static/javascript/homePage/main.js
@@ -3,10 +3,10 @@
 /*                                                        :::      ::::::::   */
 /*   main.js                                            :+:      :+:    :+:   */
 /*                                                    +:+ +:+         +:+     */
-/*   By: edbernar <edbernar@student.42angouleme.    +#+  +:+       +#+        */
+/*   By: marvin <marvin@student.42.fr>              +#+  +:+       +#+        */
 /*                                                +#+#+#+#+#+   +#+           */
 /*   Created: 2024/08/25 00:02:19 by edbernar          #+#    #+#             */
-/*   Updated: 2024/08/25 18:26:17 by edbernar         ###   ########.fr       */
+/*   Updated: 2024/09/17 13:06:30 by marvin           ###   ########.fr       */
 /*                                                                            */
 /* ************************************************************************** */
 
@@ -22,6 +22,7 @@ class HomePage
 		Login.create();
 		LiveChat.create();
 		window.addEventListener('scroll', scrool);
+		window.addEventListener('bScroll', scrollToSection)
 	}
 
 	static dispose()
@@ -30,9 +31,16 @@ class HomePage
 		Login.dispose();
 		LiveChat.dispose();
 		window.removeEventListener('scroll', scrool);
+		window.removeEventListener('bScroll', scrollToSection)
 	}
 };
 
+function scrollToSection() {
+	document.querySelector('#homeSection relative').scrollIntoView({
+	  behavior: 'smooth'
+	});
+	console.log("CACA");
+  }
 
 function scrool()
 {
diff --git a/docker-compose/requirements/nginx/static/style/homePage/home.css b/docker-compose/requirements/nginx/static/style/homePage/home.css
index 5751755..f73a1b4 100644
--- a/docker-compose/requirements/nginx/static/style/homePage/home.css
+++ b/docker-compose/requirements/nginx/static/style/homePage/home.css
@@ -3,10 +3,10 @@
 /*                                                        :::      ::::::::   */
 /*   home.css                                           :+:      :+:    :+:   */
 /*                                                    +:+ +:+         +:+     */
-/*   By: edbernar <edbernar@student.42angouleme.    +#+  +:+       +#+        */
+/*   By: marvin <marvin@student.42.fr>              +#+  +:+       +#+        */
 /*                                                +#+#+#+#+#+   +#+           */
 /*   Created: 2024/08/07 12:00:55 by edbernar          #+#    #+#             */
-/*   Updated: 2024/09/13 10:40:18 by edbernar         ###   ########.fr       */
+/*   Updated: 2024/09/17 14:20:28 by marvin           ###   ########.fr       */
 /*                                                                            */
 /* ************************************************************************** */
 
@@ -119,7 +119,7 @@ body {
 }
 
 #topBar #loginButton:hover {
-	background-color: #020202;
+	background-color: transparent;
 	color: white;
 	cursor: pointer;
 }
@@ -173,8 +173,7 @@ body {
 .right-side-register h1 {
     font-size: 2rem;
     margin-bottom: 30px;
-	align-items: center;
-	justify-content: center;
+	text-align: center;
 }
 
 .close {
@@ -189,8 +188,7 @@ body {
 .right-side h1 {
     font-size: 2rem;
     margin-bottom: 30px;
-	align-items: center;
-	justify-content: center;
+	text-align: center;
 }
 
 form {
@@ -251,7 +249,6 @@ button {
 
 .old-player {
     text-align: center;
-    margin-bottom: 20px;
 }
 
 .old-player a {
diff --git a/docker-compose/requirements/nginx/static/style/homePage/liveChat.css b/docker-compose/requirements/nginx/static/style/homePage/liveChat.css
index 1f53f84..6ee00cd 100644
--- a/docker-compose/requirements/nginx/static/style/homePage/liveChat.css
+++ b/docker-compose/requirements/nginx/static/style/homePage/liveChat.css
@@ -3,33 +3,38 @@
 /*                                                        :::      ::::::::   */
 /*   liveChat.css                                       :+:      :+:    :+:   */
 /*                                                    +:+ +:+         +:+     */
-/*   By: edbernar <edbernar@student.42angouleme.    +#+  +:+       +#+        */
+/*   By: marvin <marvin@student.42.fr>              +#+  +:+       +#+        */
 /*                                                +#+#+#+#+#+   +#+           */
 /*   Created: 2024/07/30 13:53:39 by edbernar          #+#    #+#             */
-/*   Updated: 2024/08/25 18:20:50 by edbernar         ###   ########.fr       */
+/*   Updated: 2024/09/17 14:13:56 by marvin           ###   ########.fr       */
 /*                                                                            */
 /* ************************************************************************** */
 
 
 #chatButton {
 	position: fixed;
-	bottom: 10px;
-	left: 30px;
-	background-color: white;
-	width: 100px;
-	height: 40px;
-	text-align: center;
 	cursor : pointer;
 	z-index: 10;
-}
-
-#chatButton p {
-	margin: 0;
-	margin-top: 10px;
+	bottom: 40px;
+	left: 60px;
+	background-color: #020202;
+	border-radius: 50%;
+	height: 70px;
+	width: 70px;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+	transition: transform 0.3s ease;
 }
 
 #chatButton:hover {
-	background-color: rgb(204, 204, 204);
+	transform: scale(1.2);
+}
+
+#chatButton img{
+	width: 45px;
+	height: 45px;
 }
 
 #chatDiv {
diff --git a/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css b/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
index 41e0545..9c5de67 100644
--- a/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
+++ b/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
@@ -185,7 +185,7 @@ body {
 	padding: 0;
 	padding-inline: 50px;
 	display: flex;
-	background-color: #020202;
+	background-color: transparent;
 	gap: 2rem;
 	align-items: center;
 	justify-content: center;