diff --git a/Styles/style.css b/Styles/style.css
index e69de29..ed39770 100644
--- a/Styles/style.css
+++ b/Styles/style.css
@@ -0,0 +1,72 @@
+body {
+    margin: 0;
+    background-color: #ffffff;
+    color: #333;
+    font-size: 20px;
+}
+
+.main-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background-color: #ffffff;
+    border-bottom: 4px solid #f57c00;
+    padding: 20px 40px;
+}
+
+.logo-section {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+}
+
+.logo-section .baseline {
+    font-family: 'Cormorant Garamond', serif;
+    font-size: 1.1em;
+    font-style: italic;
+    color: #f57c00;
+}
+
+.nav-right {
+    text-align: right;
+}
+
+.btn-connexion {
+    background-color: #f57c00;
+    color: #fff;
+    padding: 12px 25px;
+    text-decoration: none;
+    font-weight: bold;
+    border-radius: 5px;
+    transition: background 0.3s;
+}
+
+.btn-connexion:hover {
+    background-color: #e65100;
+}
+
+.main-content {
+    text-align: center;
+    padding: 100px 20px;
+}
+
+.main-content h2 {
+    font-size: 2.5em;
+    color: #f57c00;
+    margin-bottom: 15px;
+}
+
+.main-content p {
+    font-size: 1.2em;
+    color: #555;
+}
+
+.main-footer {
+    background-color: #f57c00;
+    color: white;
+    text-align: center;
+    padding: 20px 10px;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+}
\ No newline at end of file
diff --git a/Vue/index.php b/Vue/index.php
index e69de29..ba035cd 100644
--- a/Vue/index.php
+++ b/Vue/index.php
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <title>GSB Application - Accueil</title>
+    <link rel="stylesheet" href="GSB2temp\Styles\style.css">
+    <link href="https://fonts.googleapis.com/css2?family=Barlow&family=Cormorant+Garamond:ital@1&display=swap" rel="stylesheet">
+    <link rel="icon" href="GSB2temp\Images\logo.jpg" type="image/png">
+    <style>
+        body {
+            font-family: 'Barlow', sans-serif;
+        }
+    </style>
+</head>
+<body>
+<header class="main-header">
+    <div class="logo-section">
+        <img src="GSB2temp\Images\logo.jpg" alt="Logo GSB" width="70">
+        <p class="baseline">Gestion des comptes-rendus de visites</p>
+    </div>
+    <nav class="nav-right">
+        <a href="login.php" class="btn-connexion">Connexion</a>
+    </nav>
+</header>
+
+<main class="main-content">
+    <h2>Bienvenue sur l'application de gestion de compte-rendus de visites destinés aux visiteurs médicaux</h2>
+    <p>Veuillez vous connecter pour accéder à l'application.</p>
+</main>
+
+<footer class="main-footer">
+    <p>&copy; 2025 - GSB Application</p>
+</footer>
+
+</body>
+</html>
\ No newline at end of file
