diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index f497dd6..86b64d4 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -61,7 +61,7 @@
       <option name="number" value="Default" />
       <option name="presentableId" value="Default" />
       <updated>1607026953826</updated>
-      <workItem from="1607026956145" duration="13623000" />
+      <workItem from="1607026956145" duration="16554000" />
     </task>
     <servers />
   </component>
diff --git a/Documentation/ihm.bmpr b/Documentation/ihm.bmpr
new file mode 100644
index 0000000..9027511
Binary files /dev/null and b/Documentation/ihm.bmpr differ
diff --git a/Documentation/ihm/IHMDevCoffee.pdf b/Documentation/ihm/IHMDevCoffee.pdf
new file mode 100644
index 0000000..d5a51c5
Binary files /dev/null and b/Documentation/ihm/IHMDevCoffee.pdf differ
diff --git a/Documentation/lientAPIpourSurf.txt b/Documentation/lientAPIpourSurf.txt
new file mode 100644
index 0000000..2359014
--- /dev/null
+++ b/Documentation/lientAPIpourSurf.txt
@@ -0,0 +1,5 @@
+https://github.com/swrobel/meta-surf-forecast
+
+https://fr.magicseaweed.com/developer/forecast-api
+
+https://www.worldweatheronline.com/developer/api/docs/marine-weather-api.aspx
\ No newline at end of file
diff --git a/connexion.html b/connexion.html
index 976f7d0..ae2cb3f 100644
--- a/connexion.html
+++ b/connexion.html
@@ -21,7 +21,7 @@
         <!-- Login Form -->
         <form>
             <input type="text" id="login" class="fondu second" name="login" placeholder="Nom d'utilisateur">
-            <input type="text" id="password" class="fondu third" name="password" placeholder="Mot de passe">
+            <input type="password" id="password" class="fondu third" name="password" placeholder="Mot de passe">
             <input type="submit" class="fondu fourth" value="Se connecter">
         </form>
 
diff --git a/css/connexion.css b/css/connexion.css
index e85249e..3cf2419 100644
--- a/css/connexion.css
+++ b/css/connexion.css
@@ -2,7 +2,7 @@
 
 
 a {
-    color: #92badd;
+    color: #197abb;
     display:inline-block;
     text-decoration: none;
     font-weight: 400;
@@ -15,7 +15,7 @@ h2 {
     text-transform: uppercase;
     display:inline-block;
     margin: 40px 8px 10px 8px;
-    color: #cccccc;
+    color: white;
 }
 
 
@@ -34,7 +34,7 @@ h2 {
 
 #contenu {
 
-    background: #fff;
+    background: rgb(255, 255, 255);
     padding: 30px;
     width: 90%;
     max-width: 450px;
@@ -43,13 +43,22 @@ h2 {
     -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
     box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
     text-align: center;
+    border-color: #0073be;
+    border-style: solid;
+    border-top-width: 3px;
+    border-bottom-width: 3px;
+    border-right-width: 5px;
+    border-left-width: 5px;
+    border-radius: 10px;
 }
 
 #pied {
     background-color: #f6f6f6;
-    border-top: 1px solid #dce8f1;
+    border-top: 1px solid #197abb;
     padding: 25px;
     text-align: center;
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
 }
 
 
@@ -62,7 +71,7 @@ h2.inactive {
 
 h2.active {
     color: #0d0d0d;
-    border-bottom: 2px solid #5fbae9;
+    border-bottom: 2px solid #197abb;
 }
 
 
@@ -70,7 +79,7 @@ h2.active {
 /* FORM TYPOGRAPHY*/
 
 input[type=button], input[type=submit], input[type=reset]  {
-    background-color: #56baed;
+    background-color: #197abb;
     border: none;
     color: white;
     padding: 15px 80px;
@@ -86,11 +95,12 @@ input[type=button], input[type=submit], input[type=reset]  {
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
-    transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out, transform 0.2;
 }
 
 input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover  {
-    background-color: #39ace7;
+    background-color: #197abb;
+    font-size: 18px;
 }
 
 input[type=button]:active, input[type=submit]:active, input[type=reset]:active  {
@@ -101,7 +111,7 @@ input[type=button]:active, input[type=submit]:active, input[type=reset]:active
     transform: scale(0.95);
 }
 
-input[type=text] {
+input[type=text], input[type=password] {
     background-color: #f6f6f6;
     border: none;
     color: #0d0d0d;
@@ -120,12 +130,12 @@ input[type=text] {
     transition: all 0.5s ease-in-out;
 }
 
-input[type=text]:focus {
+input[type=text]:focus, input[type=password]:focus {
     background-color: #fff;
-    border-bottom: 2px solid #5fbae9;
+    border-bottom: 2px solid #197abb;
 }
 
-input[type=text]::placeholder {
+input[type=text]::placeholder, input[type=password]::placeholder {
     color: #cccccc;
 }
 
@@ -215,7 +225,7 @@ input[type=text]::placeholder {
     bottom: -10px;
     width: 0;
     height: 2px;
-    background-color: #56baed;
+    background-color: #197abb;
     content: "";
     transition: width 0.2s;
 }
diff --git a/css/index.css b/css/index.css
index a84a243..9343da1 100644
--- a/css/index.css
+++ b/css/index.css
@@ -1,3 +1,8 @@
+html
+{
+    background-color: #dbdbdbde;
+}
+
 body
 {
     font-style: normal;
diff --git a/css/inscription.css b/css/inscription.css
index 0192756..4930e27 100644
--- a/css/inscription.css
+++ b/css/inscription.css
@@ -1,7 +1,7 @@
 /* BASIC */
 
 a {
-    color: #92badd;
+    color: #197abb;
     display:inline-block;
     text-decoration: none;
     font-weight: 400;
@@ -41,6 +41,13 @@ h2 {
     -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
     box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
     text-align: center;
+    border-color: #0073be;
+    border-style: solid;
+    border-top-width: 3px;
+    border-bottom-width: 3px;
+    border-right-width: 5px;
+    border-left-width: 5px;
+    border-radius: 10px;
 }
 
 #pied {
@@ -60,7 +67,7 @@ h2.inactive {
 
 h2.active {
     color: #0d0d0d;
-    border-bottom: 2px solid #5fbae9;
+    border-bottom: 2px solid #0073be;
 }
 
 
@@ -68,7 +75,7 @@ h2.active {
 /* FORM TYPOGRAPHY*/
 
 input[type=button], input[type=submit], input[type=reset]  {
-    background-color: #56baed;
+    background-color: #0073be;
     border: none;
     color: white;
     padding: 15px 80px;
@@ -84,11 +91,12 @@ input[type=button], input[type=submit], input[type=reset]  {
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
-    transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out, transform 0.2;
 }
 
 input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover  {
-    background-color: #39ace7;
+    background-color: #197abb;
+    font-size: 18px;
 }
 
 input[type=button]:active, input[type=submit]:active, input[type=reset]:active  {
@@ -99,7 +107,7 @@ input[type=button]:active, input[type=submit]:active, input[type=reset]:active
     transform: scale(0.95);
 }
 
-input[type=text] {
+input[type=text], input[type=password]{
     background-color: #f6f6f6;
     border: none;
     color: #0d0d0d;
@@ -118,12 +126,12 @@ input[type=text] {
     transition: all 0.5s ease-in-out;
 }
 
-input[type=text]:focus {
+input[type=text]:focus, input[type=password]:focus {
     background-color: #fff;
-    border-bottom: 2px solid #5fbae9;
+    border-bottom: 2px solid #197abb;
 }
 
-input[type=text]::placeholder {
+input[type=text]::placeholder, input[type=password]::placeholder {
     color: #cccccc;
 }
 
@@ -230,7 +238,7 @@ input[type=text]::placeholder {
     bottom: -10px;
     width: 0;
     height: 2px;
-    background-color: #56baed;
+    background-color: #0073be;
     content: "";
     transition: width 0.2s;
 }
diff --git a/css/menu.css b/css/menu.css
index eeae68f..c5bfccb 100644
--- a/css/menu.css
+++ b/css/menu.css
@@ -1,3 +1,10 @@
+#Menu
+{
+	width: 100%;
+	position: sticky;
+	top: 0;
+}
+
 #blockMenu
 {
 	float: right;
@@ -84,4 +91,4 @@
 	height: 10px;
 	float: right;
 	background-color: #5496c2;
-}
+}
\ No newline at end of file
diff --git a/formulaire.html b/formulaire.html
index 6ad83c9..71360bd 100644
--- a/formulaire.html
+++ b/formulaire.html
@@ -19,9 +19,29 @@
             <legend> Lieu et période </legend>
             <label for="spot">Spot</label>
             <select name="spot" id="spot" required>
-                <option value="ville1">Ville 1</option>
-                <option value="ville2">Ville 2</option>
-                <option value="ville3">Ville 3</option>
+                <option value="nice">Nice</option>
+                <option value="roquebrune">Roquebrune Cap Martin</option>
+                <option value="monaco">Monaco</option>
+                <option value="cap_d_ail">Cap d'Ail</option>
+                <option value="beaulieu">Beaulieu</option>
+                <option value="eze">Eze</option>
+                <option value="stjeancapferrat">Saint-Jean-Cap-Ferrat</option>
+                <option value="villefranche">Villefranche sur Mer</option> 
+                <option value="menton">Menton</option>
+                <option value="stlaurentduvar">Saint-Laurent-du-Var</option>
+                <option value="cagnessurmer">Cagnes sur Mer</option>
+                <option value="villeneuveloubet">Villeneuve-Loubet</option>
+                <option value="ingolstadt_germany">Ingolstadt</option>
+                <option value="juanlespins">Juan les Pins</option>
+                <option value="antibes">Antibes</option>
+                <option value="capantibes">Cap d'Antibes</option>
+                <option value="antibes">Antibes</option>
+                <option value="golfjuan">Golfe Juan</option>
+                <option value="cannes">Cannes</option>
+                <option value="canneslabocca">Cannes La Bocca</option>
+                <option value="mandelieu">Mandelieu</option>
+                <option value="theoule">Théoules sur Mer</option>
+                <option value="iles">Iles de Lérins</option>
             </select>
             <br />
             <label>Date de début</label>
@@ -33,11 +53,11 @@
             <br />
 
             <label>Heure début</label>
-            <input type="time" id="begin-time" name="begin-time" min="00:00" max=23:59 required>
+            <input type="time" id="begin-time" name="begin-time" min="00:00" max="23:59" required>
             <br />
 
             <label>Heure de fin</label>
-            <input type="time" id="bend-time" name="end-time" min="00:00" max=23:59 required>
+            <input type="time" id="bend-time" name="end-time" min="00:00" max="23:59" required>
 
         </fieldset>
 
diff --git a/inscription.html b/inscription.html
index e0f12b1..57d6a0f 100644
--- a/inscription.html
+++ b/inscription.html
@@ -19,18 +19,12 @@
 
         <!-- Login Form -->
         <form>
-<<<<<<< HEAD
-            <input type="text" id="login" class="fondu second" name="login" placeholder="Nom d'utilisateur">
-            <input type="text" id="password" class="fondu third" name="password" placeholder="Mot de passe">
-            <input type="submit" class="fondu fourth" value="S'inscrire">
-=======
             <input type="text" id="nom" class="fondu premier" name="nom" placeholder="Nom">
             <input type="text" id="prenom" class="fondu deuxieme" name="prenom" placeholder="Prenom">
             <input type="text" id="mail" class="fondu troisieme" name="mail" placeholder="E-mail">
             <input type="text" id="login" class="fondu quatrieme" name="login" placeholder="Nom d'utilisateur">
-            <input type="text" id="password" class="fondu cinquieme" name="login" placeholder="Mot de passe">
+            <input type="password" id="password" class="fondu cinquieme" name="password" placeholder="Mot de passe">
             <input type="submit" class="fondu sixieme" value="S'inscrire">
->>>>>>> b9bf5b2edb8e213d4bd18f03395ccc8c4d5450d2
         </form>
 
         <!-- Remind Passowrd -->
diff --git a/js/menu b/js/menu
new file mode 100644
index 0000000..e69de29
diff --git a/menu.html b/menu.html
index 46972a1..48e1c5b 100644
--- a/menu.html
+++ b/menu.html
@@ -9,29 +9,31 @@
     </head>
 
     <body>
-        <div id="blockLogo">
-            <img id="logo" src="img/logoV2.jpg">
+        <div id="Menu">
+            <div id="blockLogo">
+                <img id="logo" src="img/logoV2.jpg">
+            </div>
+            <!--Block de Menu-->
+            <nav id="blockMenu">
+                <ul id="lineMenu">
+                    <li class="colonneMenu animationButtonMenu underLineHover">
+                        <a class="aMenu" href="#">Acceuil</a>
+                    </li>
+                    <li class="colonneMenu animationButtonMenu underLineHover">
+                        <a class="aMenu" href="#">Profil</a>
+                    </li>
+                    <li class="colonneMenu animationButtonMenu underLineHover">
+                        <a class="aMenu" href="#">Météo</a>
+                    </li>
+                    <li class="colonneSign animationButtonMenu underLineHover">
+                        <a class="aMenu" href="connexion.html">Connexion</a>
+                    </li>
+                    <li class="colonneSign animationButtonMenu underLineHover">
+                        <a class="aMenu" href="inscription.html">Inscription</a>
+                    </li>
+                </ul>
+            </nav>
+            <div id="blockDeco"></div>
         </div>
-        <!--Block de Menu-->
-        <nav id="blockMenu">
-            <ul id="lineMenu">
-                <li class="colonneMenu animationButtonMenu underLineHover">
-                    <a class="aMenu" href="#">Acceuil</a>
-                </li>
-                <li class="colonneMenu animationButtonMenu underLineHover">
-                    <a class="aMenu" href="#">Profil</a>
-                </li>
-                <li class="colonneMenu animationButtonMenu underLineHover">
-                    <a class="aMenu" href="#">Météo</a>
-                </li>
-                <li class="colonneSign animationButtonMenu underLineHover">
-                    <a class="aMenu" href="connexion.html">Connexion</a>
-                </li>
-                <li class="colonneSign animationButtonMenu underLineHover">
-                    <a class="aMenu" href="inscription.html">Inscription</a>
-                </li>
-            </ul>
-        </nav>
-        <div id="blockDeco"></div>
     </body>
 </html>
\ No newline at end of file
diff --git a/php/Script/traitementInscription.php b/php/Script/traitementInscription.php
index fe7bb60..e8dcb70 100644
--- a/php/Script/traitementInscription.php
+++ b/php/Script/traitementInscription.php
@@ -1,4 +1,6 @@
 <?php
-include Classe.Utilisateur::class;
+    include Classe.Utilisateur::class;
 
-$utilisateur = new Utilisateur(NULL, NULL, NULL,$_POST['login'], NULL, $_POST['password']);
+    $unUtilisateur = new Utilisateur(NULL, $_POST['nom'], $_POST['prenom'],$_POST['login'], $_POST['mail'], $_POST['password']);
+
+    print("Votre inscription a bien été effectuée");