diff --git a/public/espace_perso.php b/public/espace_perso.php
index e6e14e7331d62408452be3b4cead62e24a72fd52..e8814c02f3a7e670f75d3e63fe3ea111b09211e7 100644
--- a/public/espace_perso.php
+++ b/public/espace_perso.php
@@ -72,9 +72,9 @@ $listeCDCperso = $coupdecoeurRepository->fetchByIdUser($_SESSION["id_user"]);
     </div>
 
 
-  <div class="row">
+  <div class="row no-gutters">
 
-  <div class="col CoupDeCoeur">
+  <div class="col CoupDeCoeur" style="margin: 0px;">
     <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>
@@ -82,7 +82,7 @@ $listeCDCperso = $coupdecoeurRepository->fetchByIdUser($_SESSION["id_user"]);
 
 
   <!-- bibliothèque personnelle des images notées par l'utilisateur -->
-  <div class="col Reviewed">
+  <div class="col Reviewed" style="margin: 0px;">
     <h3 class="titre">Les images que vous avez note :</h3>
     <div id="ReviewdisplayArea"><div class="spinner-border text-dark"></div></div>
     </div>
diff --git a/public/js/picture_displayer.js b/public/js/picture_displayer.js
index 779f9979e3ff4fa6c6f14bbf1b6a78171edf5496..e4b28b2d7b97b5383c432ea295f67c9b50448a61 100644
--- a/public/js/picture_displayer.js
+++ b/public/js/picture_displayer.js
@@ -13,7 +13,7 @@ var displayer = {
 
 	startdisplay: function(idToDat, whereToDisplay) {
 		var liste = $('#'+idToDat+" li");		
-		$('#'+whereToDisplay).html('<div id="'+whereToDisplay+'row" class="row"></div>');
+		$('#'+whereToDisplay).html('<div id="'+whereToDisplay+'row" class="row no-gutters"></div>');
 		liste.each(function() {
 		// 	console.log("__");
 		
@@ -22,7 +22,7 @@ var displayer = {
 			// console.log(currentID);
 			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">'+
+				$('#'+whereToDisplay+'row').append('<div class="view container">'+
 					'<div class="hover-container" style="margin: 3px">'+
 						'<img class="img-fluid" style="margin: 4px" src='+real_im.links[0].href+'>'+
 						'<div class="content">'+
@@ -53,7 +53,7 @@ var displayer = {
 var displayerMoyReview = {
 	startdisplay: function(idToDat, whereToDisplay) {
 		var liste = $('#'+idToDat+" li");		
-		$('#'+whereToDisplay).html('<div id="'+whereToDisplay+'row" class="row"></div>');
+		$('#'+whereToDisplay).html('<div id="'+whereToDisplay+'row" class="row no-gutters"></div>');
 		liste.each(function() {
 		// 	console.log("__");
 		
@@ -90,7 +90,7 @@ var displayerMoyReview = {
 			// console.log(currentID);
 			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">'+
+				$('#'+whereToDisplay+'row').append('<div class="view container">'+
 					'<div class="hover-container" style="margin: 3px">'+
 						'<img class="img-fluid" style="margin: 4px" src='+real_im.links[0].href+'>'+
 						'<div class="content">'+
@@ -185,7 +185,7 @@ function affiche_dans_lordre(whereToDisplay, tab, currentID, nbCDC ) {
 			
 			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">'+
+				$('#'+whereToDisplay+'row').append('<div class="view container">'+
 					'<div class="hover-container" style="margin: 3px">'+
 						'<img class="img-fluid" style="margin: 4px" src='+real_im.links[0].href+'>'+
 						'<div class="content">'+