diff --git a/.gitignore b/.gitignore
index f6830d0..7cbb7f1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1 @@
-connect.php
+config_db.php
diff --git a/400.php b/400.php
index 72ff40c..97c0ec9 100644
--- a/400.php
+++ b/400.php
@@ -13,17 +13,14 @@ header("HTTP/1.1 400 Bad Request");
     <body>
         <script type="text/javascript" src="js/materialize.js"></script>
         <header>
-            <nav>
-                <div class="nav-wrapper navbar-fixed teal lighten-2">
-                    <a href="." class="brand-logo center">TablIP</a>
-                    <div>
-                        <a href="." class="breadcrumb">Sites</a>
-                    </div>
+            <nav class="nav-wrapper navbar-fixed teal lighten-2">
+                <div class="container">
+                    <a href="." class="breadcrumb">TablIP</a>
                 </div>
             </nav>
         </header>
         <div class="container">
-            <h1>Erreur</h1>
+            <h4>Erreur</h4>
             <p>Données requises non reçues</p>
             <a class="waves-effect waves-light btn" href='javascript:history.back(1);'><i class="material-icons left">arrow_back</i>Retour</a>
         </div>
diff --git a/404.php b/404.php
index b7f22dd..c215333 100644
--- a/404.php
+++ b/404.php
@@ -13,17 +13,14 @@ header("HTTP/1.1 404 Not Found");
     <body>
         <script type="text/javascript" src="js/materialize.js"></script>
         <header>
-            <nav>
-                <div class="nav-wrapper navbar-fixed teal lighten-2">
-                    <a href="." class="brand-logo center">TablIP</a>
-                    <div>
-                        <a href="." class="breadcrumb">Sites</a>
-                    </div>
-                </div>
+            <nav class="nav-wrapper navbar-fixed teal lighten-2">
+                <div class="container">
+                    <a href="." class="breadcrumb">TablIP</a>
+                <div class="container">
             </nav>
         </header>
         <div class="container">
-            <h1>Erreur</h1>
+            <h4>Erreur</h4>
             <p>La ressource demandée n'a pas été trouvée</p>
             <a class="waves-effect waves-light btn" href='javascript:history.back(1);'><i class="material-icons left">arrow_back</i>Retour</a>
         </div>
diff --git a/500.php b/500.php
index ab1bae5..adf087e 100644
--- a/500.php
+++ b/500.php
@@ -13,17 +13,14 @@ header("HTTP/1.1 500 Internal Server Error");
     <body>
         <script type="text/javascript" src="js/materialize.js"></script>
         <header>
-            <nav>
-                <div class="nav-wrapper navbar-fixed teal lighten-2">
-                    <a href="." class="brand-logo center">TablIP</a>
-                    <div>
-                        <a href="." class="breadcrumb">Sites</a>
-                    </div>
+            <nav class="nav-wrapper navbar-fixed teal lighten-2">
+                <div class="container">
+                    <a href="." class="breadcrumb">TablIP</a>
                 </div>
             </nav>
         </header>
         <div class="container">
-            <h1>Erreur</h1>
+            <h4>Erreur</h4>
             <p>Problème côté serveur</p>
             <a class="waves-effect waves-light btn" href='javascript:history.back(1);'><i class="material-icons left">arrow_back</i>Retour</a>
         </div>
diff --git a/config_db.php.inc b/config_db.php.inc
new file mode 100644
index 0000000..329722d
--- /dev/null
+++ b/config_db.php.inc
@@ -0,0 +1,7 @@
+<?php
+// Fill with your database connexion informations 
+$DB_HOST     = 'localhost';
+$DB_NAME     = 'TablIP';
+$DB_USER     = 'webapp_malingrey_fr_preprod';
+$DB_PASSWORD = 'B3JSRLmhB2PDAtPtiG8hvO2p';
+?>
\ No newline at end of file
diff --git a/connect.inc.php b/connect.php
similarity index 61%
rename from connect.inc.php
rename to connect.php
index 9d6309f..9840ae1 100644
--- a/connect.inc.php
+++ b/connect.php
@@ -1,10 +1,5 @@
 <?php
-// Fill with your database login informations and rename file to connect.php 
-$DB_HOST = "localhost";
-$DB_NAME = "TableIP";
-$DB_USER = "user";
-$DB_PASSWORD = "password";
-    
+require_once("config_db.php");
 try {
     $db = new PDO("mysql:host=$DB_HOST;dbname=$DB_NAME", $DB_USER, $DB_PASSWORD);
     $db->setAttribute(PDO::ATTR_EMULATE_PREPARES, false);
diff --git a/index.php b/index.php
index 9d7993a..f554975 100644
--- a/index.php
+++ b/index.php
@@ -4,14 +4,16 @@
         <link rel="stylesheet" href="css/style.css"/>
         <link rel="stylesheet" href="css/icons.css"/>
         <link rel="stylesheet" href="css/materialize.css"/>
-        <script type="text/javascript" src="js/script.js"></script>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     </head>
     <body>
+        <script type="text/javascript" src="js/script.js"></script>
         <script type="text/javascript" src="js/materialize.js"></script>
         <header>
             <nav class="nav-wrapper navbar-fixed teal lighten-2">
+              <div class="container">
                 <a class="breadcrumb">TablIP</a>
+              </div>
             </nav>
         </header>
         <div class="container">
@@ -21,7 +23,7 @@
 <?php
 include "connect.php";
 foreach ($db->query("SELECT * FROM `Sites` ORDER BY `Name`") as $site) {
-    print "            </li><a href='site.php?id=${site['id']}' class='collection-item'>${site['Name']}</a>\n";
+    print "            <a href='site.php?id=${site['id']}' class='collection-item'>${site['Name']}</a>\n";
 }
 ?>
                 </div>
@@ -34,9 +36,10 @@ foreach ($db->query("SELECT * FROM `Sites` ORDER BY `Name`") as $site) {
                         <label for="siteName">Nom</label>
                         <input type="text" class="validate" id="siteName" name="siteName" placeholder="Site" required/>
                     </div>
-                    <button class="btn waves-effect waves-light" type="submit" name="action">Ajouter
-                        <i class="material-icons right">add</i>
-                    </button>
+                    <div class="card-action right-align">
+                        <button class="btn waves-effect waves-light" type="submit" name="action">Ajouter
+                            <i class="material-icons right">add</i>
+                        </button>
                     </div>
                 </form>
             </div>
diff --git a/js/script.js b/js/script.js
index 36581cb..f363133 100644
--- a/js/script.js
+++ b/js/script.js
@@ -5,6 +5,11 @@ function showCard(card, button) {
 }
 
 function updateHost(input) {
+    if (input.value) {
+        input.required = true
+    } else {
+        input.required = false
+    }
     if (input.form.checkValidity()) {
         var td = input.parentElement
         var tr = td.parentElement
diff --git a/network.php b/network.php
index bc3bcd9..d3fb79a 100644
--- a/network.php
+++ b/network.php
@@ -29,16 +29,18 @@ if (!$siteName) {
         <link rel="stylesheet" href="css/style.css"/>
         <link rel="stylesheet" href="css/icons.css"/>
         <link rel="stylesheet" href="css/materialize.css"/>
-        <script type="text/javascript" src="js/script.js"></script>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     </head>
     <body>
+        <script type="text/javascript" src="js/script.js"></script>
         <script type="text/javascript" src="js/materialize.js"></script>
         <header>
             <nav class="nav-wrapper navbar-fixed teal lighten-2">
-                <a href="." class="breadcrumb">TablIP</a>
-                <a href="site.php?id=<?=$siteId?>" class="breadcrumb"><?=$siteName?></a>
-                <a class="breadcrumb"><?=$networkName?></a>
+                <div class="container">
+                    <a href="." class="breadcrumb">TablIP</a>
+                    <a href="site.php?id=<?=$siteId?>" class="breadcrumb"><?=$siteName?></a>
+                    <a class="breadcrumb"><?=$networkName?></a>
+                </div>
             </nav>
         </header>
         <div class="container">
diff --git a/site.php b/site.php
index aa64ecf..c0886a3 100644
--- a/site.php
+++ b/site.php
@@ -18,15 +18,17 @@ if (!$siteName) {
         <link rel="stylesheet" href="css/style.css"/>
         <link rel="stylesheet" href="css/icons.css"/>
         <link rel="stylesheet" href="css/materialize.css"/>
-        <script type="text/javascript" src="js/script.js"></script>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     </head>
     <body>
+        <script type="text/javascript" src="js/script.js"></script>
         <script type="text/javascript" src="js/materialize.js"></script>
         <header>
             <nav class="nav-wrapper navbar-fixed teal lighten-2">
-                <a href="." class="breadcrumb">TablIP</a>
-                <a class="breadcrumb"><?=$siteName?></a>
+                <div class="container">
+                    <a href="." class="breadcrumb">TablIP</a>
+                    <a class="breadcrumb"><?=$siteName?></a>
+                </div>
             </nav>
         </header>
         <div class="container">
@@ -58,9 +60,11 @@ foreach ($db->query("SELECT * FROM `Networks` WHERE `SiteId` = $siteId ORDER BY
                         <label for="maskInput">Masque</label>
                         <input type="text" class="validate" id="maskInput" name="mask" placeholder="255.255.255.0" pattern="^(255\.255\.(248|252|255)\.0|255\.255\.255\.(0|128|192|224|240|248|252|255))$" title="Plus grand masque autorisé : 255.255.248.0"/>
                     </div>
-                    <button class="btn waves-effect waves-light" type="submit" name="action">Ajouter
-                        <i class="material-icons right">add</i>
-                    </button>
+                    <div class="card-action right-align">
+                        <button class="btn waves-effect waves-light" type="submit" name="action">Ajouter
+                            <i class="material-icons right">add</i>
+                        </button>
+                    </div>
                 </form>
             </div>
         </div>
diff --git a/updateHost.php b/updateHost.php
index fafedf4..f2f8b29 100644
--- a/updateHost.php
+++ b/updateHost.php
@@ -14,11 +14,12 @@ if (is_null($ip)
 }
 include "connect.php";
 try {
-    $update = $db->prepare("
-        INSERT INTO Hosts(IpAddress, NetworkId, Hostname, FQDN, MacAddress, Link, Comments)
-        VALUES($ip, $networkId, :i_hostname, :i_fqdn, :i_macAddress, :i_link, :i_comments)
-        ON DUPLICATE KEY UPDATE Hostname = :u_hostname, FQDN = :u_fqdn, MacAddress = :u_macAddress, Comments = :u_comments, Link = :u_link
-    ");
+    $update = $db->prepare(
+      <<<SQL
+      INSERT INTO Hosts(IpAddress, NetworkId, Hostname, FQDN, MacAddress, Link, Comments)
+      VALUES($ip, $networkId, :i_hostname, :i_fqdn, :i_macAddress, :i_link, :i_comments)
+      ON DUPLICATE KEY UPDATE Hostname = :u_hostname, FQDN = :u_fqdn, MacAddress = :u_macAddress, Comments = :u_comments, Link = :u_link
+      SQL);
     $update->execute([
         'i_hostname' => $hostname,
         'i_fqdn' => $fqdn,
