diff --git a/static/icon.png b/static/icon.png
new file mode 100644
index 0000000..9dcd032
Binary files /dev/null and b/static/icon.png differ
diff --git a/templates/bateau_temp.html b/templates/bateau_temp.html
new file mode 100644
index 0000000..78e119c
--- /dev/null
+++ b/templates/bateau_temp.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!-- saved from url=(0055)file:///C:/Users/rugja/Marin/templates/bateau_temp.html -->
+<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    
+    <title>{{nom}}</title>
+    <link href="file:///C:/Users/rugja/Marin/templates/style.css" rel="stylesheet" type="text/css">
+</head> 
+<body>
+	<h1>{{nom}}}</h1>
+	<table>
+		<tbody><tr>
+			<th>Nom</th>
+			<th>{{NomBateau}}</th>
+		</tr>
+		<tr>
+			<th>Constructeur</th>
+			<th>{{nom}}</th>
+		</tr>
+		<tr>
+			<th>Dimensions</th>
+			<th>{{Dimensions}}</th>
+		</tr>
+		<tr>
+			<th>Installation</th>
+			<th>{{Date}}</th>
+		</tr>
+		<tr>
+			<th>Condamnation</th>
+			<th>{{Date}}</th>
+		</tr>
+		<tr>
+			<th>Origine</th>
+			<th>{{ville}}</th>
+		</tr>
+	</tbody></table>
+	<p>
+		{{HistoireBateau}}
+	</p>
+
+
+</body></html>
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 0969bca..f88b0e2 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <head>
     <meta charset="utf-8">
-    <title> Sauveteurs du dunkerquois</title>
+    <title>Sauveteurs du dunkerquois</title>
     <link href="../static/style.css" rel="stylesheet" type="text/css" />
-</head> 
+</head>
 <body>
     <center>
     <div class="LOGO-DUO">
-        <img src="https://sauveteurdudunkerquois.fr/wp-content/uploads/2021/09/LOGO-DUO.png" width="200"
-        height="100">
+        <img src="../static/icon.png" width="200" height="100">
+        <h1>Sauveteurs du dunkerquois</h1>
     </div>
     <br>
     <form method="get" >
 	    <input type="text"
-	    placeholder="Rechercher un sauveteur, un bateau, une personne sauvée...">
+	    placeholder="Rechercher un sauveteur, un bateau, une personne sauvée..." size=40>
 	    <input type="submit" value="Rechercher">
     </form>
     <br>
     <div>
-	    <button>Page au hasard</button>
+	    <button action="/random">Page au hasard</button>
     </div>
     </center>
 </body>
diff --git a/templates/sauveteur_temp.html b/templates/sauveteur.html
similarity index 85%
rename from templates/sauveteur_temp.html
rename to templates/sauveteur.html
index 9d47853..f10c532 100644
--- a/templates/sauveteur_temp.html
+++ b/templates/sauveteur.html
@@ -1,10 +1,20 @@
 <!DOCTYPE html>
+<!--- Variables
+nom
+prenom
+nb_sauvetages
+nb_sauves
+gratifications
+description
+!-->
+
 <head>
     <meta charset="utf-8">
     <title>{{nom}} {{prenom}} - Sauveuteur du dunkerquois</title>
     <link href="../static/style.css" rel="stylesheet" type="text/css" />
 </head> 
 <body>
+	<img src="../static/icon.png">
 	<h1>{{nom}} {{prenom}}</h1>
 	<table>
 		<tr>

Nom	{{NomBateau}}
Constructeur	{{nom}}
Dimensions	{{Dimensions}}
Installation	{{Date}}
Condamnation	{{Date}}
Origine	{{ville}}