diff --git a/src/WebApp/application/controllers/User.php b/src/WebApp/application/controllers/User.php
index f823d81ac8f14cf9c61c6ddaca6511c31b79e972..3f352ea2c4900227be0a420838b57b91f34ace79 100644
--- a/src/WebApp/application/controllers/User.php
+++ b/src/WebApp/application/controllers/User.php
@@ -11,13 +11,18 @@ class User extends CI_Controller {
     public function inscription_success(){
         if(isset($_POST['suscribe'])) {
 
-            /**$this->form_validation->set_rules('mail', '"Mail"', 'trim|required|valid_email|is_unique[utilisateur.mail]|xss_clean');
+            $this->load->database();
+
+
+            $this->form_validation->set_error_delimiters('<div class="error">', '</div>');
+
+            $this->form_validation->set_rules('mail', 'Mail', 'trim|required|valid_email|is_unique[utilisateur.mail]');
 
-            $this->form_validation->set_rules('password', '"Mot de passe"', 'required|xss_clean');
+            $this->form_validation->set_rules('password', 'Mot de passe', 'required|min_length[7]');
 
-            $this->form_validation->set_rules('password_confirm', '"Confirmation du mot de passe"', 'required|xss_clean|matches[password]');
+            $this->form_validation->set_rules('password_confirm', 'Confirmation du mot de passe', 'required|matches[password]' );
 
-            if ($this->form_validation->run()) {*/
+            if ($this->form_validation->run() == TRUE) {
 
             $mdp_hash = hash("sha1", $_POST['password']);
 
@@ -26,16 +31,70 @@ class User extends CI_Controller {
                 'password' => $mdp_hash,
             );
 
-            $this->load->database();
             $this->db->insert('utilisateur', $data);
 
             $this->load->view('inscription_success');
 
 
-            /** }
+            }
             else {
-            echo("form invalid");
-            }*/
+                $this->load->view('inscription');
+            }
         }
     }
+
+    public function connexion(){
+        $this->load->view('connexion');
+    }
+
+    public function connexion_success(){
+        if(isset($_POST['login'])) {
+
+            $this->load->database();
+
+            $this->load->library('session');
+
+            $this->form_validation->set_error_delimiters('<div class="error">', '</div>');
+
+            $this->form_validation->set_rules('password_c', 'Mot de passe', 'callback_verif_user');
+
+            $this->db->select('*');
+            $this->db->from('utilisateur');
+            $this->db->where(array('mail' => $_POST['email'] , 'password' => hash("sha1", $_POST['password_c']) ));
+            $query=$this->db->get();
+
+            $user=$query->row();
+
+            if ($this->form_validation->run() == TRUE) {
+                $_SESSION['logged_in']=TRUE;
+                $_SESSION['username']=$_POST['email'];
+                $this->load->view('connexion_success');
+            }
+            else {
+                $this->load->view('connexion');
+            }
+        }
+    }
+
+    public function verif_user(){
+        $this->db->select('*');
+        $this->db->from('utilisateur');
+        $this->db->where(array('mail' => $_POST['email'] , 'password' => hash("sha1", $_POST['password_c']) ));
+        $query=$this->db->get();
+
+        $user=$query->row();
+        if($user!=NULL) {
+            return TRUE;
+        }
+        else{
+            $this->form_validation->set_message('verif_user', 'Aucun compte ne correspond à ces identifiants');
+            return FALSE;
+        }
+}
+
+    public function deconnexion(){
+        $this->load->library('session');
+        $this->load->view('deconnexion');
+        $this->session->sess_destroy();
+    }
 }
\ No newline at end of file
diff --git a/src/WebApp/application/controllers/Welcome.php b/src/WebApp/application/controllers/Welcome.php
index 5bdea3b9f4715829e23ea50a83cb235e2711f94d..313e4786467bc4e07182e10f3135efca68eb2d55 100644
--- a/src/WebApp/application/controllers/Welcome.php
+++ b/src/WebApp/application/controllers/Welcome.php
@@ -30,6 +30,18 @@ class Welcome extends CI_Controller {
 
 	public function fiche_film()
 	{
-		$this->load->view('fiche_film');
+		$this->load->view('fiche_film1');
+
+        $this->load->view('fiche_film2');
+	}
+
+	public function best_films()
+	{
+		$this->load->view('best_films');
+	}
+
+	public function fiche_acteur()
+	{
+		$this->load->view('fiche_acteur');
 	}
 }
diff --git a/src/WebApp/application/css/styles.css b/src/WebApp/application/css/styles.css
new file mode 100644
index 0000000000000000000000000000000000000000..1e0682deec01e4e48d54d993a3147d56fc0adfdc
--- /dev/null
+++ b/src/WebApp/application/css/styles.css
@@ -0,0 +1,3 @@
+.error {
+    color:red;
+}
\ No newline at end of file
diff --git a/src/WebApp/application/views/accueil.php b/src/WebApp/application/views/accueil.php
index f2ddf28dd841e3801957d5f93eae020accef0321..013356b249bc4bc6cf0a73b2570fcd3511020ad0 100644
--- a/src/WebApp/application/views/accueil.php
+++ b/src/WebApp/application/views/accueil.php
@@ -3,6 +3,22 @@ defined('BASEPATH') OR exit('No direct script access allowed');
 ?><!DOCTYPE html>
 <html>
 <head>
+  <style>
+    .loading {
+	  position: fixed;
+	  left: 0px;
+	  top: 0px;
+	  width: 100%;
+	  height: 100%;
+	  z-index: 9999;
+	  background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
+    opacity: 0.8;
+    }
+
+  </style>
+
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+    <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
 
     <link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
     <link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet">
@@ -15,10 +31,14 @@ defined('BASEPATH') OR exit('No direct script access allowed');
     <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
 
+
 	<meta charset="utf-8">
 	<title>BingeWatcher</title>
 </head>
 <body id="page-top">
+<div class="loading"></div>
+<script> $('.loading').fadeOut(100); </script>
+
 
     <!-- Navigation -->
     <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
@@ -31,13 +51,23 @@ defined('BASEPATH') OR exit('No direct script access allowed');
         <div class="collapse navbar-collapse" id="navbarResponsive">
           <ul class="navbar-nav ml-auto">
             <li class="nav-item">
-              <a class="nav-link js-scroll-trigger" href="#projects">Préférences</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link js-scroll-trigger" href="#signup">Compte</a>
+              <a class="nav-link" href="index.php/welcome/best_films" onclick="$('.loading').fadeIn(1);">Meilleurs Films</a>
             </li>
+              <?php
+              $this->load->library('session');
+              if(isset($_SESSION['username'])){
+                  echo('<li class="nav-item">');
+                  echo('<a class="nav-link js-scroll-trigger" href="index.php/User/deconnexion">Déconnexion</a>');
+                  echo('</li>');
+              }
+              else {
+                  echo('<li class="nav-item">');
+                  echo('<a class="nav-link js-scroll-trigger" href="index.php/User/connexion">Connexion</a>');
+                  echo('</li>');
+              }
+              ?>
               <li class="nav-item">
-                  <a class="nav-link js-scroll-trigger" href="index.php/User/inscription">Inscription</a>
+                  <a class="nav-link js-scroll-trigger" href="index.php/User/inscription">Inscription </a>
               </li>
           </ul>
         </div>
@@ -51,9 +81,10 @@ defined('BASEPATH') OR exit('No direct script access allowed');
         <div class="mx-auto text-center">
           <h1 class="mx-auto my-0 text-uppercase">BingeWatcher</h1>
           <h2 class="text-white-50 mx-auto mt-2 mb-5">Découvrez des films, sans aucune limite</h2>
-          <form>
-              <div class="form-group">
-                  <label for="film"><a class="btn btn-primary js-scroll-trigger" href="#projects" input type="submit" onclick='window.location.reload(false)'>Cliquez ici pour générer un film aléatoire</a> 
+          <form method="POST" action="." name="formulaire">
+			  <div class="form-group">
+			        <!--<input type = submit class="btn btn-primary js-scroll-trigger " href="#projects" value = "Cliquez ici pour générer un film2 aléatoire">-->
+                   <label for="film"><a class="btn btn-primary js-scroll-trigger" href="#projects" onclick="document.formulaire.submit();return false;" type="submit">Cliquez ici pour générer un film aléatoire</a>
             <br /><br /><br /><select name="genre" class="form-control flex-fill mr-0 mr-sm-2 mb-3 mb-sm-0" id="genre" style="text-align:center">
             <option value="">Tous les genres</option>
             <option value=18>Action</option>
@@ -65,7 +96,7 @@ defined('BASEPATH') OR exit('No direct script access allowed');
             <option value=878>Science-Fiction</option>
             </select>
             <br/>
-            <input type = submit class="form-control flex-fill mr-0 mr-sm-2 mb-3 mb-sm-0" value = "Modifier le genre">
+
 				    </label>
               </div>
           </form>
@@ -81,9 +112,9 @@ defined('BASEPATH') OR exit('No direct script access allowed');
           <div class="col-xl-4 col-lg-7">
 
             <?php 
-            if (isset($_GET["genre"]))
-            {
-              $rand=getRandomMovieWithGenre($_GET["genre"]);
+            if (isset($_POST["genre"]))
+			{
+              $rand=getRandomMovieWithGenre($_POST["genre"]);
             }
             else
             {
@@ -98,7 +129,7 @@ defined('BASEPATH') OR exit('No direct script access allowed');
               <h4><?php echo($rand['title'])?></h4>
               <p class="text-black-50 mb-0"><?php echo($rand['overview'])?></p>
               <br/>
-        <a class="btn btn-primary" href="index.php/welcome/fiche_film?id=<?php echo($rand['id'])?>" onclick='window.location.reload(false)'  >Voir la fiche du film</a>
+        <a class="btn btn-primary" href="index.php/welcome/fiche_film?id=<?php echo($rand['id'])?>" onclick="$('.loading').fadeIn(1);"  >Voir la fiche du film</a>
         <a class="btn btn-primary text-white" onclick='window.location.reload(false)'>Nouveau film</a>
             </div>
           </div>
@@ -166,24 +197,6 @@ defined('BASEPATH') OR exit('No direct script access allowed');
       </div>
     </section>
 
-    <!-- Signup Section -->
-    <section id="signup" class="signup-section">
-      <div class="container">
-        <div class="row">
-          <div class="col-md-10 col-lg-8 mx-auto text-center">
-
-            <i class="far fa-paper-plane fa-2x mb-2 text-white"></i>
-            <h2 class="text-white mb-5">Subscribe to receive updates!</h2>
-
-            <form class="form-inline d-flex">
-              <input type="email" class="form-control flex-fill mr-0 mr-sm-2 mb-3 mb-sm-0" id="inputEmail" placeholder="Enter email address...">
-              <button type="submit" class="btn btn-primary mx-auto">Subscribe</button>
-            </form>
-
-          </div>
-        </div>
-      </div>
-    </section>
 
     <!-- Contact Section -->
     <section class="contact-section bg-black">
diff --git a/src/WebApp/application/views/best_films.php b/src/WebApp/application/views/best_films.php
new file mode 100644
index 0000000000000000000000000000000000000000..d0cc77fa515a5961a75eb0f3495d2fa728b52612
--- /dev/null
+++ b/src/WebApp/application/views/best_films.php
@@ -0,0 +1,166 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: Quentin
+ * Date: 24/11/2018
+ * Time: 16:23
+ */
+defined('BASEPATH') OR exit('No direct script access allowed');
+include('getMovie.php');
+$array=getBestMovieArray();
+
+?><!DOCTYPE html>
+<html>
+<head>
+
+	<style>
+    .loading {
+	  position: fixed;
+	  left: 0px;
+	  top: 0px;
+	  width: 100%;
+	  height: 100%;
+	  z-index: 9999;
+	  background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
+    opacity: .8;
+    }
+
+  </style>
+
+	<link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+	<link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet">
+
+	<script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script>
+	<script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script>
+	<script src="<?php echo base_url(); ?>assets/js/new_film.js"></script>
+
+	<link href="<?php echo base_url(); ?>assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
+
+	<meta charset="utf-8">
+	<title>Meilleurs films - BingeWatcher</title>
+
+	<style type="text/css" media="screen">
+		.masthead {
+			position: relative;
+			width: 100%;
+			height: auto;
+			min-height: 35rem;
+			padding: 15rem 0;
+			background-position: center;
+			background-repeat: no-repeat;
+			background-attachment: scroll;
+			background-size: cover;
+		}
+
+	</style>
+
+
+</head>
+
+<body id="page-top">
+<div class="loading"></div>
+<script> $('.loading').fadeOut(1); </script>
+
+
+<!-- Navigation -->
+<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+	<div class="container">
+		<a class="navbar-brand js-scroll-trigger" href="../.." onclick="$('.loading').fadeIn(1);">Accueil</a>
+		<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+			Menu
+			<i class="fas fa-bars"></i>
+		</button>
+		<div class="collapse navbar-collapse" id="navbarResponsive">
+			<ul class="navbar-nav ml-auto">
+				<li class="nav-item">
+					<a class="nav-link js-scroll-trigger" href="#filtre">Filtre</a>
+				</li>
+				<li class="nav-item">
+					<a class="nav-link js-scroll-trigger" href="#class">Classement</a>
+				</li>
+			</ul>
+		</div>
+	</div>
+</nav>
+
+
+<header class="masthead">
+	<div class="container d-flex h-100 align-items-center">
+		<div class="mx-auto text-center">
+			<h1 class="mx-auto my-0 text-uppercase">Les meilleurs films</h1>
+		</div>
+	</div>
+</header>
+
+<br/><br/>
+
+<div class="container">
+
+	<div id="class" class="row align-items-center no-gutters mb-4 mb-lg-5">
+		<div class="featured-text text-center text-lg-left">
+			<h1>Les films les mieux notés</h1>
+			<div>
+				<table class="table borderless">
+					<tbody>
+					<tr>
+						<br/>
+						<?php
+						for($k=0; $k<1; $k++)
+						{
+							echo('<tr>');
+							for ($i = (0+5*$k); $i < (5+5*$k); $i++) {
+								echo('<td><br/><a href="fiche_film?id='.$array[$i]['id'].'" onclick="$(\'.loading\').fadeIn(1);"><img class="img-fluid img-thumbnail" width="100%" src="https://image.tmdb.org/t/p/w500/'.$array[$i]['poster_path'].'" alt="affiche du film"> <br/><br/><b><center>'.($i+1).'- '.$array[$i]['title'].'</center></b></a> </td>');
+							}
+							echo('</tr>');
+						}
+						?>
+					</tr
+					</tbody>
+				</table>
+				<table class="table borderless">
+					<tbody>
+					<tr>
+						<br/>
+						<?php
+						for($k=1; $k<4; $k++)
+						{
+							for ($i = (0+5*$k); $i < (5+5*$k); $i++) {
+								echo('<tr>');
+								echo('<td><a href="fiche_film?id='.$array[$i]['id'].'" onclick="$(\'.loading\').fadeIn(1);"> <b><center>'.($i + 1).'- '.$array[$i]['title'].'</center></b></a></td>');
+								echo('</tr>');
+							}
+						}
+						?>
+					</tr>
+					</tbody>
+				</table>
+			</div>
+		</div>
+	</div>
+	<br/>
+
+
+	<!-- Footer -->
+	<footer class="bg-white small text-center text-black-50">
+		<div class="container">
+			Copyright &copy; La team Zer Aka Pichet Hansen Gub Pruneau Barnum & Source (le sang de la veine cette équipe)
+		</div>
+	</footer>
+
+	<!-- Bootstrap core JavaScript -->
+	<script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script>
+	<script src="<?php echo base_url(); ?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+	<!-- Plugin JavaScript -->
+	<script src="<?php echo base_url(); ?>assets/vendor/jquery-easing/jquery.easing.min.js"></script>
+
+	<!-- Custom scripts for this template -->
+	<script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script>
+
+
+</div>
+</body>
+</html>
+
diff --git a/src/WebApp/application/views/connexion.php b/src/WebApp/application/views/connexion.php
new file mode 100644
index 0000000000000000000000000000000000000000..e6d7b0c09ad05b18be379fa8bbe9b06061af8076
--- /dev/null
+++ b/src/WebApp/application/views/connexion.php
@@ -0,0 +1,91 @@
+<?php
+defined('BASEPATH') OR exit('No direct script access allowed');
+?><!DOCTYPE html>
+<html>
+<head>
+<style>
+    .loading {
+	  position: fixed;
+	  left: 0px;
+	  top: 0px;
+	  width: 100%;
+	  height: 100%;
+	  z-index: 9999;
+	  background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
+    opacity: 0.8;
+    }
+
+  </style>
+
+    <link href="<?php echo base_url(); ?>application/css/styles.css" rel="stylesheet" >
+    <link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet">
+
+    <script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script>
+    <script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script>
+    <script src="<?php echo base_url(); ?>assets/js/new_film.js"></script>
+
+    <link href="<?php echo base_url(); ?>assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
+
+    <meta charset="utf-8">
+    <title>BingeWatcher</title>
+</head>
+<body id="page-top">
+<div class="loading"></div>
+<script> $('.loading').fadeOut(100); </script>
+
+<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+    <div class="container">
+        <a class="navbar-brand js-scroll-trigger" href="../.." onclick="$('.loading').fadeIn(1);">Accueil</a>
+    </div>
+</nav>
+
+
+<!-- Header -->
+<header class="masthead">
+    <div class="container d-flex h-100 align-items-center">
+        <div class="mx-auto text-center">
+            <h1 class="mx-auto my-0 text-uppercase">Connexion</h1>
+            <br><br><br>
+
+            <form action="connexion_success" method="POST">
+                <div class="form-group">
+                    <input class="form-control" name="email" id="email" type="email" placeholder="Email">
+                    <?php echo form_error("email");?>
+                </div>
+                <br>
+                <div class="form-group">
+                    <input class="form-control" name="password_c" id="password_c" type="password" placeholder="Mot de passe">
+                    <?php echo form_error("password_c");?>
+                </div>
+                <br>
+                <div>
+                    <button class="btn btn-primary mx-auto" name="login">Se connecter</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</header>
+
+
+<!-- Footer -->
+<footer class="bg-black small text-center text-white-50">
+    <div class="container">
+        Copyright &copy; La team Zer Aka Pichet Hansen Gub Pruneau Barnum & Source (le sang de la veine cette équipe)
+    </div>
+</footer>
+
+<!-- Bootstrap core JavaScript -->
+<script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script>
+<script src="<?php echo base_url(); ?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+<!-- Plugin JavaScript -->
+<script src="<?php echo base_url(); ?>assets/vendor/jquery-easing/jquery.easing.min.js"></script>
+
+<!-- Custom scripts for this template -->
+<script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/WebApp/application/views/connexion_success.php b/src/WebApp/application/views/connexion_success.php
new file mode 100644
index 0000000000000000000000000000000000000000..e3c79c318b4c3fbb3d44ef87dec787f3746f6aa5
--- /dev/null
+++ b/src/WebApp/application/views/connexion_success.php
@@ -0,0 +1,74 @@
+<?php
+defined('BASEPATH') OR exit('No direct script access allowed');
+?><!DOCTYPE html>
+<html>
+<head>
+
+    <style>
+    .loading {
+	  position: fixed;
+	  left: 0px;
+	  top: 0px;
+	  width: 100%;
+	  height: 100%;
+	  z-index: 9999;
+	  background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
+    opacity: 0.8;
+    }
+
+  </style>
+
+    <link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet">
+
+    <script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script>
+    <script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script>
+    <script src="<?php echo base_url(); ?>assets/js/new_film.js"></script>
+
+    <link href="<?php echo base_url(); ?>assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
+
+    <meta charset="utf-8">
+    <title>BingeWatcher</title>
+</head>
+<body id="page-top">
+<div class="loading"></div>
+<script> $('.loading').fadeOut(100); </script>
+
+<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+    <div class="container">
+        <a class="navbar-brand js-scroll-trigger" href="../.." onclick="$('.loading').fadeIn(1);">Accueil</a>
+    </div>
+</nav>
+
+
+<!-- Header -->
+<header class="masthead">
+    <div class="container d-flex h-100 align-items-center">
+        <div class="mx-auto text-center">
+            <h1 class="mx-0">Vous êtes connecté <?php echo $_SESSION['username']?>!</h1>
+        </div>
+    </div>
+</header>
+
+
+<!-- Footer -->
+<footer class="bg-black small text-center text-white-50">
+    <div class="container">
+        Copyright &copy; La team Zer Aka Pichet Hansen Gub Pruneau Barnum & Source (le sang de la veine cette équipe)
+    </div>
+</footer>
+
+<!-- Bootstrap core JavaScript -->
+<script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script>
+<script src="<?php echo base_url(); ?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+<!-- Plugin JavaScript -->
+<script src="<?php echo base_url(); ?>assets/vendor/jquery-easing/jquery.easing.min.js"></script>
+
+<!-- Custom scripts for this template -->
+<script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/WebApp/application/views/deconnexion.php b/src/WebApp/application/views/deconnexion.php
new file mode 100644
index 0000000000000000000000000000000000000000..2542692d1e95c742e4493b22dd5219995335ca39
--- /dev/null
+++ b/src/WebApp/application/views/deconnexion.php
@@ -0,0 +1,73 @@
+<?php
+defined('BASEPATH') OR exit('No direct script access allowed');
+?><!DOCTYPE html>
+<html>
+<head>
+<style>
+    .loading {
+	  position: fixed;
+	  left: 0px;
+	  top: 0px;
+	  width: 100%;
+	  height: 100%;
+	  z-index: 9999;
+	  background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
+    opacity: 0.8;
+    }
+
+  </style>
+
+    <link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet">
+
+    <script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script>
+    <script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script>
+    <script src="<?php echo base_url(); ?>assets/js/new_film.js"></script>
+
+    <link href="<?php echo base_url(); ?>assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
+
+    <meta charset="utf-8">
+    <title>BingeWatcher</title>
+</head>
+<body id="page-top">
+<div class="loading"></div>
+<script> $('.loading').fadeOut(100); </script>
+
+<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+    <div class="container">
+        <a class="navbar-brand js-scroll-trigger" href="../.." onclick="$('.loading').fadeIn(1);">Accueil</a>
+    </div>
+</nav>
+
+
+<!-- Header -->
+<header class="masthead">
+    <div class="container d-flex h-100 align-items-center">
+        <div class="mx-auto text-center">
+            <h1 class="mx-0">Vous êtes déconnecté!</h1>
+        </div>
+    </div>
+</header>
+
+
+<!-- Footer -->
+<footer class="bg-black small text-center text-white-50">
+    <div class="container">
+        Copyright &copy; La team Zer Aka Pichet Hansen Gub Pruneau Barnum & Source (le sang de la veine cette équipe)
+    </div>
+</footer>
+
+<!-- Bootstrap core JavaScript -->
+<script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script>
+<script src="<?php echo base_url(); ?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+<!-- Plugin JavaScript -->
+<script src="<?php echo base_url(); ?>assets/vendor/jquery-easing/jquery.easing.min.js"></script>
+
+<!-- Custom scripts for this template -->
+<script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/WebApp/application/views/fiche_acteur.php b/src/WebApp/application/views/fiche_acteur.php
new file mode 100644
index 0000000000000000000000000000000000000000..865d4c25bd7e0743fc69308db2ef330d35208cdf
--- /dev/null
+++ b/src/WebApp/application/views/fiche_acteur.php
@@ -0,0 +1,195 @@
+<?php
+defined('BASEPATH') OR exit('No direct script access allowed');
+include('getMovie.php');
+$id=$_GET['id'];
+$ActorArray=getActorArray($id);
+$CreditsArray=getCreditsArray($id);
+?><!DOCTYPE html>
+<html>
+<head>
+
+<style>
+    .loading {
+	  position: fixed;
+	  left: 0px;
+	  top: 0px;
+	  width: 100%;
+	  height: 100%;
+	  z-index: 9999;
+	  background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
+    opacity: .8;
+    }
+
+  </style>
+
+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+    <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
+
+	<link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+	<link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet">
+
+	<script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script>
+	<script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script>
+	<script src="<?php echo base_url(); ?>assets/js/new_film.js"></script>
+
+	<link href="<?php echo base_url(); ?>assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
+
+	<meta charset="utf-8">
+	<title><?php echo($ActorArray['name'])?> - BingeWatcher</title>
+
+	<style type="text/css" media="screen">
+		.masthead {
+			position: relative;
+			width: 100%;
+			height: 1%;
+			min-height: 35rem;
+			padding: 15rem 0;
+			background-position: center;
+			background-repeat: no-repeat;
+			background-attachment: scroll;
+			background-size: cover;
+		}
+
+	</style>
+
+
+</head>
+
+<body id="page-top">
+<div class="loading"></div>
+<script> $('.loading').fadeOut(1); </script>
+
+
+<!-- Navigation -->
+<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+	<div class="container">
+		<a class="navbar-brand js-scroll-trigger" href="../.." onclick="$('.loading').fadeIn(1);">Accueil</a>
+		<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+			Menu
+			<i class="fas fa-bars"></i>
+		</button>
+		<div class="collapse navbar-collapse" id="navbarResponsive">
+			<ul class="navbar-nav ml-auto">
+				<li class="nav-item">
+					<a class="nav-link js-scroll-trigger" href="#resume">Biographie et Informations</a>
+				</li>
+				<li class="nav-item">
+					<a class="nav-link js-scroll-trigger" href="#filmographie">Filmographie</a>
+				</li>
+			</ul>
+		</div>
+	</div>
+</nav>
+
+
+	<header class="masthead">
+		<div class="container d-flex h-100 align-items-center">
+			<div class="mx-auto text-center">
+				<h1 class="mx-auto my-0 text-uppercase"><?php echo($ActorArray['name'])?></h1>
+			</div>
+		</div>
+	</header>
+
+<br/><br/>
+
+<div class="container">
+
+	<!-- Featured Project Row -->
+	<div id="resume" class="row align-items-center no-gutters mb-4 mb-lg-5">
+		<div class="col-xl-6 col-lg-6">
+			<img class="img-fluid mb-3 mb-lg-0" src="https://image.tmdb.org/t/p/w500/<?php echo($ActorArray['profile_path'])?>" alt="photo de profil">
+		</div>
+		<div class="col-xl-6 col-lg-6">			
+			<div class="table-responsive">
+            <h3> Biographie et Informations </h3>
+            <br/>
+				<table class="table borderless">
+					<tbody>
+                    <tr>
+						<td style="text-align: right;">Sexe :</td>
+						<td>
+							<?php if ($ActorArray['gender'] == "2") {echo("Homme");} else {echo("Femme");}?>
+						</td>
+					</tr>
+					<tr>
+						<td style="text-align: right;">Date de naissance :</td>
+						<td>
+							<?php echo($ActorArray['birthday'])?>
+						</td>
+					</tr>
+                    <tr>
+						<td style="text-align: right;">Lieu de naissance :</td>
+						<td>
+                            <?php echo($ActorArray['place_of_birth'])?>
+						</td>
+					</tr>
+					<tr>
+						<td style="text-align: right;">Date de décès :</td>
+						<td>
+                            <?php echo($ActorArray['deathday'])?>
+						</td>
+					</tr>
+					<tr>
+						<td style="text-align: right;">Popularité :</td>
+						<td>
+                        <?php echo($ActorArray['popularity'])?>
+						</td>
+					</tr>
+					</tbody>
+
+				</table>
+			</div>
+            <br/><br/>
+            <div class="featured-text text-center text-lg-left">
+				<p class="text-black-50 mb-0"><?php echo($ActorArray['biography'])?></p>
+			</div>
+		</div>
+	</div>
+	<br/>
+
+	<div id="filmographie" class="row align-items-center no-gutters mb-4 mb-lg-5">
+		<div class="featured-text text-center text-lg-left">
+			<h3>Filmographie :</h3>
+
+			<div>
+				<table class="table borderless">
+					<tbody>
+					 	<tr>
+							<?php
+							{
+								for ($i = 0; $i < 5; $i++) {
+									echo('<td><a href="fiche_film?id='.$CreditsArray['results'][$i]['id'].'" onclick="$(\'.loading\').fadeIn(1);"> <img class="img-fluid img-thumbnail"  width="100%" src="https://image.tmdb.org/t/p/w500/'.$CreditsArray['results'][$i]['poster_path'].'" alt="photo du film"> <br/><center>'.$CreditsArray['results'][$i]['title'].'</center></a>');
+								}
+							}
+							?>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+		</div>
+	</div>
+
+	<!-- Footer -->
+	<footer class="bg-white small text-center text-black-50">
+		<div class="container">
+			Copyright &copy; La team Zer Aka Pichet Hansen Gub Pruneau Barnum & Source (le sang de la veine cette équipe)
+		</div>
+	</footer>
+
+	<!-- Bootstrap core JavaScript -->
+	<script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script>
+	<script src="<?php echo base_url(); ?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+	<!-- Plugin JavaScript -->
+	<script src="<?php echo base_url(); ?>assets/vendor/jquery-easing/jquery.easing.min.js"></script>
+
+	<!-- Custom scripts for this template -->
+	<script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script>
+
+
+</div>
+</body>
+</html>
+
diff --git a/src/WebApp/application/views/fiche_film.php b/src/WebApp/application/views/fiche_film.php
index 2c91b2215e444b4a32fbef98ee5ed96aa2bfd416..915874fc01584f9249998f4bf2504367fc648dab 100644
--- a/src/WebApp/application/views/fiche_film.php
+++ b/src/WebApp/application/views/fiche_film.php
@@ -7,10 +7,30 @@
 defined('BASEPATH') OR exit('No direct script access allowed');
 include('getMovie.php');
 $id=$_GET['id'];
+$MovieArray=getMovieArray($id);
+$CastArray=getMovieCastArray($id);
+$RecommendationArray=getMovieRecommendationArray($id);
 ?><!DOCTYPE html>
 <html>
 <head>
 
+<style>
+    .loading {
+	  position: fixed;
+	  left: 0px;
+	  top: 0px;
+	  width: 100%;
+	  height: 100%;
+	  z-index: 9999;
+	  background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
+    opacity: .8;
+    }
+
+  </style>
+
+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+    <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
+
 	<link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 	<link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet">
 
@@ -23,7 +43,7 @@ $id=$_GET['id'];
 	<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
 
 	<meta charset="utf-8">
-	<title><?php echo(getMovieArray($id)['title'])?> - BingeWatcher</title>
+	<title><?php echo($MovieArray['title'])?> - BingeWatcher</title>
 
 	<style type="text/css" media="screen">
 		.masthead {
@@ -33,7 +53,7 @@ $id=$_GET['id'];
 			min-height: 35rem;
 			padding: 15rem 0;
 			background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 22, 22, 0.1)), color-stop(75%, rgba(22, 22, 22, 0.5)), to(#161616)), url("https://image.tmdb.org/t/p/w500/<?php echo(getMovieArray(297762)['backdrop_path'])?>");
-			background: linear-gradient(to bottom, rgba(22, 22, 22, 0.1) 0%, rgba(22, 22, 22, 0.5) 75%, #161616 100%), url("https://image.tmdb.org/t/p/w500/<?php echo(getMovieArray($id)['backdrop_path'])?>");
+			background: linear-gradient(to bottom, rgba(22, 22, 22, 0.1) 0%, rgba(22, 22, 22, 0.5) 75%, #161616 100%), url("https://image.tmdb.org/t/p/w500/<?php echo($MovieArray['backdrop_path'])?>");
 			background-position: center;
 			background-repeat: no-repeat;
 			background-attachment: scroll;
@@ -46,12 +66,14 @@ $id=$_GET['id'];
 </head>
 
 <body id="page-top">
+<div class="loading"></div>
+<script> $('.loading').fadeOut(1); </script>
 
 
 <!-- Navigation -->
 <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
 	<div class="container">
-		<a class="navbar-brand js-scroll-trigger" href="../..">Accueil</a>
+		<a class="navbar-brand js-scroll-trigger" href="../.." onclick="$('.loading').fadeIn(1);">Accueil</a>
 		<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
 			Menu
 			<i class="fas fa-bars"></i>
@@ -79,7 +101,7 @@ $id=$_GET['id'];
 	<header class="masthead">
 		<div class="container d-flex h-100 align-items-center">
 			<div class="mx-auto text-center">
-				<h1 class="mx-auto my-0 text-uppercase"><?php echo(getMovieArray($id)['title'])?></h1>
+				<h1 class="mx-auto my-0 text-uppercase"><?php echo($MovieArray['title'])?></h1>
 			</div>
 		</div>
 	</header>
@@ -91,11 +113,11 @@ $id=$_GET['id'];
 	<!-- Featured Project Row -->
 	<div id="resume" class="row align-items-center no-gutters mb-4 mb-lg-5">
 		<div class="col-xl-6 col-lg-6">
-			<img class="img-fluid mb-3 mb-lg-0" src="https://image.tmdb.org/t/p/w500/<?php echo(getMovieArray($id)['poster_path'])?>" alt="affiche du film">
+			<img class="img-fluid mb-3 mb-lg-0" src="https://image.tmdb.org/t/p/w500/<?php echo($MovieArray['poster_path'])?>" alt="affiche du film">
 		</div>
 		<div class="col-xl-6 col-lg-6">
 			<div class="featured-text text-center text-lg-left">
-				<p class="text-black-50 mb-0"><?php echo(getMovieArray($id)['overview'])?></p>
+				<p class="text-black-50 mb-0"><?php echo($MovieArray['overview'])?></p>
 			</div>
 			<br/><br/>
 			<div class="table-responsive">
@@ -104,7 +126,7 @@ $id=$_GET['id'];
 					<tr>
 						<td style="text-align: right;">Genre :</td>
 						<td>
-							<?php foreach(getMovieArray($id)['genres'] as $tab)
+							<?php foreach($MovieArray['genres'] as $tab)
 							{
 								echo($tab['name'].' / ');
 							}
@@ -114,7 +136,7 @@ $id=$_GET['id'];
 					<tr>
 						<td style="text-align: right;">De :</td>
 						<td>
-							<?php foreach(getMovieCastArray($id)['crew'] as $tab)
+							<?php foreach($CastArray['crew'] as $tab)
 							{
 								if($tab['job']=="Director")
 								{
@@ -127,7 +149,7 @@ $id=$_GET['id'];
 					<tr>
 						<td style="text-align: right;">Ecrit par :</td>
 						<td>
-							<?php foreach(getMovieCastArray($id)['crew'] as $tab)
+							<?php foreach($CastArray['crew'] as $tab)
 							{
 								if($tab['job']=="Story")
 								{
@@ -139,24 +161,24 @@ $id=$_GET['id'];
 					</tr>
 					<tr>
 						<td style="text-align: right;">Date de sortie :</td>
-						<td><?php echo(getMovieArray($id)['release_date'])?></td>
+						<td><?php echo($MovieArray['release_date'])?></td>
 					</tr>
 					<tr>
 						<td style="text-align: right;">Durée :</td>
-						<td><?php echo(getMovieArray($id)['runtime'])?></td>
+						<td><?php echo($MovieArray['runtime'])?></td>
 					</tr>
 					<tr>
 						<td style="text-align: right;">Budget :</td>
-						<td><?php echo(getMovieArray($id)['budget'])?></td>
+						<td><?php echo($MovieArray['budget'])?></td>
 					</tr>
 					<tr>
 						<td style="text-align: right;">Box-Office :</td>
-						<td><?php echo(getMovieArray($id)['revenue'])?></td>
+						<td><?php echo($MovieArray['revenue'])?></td>
 					</tr>
 					<tr>
 						<td style="text-align: right;">Nationalité :</td>
 						<td>
-							<?php foreach(getMovieArray($id)['production_countries'] as $tab)
+							<?php foreach($MovieArray['production_countries'] as $tab)
 							{
 								echo($tab['name'].' / ');
 							}
@@ -165,7 +187,7 @@ $id=$_GET['id'];
 					</tr>
 					<tr>
 						<td style="text-align: right;">Langue originale :</td>
-						<td><?php echo(getMovieArray($id)['original_language'])?></td>
+						<td><?php echo($MovieArray['original_language'])?></td>
 					</tr>
 					</tbody>
 				</table>
@@ -187,7 +209,7 @@ $id=$_GET['id'];
 						{
 							echo('<tr>');
 							for ($i = (0+5*$k); $i < (5+5*$k); $i++) {
-								echo('<td><a href="https://www.google.com/search?q='.str_replace(' ', '+', getMovieCastArray($id)['cast'][$i]['name']).'"><img class="img-fluid img-thumbnail" width="100%" src="https://image.tmdb.org/t/p/w500/'.getMovieCastArray($id)['cast'][$i]['profile_path'].'" alt="photo de l\'acteur/actrice"> <br/>'.getMovieCastArray($id)['cast'][$i]['name'].'<br/><p class="text-black-50 mb-0">'.getMovieCastArray($id)['cast'][$i]['character'].'</p></a></td>');
+								echo('<td><a href="https://www.google.com/search?q='.str_replace(' ', '+', $CastArray['cast'][$i]['name']).'"><img class="img-fluid img-thumbnail" width="100%" src="https://image.tmdb.org/t/p/w500/'.$CastArray['cast'][$i]['profile_path'].'" alt="photo de l\'acteur/actrice"> <br/>'.$CastArray['cast'][$i]['name'].'<br/><p class="text-black-50 mb-0">'.$CastArray['cast'][$i]['character'].'</p></a></td>');
 							}
 							echo('</tr>');
 						}
@@ -226,7 +248,7 @@ $id=$_GET['id'];
 							<?php
 							{
 								for ($i = 0; $i < 5; $i++) {
-									echo('<td><a href="fiche_film?id='.getMovieRecommendationArray($id)['results'][$i]['id'].'" > <img class="img-fluid img-thumbnail"  width="100%" src="https://image.tmdb.org/t/p/w500/'.getMovieRecommendationArray($id)['results'][$i]['poster_path'].'" alt="photo du film"> </a> <br/><center>'.getMovieRecommendationArray($id)['results'][$i]['title'].'</center>');
+									echo('<td><a href="fiche_film?id='.$RecommendationArray['results'][$i]['id'].'" onclick="$(\'.loading\').fadeIn(1);"> <img class="img-fluid img-thumbnail"  width="100%" src="https://image.tmdb.org/t/p/w500/'.$RecommendationArray['results'][$i]['poster_path'].'" alt="photo du film"> </a> <br/><center>'.$RecommendationArray['results'][$i]['title'].'</center>');
 								}
 							}
 							?>
diff --git a/src/WebApp/application/views/fiche_film1.php b/src/WebApp/application/views/fiche_film1.php
new file mode 100644
index 0000000000000000000000000000000000000000..1950b790f885075ee314c5b92e84526c668cf5fe
--- /dev/null
+++ b/src/WebApp/application/views/fiche_film1.php
@@ -0,0 +1,132 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: Quentin
+ * Date: 27/10/2018
+ */
+defined('BASEPATH') OR exit('No direct script access allowed');
+include('getMovie.php');
+$id=$_GET['id'];
+$MovieArray=getMovieArray($id);
+$CastArray=getMovieCastArray($id);
+$RecommendationArray=getMovieRecommendationArray($id);
+?><!DOCTYPE html>
+<html>
+<head>
+
+	<style>
+    .loading {
+	  position: fixed;
+	  left: 0px;
+	  top: 0px;
+	  width: 100%;
+	  height: 100%;
+	  z-index: 9999;
+	  background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
+    opacity: .8;
+    }
+
+  	</style>
+
+	<link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+	<link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet">
+
+	<script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script>
+	<script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script>
+	<script src="<?php echo base_url(); ?>assets/js/new_film.js"></script>
+
+	<link href="<?php echo base_url(); ?>assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
+
+	<meta charset="utf-8">
+	<title><?php echo($MovieArray['title'])?> - BingeWatcher</title>
+
+	<style type="text/css" media="screen">
+		.masthead {
+			position: relative;
+			width: 100%;
+			height: auto;
+			min-height: 35rem;
+			padding: 15rem 0;
+			background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 22, 22, 0.1)), color-stop(75%, rgba(22, 22, 22, 0.5)), to(#161616)), url("https://image.tmdb.org/t/p/w500/<?php echo(getMovieArray(297762)['backdrop_path'])?>");
+			background: linear-gradient(to bottom, rgba(22, 22, 22, 0.1) 0%, rgba(22, 22, 22, 0.5) 75%, #161616 100%), url("https://image.tmdb.org/t/p/w500/<?php echo($MovieArray['backdrop_path'])?>");
+			background-position: center;
+			background-repeat: no-repeat;
+			background-attachment: scroll;
+			background-size: cover;
+		}
+
+	</style>
+
+
+</head>
+
+<body id="page-top">
+<div class="loading"></div>
+<script> $('.loading').fadeOut(1); </script>
+
+
+<!-- Navigation -->
+<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+	<div class="container">
+		<a class="navbar-brand js-scroll-trigger" href="../.." onclick="$('.loading').fadeIn(1);">Accueil</a>
+		<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+			Menu
+			<i class="fas fa-bars"></i>
+		</button>
+		<div class="collapse navbar-collapse" id="navbarResponsive">
+			<ul class="navbar-nav ml-auto">
+				<li class="nav-item">
+					<a class="nav-link js-scroll-trigger" href="#resume">Résumé et Informations</a>
+				</li>
+				<li class="nav-item">
+					<a class="nav-link js-scroll-trigger" href="#cast">Casting</a>
+				</li>
+				<li class="nav-item">
+					<a class="nav-link js-scroll-trigger" href="#trailer">Trailer</a>
+				</li>
+				<li class="nav-item">
+					<a class="nav-link js-scroll-trigger" href="#recommendations">Recommandations</a>
+				</li>
+			</ul>
+		</div>
+	</div>
+</nav>
+
+
+	<header class="masthead">
+		<div class="container d-flex h-100 align-items-center">
+			<div class="mx-auto text-center">
+				<h1 class="mx-auto my-0 text-uppercase"><?php echo($MovieArray['title'])?></h1>
+			</div>
+		</div>
+	</header>
+
+<br/><br/>
+
+<div class="container">
+
+	<!-- Featured Project Row -->
+<?php
+//$this->load->database();
+function set_vu_true(){
+    $data = array(
+        'mail' => "test",
+        'password' => "test",
+    );
+
+    //$this->db->insert('utilisateur', $data);
+}
+//$this->load->library('session');
+if(isset($_SESSION['username'])){
+    echo "<a class='btn btn-primary text-white' onclick='set_vu_true();' >Marquer comme vu</a>";
+    echo"<br/><div class=\"rating\">Note :
+                     <a href=\"#5\" title=\"Donner 1 étoiles\">☆</a><!--
+                     --><a href=\"#4\" title=\"Donner 2 étoiles\" >☆</a><!--
+                     --><a href=\"#3\" title=\"Donner 3 étoiles\"  >☆</a><!--
+                     --><a href=\"#2\" title=\"Donner 4 étoiles\" >☆</a><!--
+                     --><a href=\"#1\" title=\"Donner 5 étoile\" >☆</a>
+                    </div>";
+}
+?>
\ No newline at end of file
diff --git a/src/WebApp/application/views/fiche_film2.php b/src/WebApp/application/views/fiche_film2.php
new file mode 100644
index 0000000000000000000000000000000000000000..dc1f6aa1dc1915ca31a3bd52a0cbd4c4fa85f879
--- /dev/null
+++ b/src/WebApp/application/views/fiche_film2.php
@@ -0,0 +1,182 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: corentin
+ * Date: 29/11/18
+ * Time: 00:04
+ */
+defined('BASEPATH') OR exit('No direct script access allowed');
+
+$id=$_GET['id'];
+$MovieArray=getMovieArray($id);
+$CastArray=getMovieCastArray($id);
+$RecommendationArray=getMovieRecommendationArray($id);?>
+<div id="resume" class="row align-items-center no-gutters mb-4 mb-lg-5">
+		<div class="col-xl-6 col-lg-6">
+			<img class="img-fluid mb-3 mb-lg-0" src="https://image.tmdb.org/t/p/w500/<?php echo($MovieArray['poster_path'])?>" alt="affiche du film">
+		</div>
+		<div class="col-xl-6 col-lg-6">
+			<div class="featured-text text-center text-lg-left">
+				<p class="text-black-50 mb-0"><?php echo($MovieArray['overview'])?></p>
+</div>
+<br/><br/>
+<div class="table-responsive">
+    <table class="table borderless">
+        <tbody>
+        <tr>
+            <td style="text-align: right;">Genre :</td>
+            <td>
+                <?php foreach($MovieArray['genres'] as $tab)
+                {
+                    echo($tab['name'].' / ');
+                }
+                ?>
+            </td>
+        </tr>
+        <tr>
+            <td style="text-align: right;">De :</td>
+            <td>
+                <?php foreach($CastArray['crew'] as $tab)
+                {
+                    if($tab['job']=="Director")
+                    {
+                        echo($tab['name'].' / ');
+                    }
+                }
+                ?>
+            </td>
+        </tr>
+        <tr>
+            <td style="text-align: right;">Ecrit par :</td>
+            <td>
+                <?php foreach($CastArray['crew'] as $tab)
+                {
+                    if($tab['job']=="Story")
+                    {
+                        echo($tab['name'].' / ');
+                    }
+                }
+                ?>
+            </td>
+        </tr>
+        <tr>
+            <td style="text-align: right;">Date de sortie :</td>
+            <td><?php echo($MovieArray['release_date'])?></td>
+        </tr>
+        <tr>
+            <td style="text-align: right;">Durée :</td>
+            <td><?php echo($MovieArray['runtime'])?></td>
+        </tr>
+        <tr>
+            <td style="text-align: right;">Budget :</td>
+            <td><?php echo($MovieArray['budget'])?></td>
+        </tr>
+        <tr>
+            <td style="text-align: right;">Box-Office :</td>
+            <td><?php echo($MovieArray['revenue'])?></td>
+        </tr>
+        <tr>
+            <td style="text-align: right;">Nationalité :</td>
+            <td>
+                <?php foreach($MovieArray['production_countries'] as $tab)
+                {
+                    echo($tab['name'].' / ');
+                }
+                ?>
+            </td>
+        </tr>
+        <tr>
+            <td style="text-align: right;">Langue originale :</td>
+            <td><?php echo($MovieArray['original_language'])?></td>
+        </tr>
+        </tbody>
+    </table>
+</div>
+</div>
+</div>
+<br/>
+
+<div id="cast" class="row align-items-center no-gutters mb-4 mb-lg-5">
+    <div class="featured-text text-center text-lg-left">
+        <h3>Casting</h3>
+
+        <div>
+            <table class="table borderless">
+                <tbody>
+                <tr>
+                    <?php
+                    for($k=0; $k<1; $k++)
+                    {
+                        echo('<tr>');
+                        for ($i = (0+5*$k); $i < (5+5*$k); $i++) {
+                            echo('<td><a href="fiche_acteur?id='.$CastArray['cast'][$i]['id'].'" onclick="$(\'.loading\').fadeIn(1);"><img class="img-fluid img-thumbnail" width="100%" src="https://image.tmdb.org/t/p/w500/'.$CastArray['cast'][$i]['profile_path'].'" alt="photo de l\'acteur/actrice"> <br/>'.$CastArray['cast'][$i]['name'].'<br/><p class="text-black-50 mb-0">'.$CastArray['cast'][$i]['character'].'</p></a></td>');
+                        }
+                        echo('</tr>');
+                    }
+                    ?>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+<br/>
+<div id="trailer" class="row align-items-center no-gutters mb-4 mb-lg-5">
+    <div class="featured-text text-center text-lg-left">
+        <h3>Trailer</h3>
+    </div>
+</div>
+<div class="row align-items-center no-gutters mb-4 mb-lg-5">
+    <div class="col-xl-2 col-lg-2">
+    </div>
+    <div class="col-xl-8 col-lg-8">
+        <center><iframe width="100%" height="350" src="https://www.youtube.com/embed/<?php echo(getMovieVideoArray($id)['results']['0']['key'])?>" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></center>
+    </div>
+    <div class="col-xl-2 col-lg-2">
+    </div>
+</div>
+
+
+<div id="recommendations" class="row align-items-center no-gutters mb-4 mb-lg-5">
+    <div class="featured-text text-center text-lg-left">
+        <h3>Si vous aimez ce film vous aimerez aussi :</h3>
+
+        <div>
+            <table class="table borderless">
+                <tbody>
+                <tr>
+                    <?php
+                    {
+                        for ($i = 0; $i < 5; $i++) {
+                            echo('<td><a href="fiche_film?id='.$RecommendationArray['results'][$i]['id'].'" onclick="$(\'.loading\').fadeIn(1);"> <img class="img-fluid img-thumbnail"  width="100%" src="https://image.tmdb.org/t/p/w500/'.$RecommendationArray['results'][$i]['poster_path'].'" alt="photo du film">  <br/><center>'.$RecommendationArray['results'][$i]['title'].'</center></a>');
+                        }
+                    }
+                    ?>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+
+<!-- Footer -->
+<footer class="bg-white small text-center text-black-50">
+    <div class="container">
+        Copyright &copy; La team Zer Aka Pichet Hansen Gub Pruneau Barnum & Source (le sang de la veine cette équipe)
+    </div>
+</footer>
+
+<!-- Bootstrap core JavaScript -->
+<script src="<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script>
+<script src="<?php echo base_url(); ?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+<!-- Plugin JavaScript -->
+<script src="<?php echo base_url(); ?>assets/vendor/jquery-easing/jquery.easing.min.js"></script>
+
+<!-- Custom scripts for this template -->
+<script src="<?php echo base_url(); ?>assets/js/grayscale.min.js"></script>
+
+
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/WebApp/application/views/getMovie.php b/src/WebApp/application/views/getMovie.php
index 8cfc4a357187b896498029397d4bdc92307b2d52..a038cac75154dc96ad98074b0225f4166c31629d 100644
--- a/src/WebApp/application/views/getMovie.php
+++ b/src/WebApp/application/views/getMovie.php
@@ -48,6 +48,15 @@ function getMovieRecommendationArray($id)
 	return $movie_array;
 }
 
+function getBestMovieArray()
+{
+	$tmdb_url='https://api.themoviedb.org/3/discover/movie?api_key=7ac6810245f15284418f2a15b9b22225&language=fr-FR&sort_by=vote_average.desc&vote_count.gte=10000';
+	$movie_json = file_get_contents($tmdb_url);
+	$movie_array = json_decode($movie_json, true);
+
+	return $movie_array['results'];
+}
+
 function getRandomMovie()
 {
     $input = array(28,329,299536,157336,578,13183,597,118340,111,68718,1271,16869,348,807,27205,553974,1895,274,497,78,65,238,769,500,3082,37165,200,300,600,100,550,115,155,165,175,180,185,215,235,240,275,280,380,415,435,440,475,565,595,605,620,640,650,680,710,406,313369,11324);
@@ -88,4 +97,23 @@ function getRandomMovieWithGenre($genre)
 }
 $title = getRandomMovie();
 
+function getActorArray($actor_id)
+{
+	$tmdb_url = 'https://api.themoviedb.org/3/person/' . $actor_id . '?api_key=7ac6810245f15284418f2a15b9b22225&language=fr-FR';
+	$actor_json = file_get_contents($tmdb_url);
+	$actor_array = json_decode($actor_json, true);
+
+	return $actor_array;
+}
+
+function getCreditsArray($actor_id)
+{
+	$tmdb_url = 'http://api.themoviedb.org/3/discover/movie?api_key=7ac6810245f15284418f2a15b9b22225&with_cast=' . $actor_id . '&language=fr-FR';
+	$credits_json = file_get_contents($tmdb_url);
+	$credits_array = json_decode($credits_json, true);
+
+	return $credits_array;
+}
+
+
 ?>
diff --git a/src/WebApp/application/views/inscription.php b/src/WebApp/application/views/inscription.php
index 064de09f32c7ca35f51e7e3d8bd835a315c43660..67b86227206e89d5f414ffdc04b099e548353fc3 100644
--- a/src/WebApp/application/views/inscription.php
+++ b/src/WebApp/application/views/inscription.php
@@ -4,6 +4,21 @@ defined('BASEPATH') OR exit('No direct script access allowed');
 <html>
 <head>
 
+    <style>
+    .loading {
+	  position: fixed;
+	  left: 0px;
+	  top: 0px;
+	  width: 100%;
+	  height: 100%;
+	  z-index: 9999;
+	  background: url('https://web.archive.org/web/20170914202017im_/http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
+    opacity: 0.8;
+    }
+
+  </style>
+
+    <link href="<?php echo base_url(); ?>application/css/styles.css" rel="stylesheet" >
     <link href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
     <link href="<?php echo base_url(); ?>assets/css/grayscale.min.css" rel="stylesheet">
 
@@ -19,10 +34,12 @@ defined('BASEPATH') OR exit('No direct script access allowed');
     <title>BingeWatcher</title>
 </head>
 <body id="page-top">
+<div class="loading"></div>
+<script> $('.loading').fadeOut(100); </script>
 
 <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
     <div class="container">
-        <a class="navbar-brand js-scroll-trigger" href="../..">Accueil</a>
+        <a class="navbar-brand js-scroll-trigger" href="../.." onclick="$('.loading').fadeIn(1);" >Accueil</a>
     </div>
 </nav>
 
diff --git a/src/WebApp/application/views/inscription_success.php b/src/WebApp/application/views/inscription_success.php
index 67c1f9c53eeffbad05491c020316085a6d1a7a76..7d59dbffedd66b8701bd9f7cedce7502c0d4802f 100644
--- a/src/WebApp/application/views/inscription_success.php
+++ b/src/WebApp/application/views/inscription_success.php
@@ -22,7 +22,7 @@ defined('BASEPATH') OR exit('No direct script access allowed');
 
 <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
     <div class="container">
-        <a class="navbar-brand js-scroll-trigger" href="../..">Retour</a>
+        <a class="navbar-brand js-scroll-trigger" href="../..">Accueil</a>
     </div>
 </nav>
 
diff --git a/src/WebApp/assets/img/page-loader.gif b/src/WebApp/assets/img/page-loader.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ae90a50748b577dfede3a86f91419ab6f80af865
Binary files /dev/null and b/src/WebApp/assets/img/page-loader.gif differ