diff --git a/index.html b/index.html
index d678166..6f6e532 100644
--- a/index.html
+++ b/index.html
@@ -18,6 +18,11 @@
 				border-image-source: linear-gradient(90deg, #5d2f86, #8ed6fb 50%, #d32e9d);
 				border-image-slice: 1
 			}
+
+			col-lg-3 > h2 {
+				margin-top: 10px;
+			}
+
 		</style>
 	</head>
 	<body>
@@ -92,16 +97,16 @@
 		
 		<div class="py-5 bg-light">
   			<div class="container">
-     			<div class="row flex-lg-row align-items-center g-5 py-5">
+     			<div class="row flex-lg-row align-items-start g-5 py-5">
 					<h1>Notre travail</h1>
-					<div class="col-lg-3">
+					<div class="col-lg-3 text-center">
 						<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
 
 						<h2>Diffusion du savoir</h2>
 						<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
 						<p><a class="btn btn-secondary" href="#">View details »</a></p>
 					</div>
-					<div class="col-lg-3">
+					<div class="col-lg-3 text-center">
 						<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
 
 						<h2>Accès à Internet</h2>
@@ -109,14 +114,14 @@
 						<p><a class="btn btn-secondary" href="#">View details »</a></p>
 					</div>
 
-					<div class="col-lg-3">
+					<div class="col-lg-3 text-center">
 						<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
 
 						<h2>Services web</h2>
 						<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
 						<p><a class="btn btn-secondary" href="#">View details »</a></p>
 					</div>
-					<div class="col-lg-3">
+					<div class="col-lg-3 text-center">
 						<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
 
 						<h2>Évenementiel</h2>
@@ -130,16 +135,17 @@
 
 		<div class="py-5">
   			<div class="container">
-     			<div class="row flex-lg-row align-items-center g-5 py-5">
+     			<div class="row flex-lg-row align-items-start g-5 py-5">
 					<h1>Besoin d'aide</h1>
-					<div class="col-lg-3">
+					<div class="col-lg-3 bg-primary text-center">
 						<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
 
 						<h2>Contact</h2>
 						<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
 						<p><a class="btn btn-secondary" href="#">View details »</a></p>
+						
 					</div>
-					<div class="col-lg-3">
+					<div class="col-lg-3 text-center">
 						<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
 
 						<h2>Inscription</h2>
@@ -147,14 +153,14 @@
 						<p><a class="btn btn-secondary" href="#">View details »</a></p>
 					</div>
 
-					<div class="col-lg-3">
+					<div class="col-lg-3 bg-primary text-center">
 						<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
 
 						<h2>Connexion</h2>
 						<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
 						<p><a class="btn btn-secondary" href="#">View details »</a></p>
 					</div>
-					<div class="col-lg-3">
+					<div class="col-lg-3 text-center">
 						<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
 
 						<h2>En savoir plus</h2>
@@ -205,18 +211,25 @@
 
 		<div class="py-5">
   			<div class="container">
-     			<div class="row flex-lg-row align-items-center g-5 py-5">
+     			<div class="row flex-lg-row g-5 py-5">
 					<h1>Nos partenaires</h1>
-					<div class="col-lg-4">
-						<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect></svg>
-					</div>
-					<div class="col-lg-4">
+					
+					<div class="col-lg-4 text-center">
 						<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect></svg>
 					</div>
 
-					<div class="col-lg-4">
-						<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
+					<div class="col-lg-4 text-center">
+					<center>
+						<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect></svg>
+					</center>
 					</div>
+
+					<div class="col-lg-4 text-center">
+					<center>
+						<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect></svg>
+					</center>
+					</div>
+
 				</div>
 			</div>
 		</div>
