diff --git a/public/espace_perso.php b/public/espace_perso.php
index 41b5252b2d9087784f68e6c934147d3d2cc2303a..e6e14e7331d62408452be3b4cead62e24a72fd52 100644
--- a/public/espace_perso.php
+++ b/public/espace_perso.php
@@ -50,36 +50,43 @@ $listeCDCperso = $coupdecoeurRepository->fetchByIdUser($_SESSION["id_user"]);
   <?php
   generateNavBar('espace_perso');
   ?>
-  <h1>Ceci est la page de votre espace personnel</h1>
+  <h1 class="titre">Ceci est la page de votre espace personnel</h1>
 
-  <h3> Changement de mot de passe</h3>
+  <h5 class="titre"> Changement mot de passe</h5>
   <a href="modif_mdp.php"><button>Changer mon mot de passe</button></a>
 	
 
 
   <!-- bibliothèque personnelle de l'utilisateur -->
-  <div class="CoupDeCoeur">
-    <h3>Vos images coup de coeur :</h3>
-    <!-- liste des coups de coeur de l'utilisateur -->
+  <!-- balise cachée contenant la liste des images coup de coeur -->
     <div id="CDClist" style="display: none">
       <?php foreach($listeCDCperso as $CDC): ?>
         <li><?php echo $CDC->getIdPhoto(); ?></li>
       <?php endforeach; ?>
     </div>
-    <div id="CDCdisplayArea"><div class="spinner-border text-dark"></div></div>
-  </div>
-
-
-  <!-- bibliothèque personnelle des images notées par l'utilisateur -->
-  <div class="Reviewed">
-    <h3>Les images que vous avez noté</h3>
+  <!-- balise cachée contenant la liste des images notées -->
     <div id="Reviewlist" style="display: none">
       <?php foreach($listeReviewperso as $Review): ?>
         <li><?php echo $Review->getIdPhoto(); ?></li>
       <?php endforeach; ?>
     </div>
+
+
+  <div class="row">
+
+  <div class="col CoupDeCoeur">
+    <h3 class="titre">Vos images coup de coeur :</h3>
+    <!-- liste des coups de coeur de l'utilisateur -->
+    <div id="CDCdisplayArea"><div class="spinner-border text-dark"></div></div>
+  </div>
+
+
+  <!-- bibliothèque personnelle des images notées par l'utilisateur -->
+  <div class="col Reviewed">
+    <h3 class="titre">Les images que vous avez note :</h3>
     <div id="ReviewdisplayArea"><div class="spinner-border text-dark"></div></div>
     </div>
+  </div>
 
 
   </div>
diff --git a/public/js/picture_displayer.js b/public/js/picture_displayer.js
index a793ca8714572283d2fa93df02f63cac1eaa6d34..1d8ad5b25248ae7e42dee88685b0a5ac39c4ce15 100644
--- a/public/js/picture_displayer.js
+++ b/public/js/picture_displayer.js
@@ -20,30 +20,27 @@ var displayer = {
 		// 	console.log($(this).text());
 			var currentID = intListToString($(this).text());
 			// console.log(currentID);
-			requestHandler.retrieveJsonFromUrl('https://images-api.nasa.gov/asset/'+currentID, function(json) {
-				console.log("coucou");
-				console.log(json);
-				$('#'+whereToDisplay+'row').append('<div class="col">'+
-					'<div class="view container-fluid">'+
+			requestHandler.retrieveJsonFromUrl('https://images-api.nasa.gov/search?nasa_id='+currentID, function(json) {
+				var real_im = json.collection.items[0];
+				$('#'+whereToDisplay+'row').append('<div class="view container-fluid">'+
 					'<div class="hover-container" style="margin: 3px">'+
-						'<img class="img-fluid" style="margin: 4px" src='+json.collection.items[2].href+'>'+
+						'<img class="img-fluid" style="margin: 4px" src='+real_im.links[0].href+'>'+
 						'<div class="content">'+
-				// '<div class="text scrollbar">'+
-				// 	'<h4><?php echo $image->{'data'}[0]->{'title'} ?></h4>'+
-				// 	'<p style="font-size: 15px"><?php echo $image->{'data'}[0]->{'description'} ?></p>'+
-				// '</div>'+
+							'<div class="text scrollbar">'+
+								'<h4>'+real_im.data[0].title+'</h4>'+
+								'<p style="font-size: 15px">'+real_im.data[0].description+'</p>'+
+							'</div>'+
 							'<div class="actionrow" style="left: -120px;">'+
 								'<form method="POST" action="download.php" target="_blank">'+
-									'<input type="hidden" name="urlget" value="'+correctionURLLink(json.collection.items[5].href)+'">'+
+									'<input type="hidden" name="urlget" value="'+correctionURLLink(real_im.href)+'">'+
 									'<input type="hidden" name="nasa_id" value="'+currentID+'">'+
-									'<input type="hidden" name="title" value="img-nasa">'+
-									'<input type="hidden" name="preview" value='+json.collection.items[2].href+'>'+
+									'<input type="hidden" name="title" value="'+real_im.data[0].title+'">'+
+									'<input type="hidden" name="preview" value="'+real_im.links[0].href+'"">'+
 									'<input type="image" name="submit" alt="Submit" class="download" width="13%" src="./ressources/icons/dwnld.png" onmouseover="this.src=\'./ressources/icons/dwnldVert.png\'" onmouseout="this.src=\'./ressources/icons/dwnld.png\'">'+
 								'</form>'+
 							'</div>'+
 						'</div>'+
 					'</div>'+
-				'</div>'+
 				'</div>');
 			});
 		});
diff --git a/public/leaderboard.php b/public/leaderboard.php
index 04127bc447c258a65ed230220e4474de5ccadaed..e3909a2378952fa9af932e41dcad5e9919526f91 100644
--- a/public/leaderboard.php
+++ b/public/leaderboard.php
@@ -72,11 +72,13 @@ urlHasArgument();
 		<?php endforeach; ?>
 	</div>
 
-	<h1>Note</h1>
+	<h1 class="titre">Images les mieux notees</h1>
 	<div id="NoteLeaderboardDisplayArea"></div>
 	<br/>
+	<br/>
+	<br/>
 
-	<h1>CDC</h1>
+	<h1 class="titre">Image les plus aimes</h1>
 
 	<div id="CDCLeaderboardDisplayArea"></div>