diff --git a/web/app/themes/la_mine/asset/dist/style.css b/web/app/themes/la_mine/asset/dist/style.css
index 695e6197..e25b26c8 100644
--- a/web/app/themes/la_mine/asset/dist/style.css
+++ b/web/app/themes/la_mine/asset/dist/style.css
@@ -2,6 +2,12 @@ img{
   width: 100%;
   height: auto;
 }
+
+iframe{
+  width: 100%;
+  height: auto;
+}
+
 footer img{
   width: 50px;
   height: auto;
@@ -9,3 +15,21 @@ footer img{
 footer li {
   list-style-type:none;
 }
+
+.sidebar_left {
+  background-color: pink;
+}
+.tableau_engagements {
+  background-color: green;
+}
+.tableau_engagements div{
+    background-color: red;
+}
+
+/* .tableau_engagements >  div{
+    display: inline-block;
+} */
+.legendes{
+  background-color: pink;
+  position : absolute;
+}
diff --git a/web/app/themes/la_mine/templates/association.twig b/web/app/themes/la_mine/templates/association.twig
index 8df0286f..77220c5d 100644
--- a/web/app/themes/la_mine/templates/association.twig
+++ b/web/app/themes/la_mine/templates/association.twig
@@ -3,12 +3,12 @@
 {% block content %}
 {% include 'components/title_page.twig' %}
 
-<section>
-	<aside class="sidebar_left">
+<section class="row">
+	<aside class="sidebar_left col-md-4 mr-2">
 		{% include '/components/sider_left.twig' with { name__template : 'association' } %}
 	</aside>
 
-	<div class="wrapper__content">
+	<div class="wrapper__content col-md-7">
 		<div class="wrap__content __asso">
 
 			<div class="__header">
@@ -30,9 +30,9 @@
 					<img src="{{ Image(post.meta('image_engagement')).src }}" />
 				</div>
 
-				<div class="tableau_engagements">
+				<div class="tableau_engagements row align-items-start">
 					{% for item in post.meta('type_engagement') %}
-						<div class="engagement">
+						<div class="engagement col-lg-6">
 							<div class="__head">
 								<h6>{{item.titre_engagement}}</h6>
 							</div>
diff --git a/web/app/themes/la_mine/templates/components/sider_left.twig b/web/app/themes/la_mine/templates/components/sider_left.twig
index 02ebba94..959de448 100644
--- a/web/app/themes/la_mine/templates/components/sider_left.twig
+++ b/web/app/themes/la_mine/templates/components/sider_left.twig
@@ -26,7 +26,7 @@
 		{{ post.meta('paragraphe_bloc') }}
 	</div>
 
-	<div class = "__bouttons">
+	<div class = "__bouttons col justify-content-center ">
 		{% include '/components/buttons/bouton_asso.html.twig' %}
 		{% include '/components/buttons/bouton_contact.html.twig' %}
 	</div>
diff --git a/web/app/themes/la_mine/templates/footer.twig b/web/app/themes/la_mine/templates/footer.twig
index 4558e9d4..ec3a37c0 100644
--- a/web/app/themes/la_mine/templates/footer.twig
+++ b/web/app/themes/la_mine/templates/footer.twig
@@ -5,13 +5,17 @@
     <a href="{{options.lien_page_accueil.url}}"><img src="{{ Image(options.lamine_footer.image_logo).src }}" /></a>
   </div>
 
-  <div class="adresse col">
-    <p>{{options.texte_adresse }}</p>
+  <div class="horaires col-">
+    {{options.texte_horaire }}
   </div>
 
-  <div class="col">
+  <div class="adresse col-">
+    {{options.texte_adresse }}
+  </div>
+
+  <div class="col-">
   <div class="collecte">
-    <p>{{options.texte_collecte }}</p>
+    {{options.texte_collecte }}
   </div>
   <div class="reseaux_sociaux">
     <div class="facebook d-flex">
@@ -24,11 +28,8 @@
     </div>
   </div>
 </div>
-  <div class="horaires col">
-    <p>{{options.texte_horaire }}</p>
-  </div>
 
-  <div class="partenaires row">
+  <div class="partenaires row-">
     <div class="titre">{{options.titre}}</div>
     <div class="logo_partenaires">
       <div class="container d-flex">
diff --git a/web/app/themes/la_mine/templates/la_benevole_zone.twig b/web/app/themes/la_mine/templates/la_benevole_zone.twig
index 90d49658..b235f754 100644
--- a/web/app/themes/la_mine/templates/la_benevole_zone.twig
+++ b/web/app/themes/la_mine/templates/la_benevole_zone.twig
@@ -3,13 +3,13 @@
 
 {% include 'components/title_page.twig' %}
 
-<section>
+<section class="row">
 
-	<aside class="sidebar_left">
+	<aside class="sidebar_left col-md-4 mr-2">
 		{% include 'components/sider_left.twig' with { name__template : 'benevole' } %}
 	</aside>
 
-	<div class="wrapper__content">
+	<div class="wrapper__content col-md-7">
 		<div class="wrap__content">
 
 			<div class="__header">
diff --git a/web/app/themes/la_mine/templates/la_collecte.twig b/web/app/themes/la_mine/templates/la_collecte.twig
index 86686972..4a5f1fe2 100644
--- a/web/app/themes/la_mine/templates/la_collecte.twig
+++ b/web/app/themes/la_mine/templates/la_collecte.twig
@@ -3,12 +3,12 @@
 
 {% include 'components/title_page.twig'  %}
 
-<section>
-	<aside class="sidebar_left">
+<section class="row">
+	<aside class="sidebar_left col-md-4 mr-2">
 		{% include 'components/forms/form_lacollecte.twig' %}
 	</aside>
 
-	<div class="wrapper__content">
+	<div class="wrapper__content col-md-7">
 		<div class="wrap__content">
 
 			<div class="__header">
diff --git a/web/app/themes/la_mine/templates/privatiser_lespace.twig b/web/app/themes/la_mine/templates/privatiser_lespace.twig
index cce813c4..8f0ff5fa 100644
--- a/web/app/themes/la_mine/templates/privatiser_lespace.twig
+++ b/web/app/themes/la_mine/templates/privatiser_lespace.twig
@@ -25,7 +25,7 @@
 						<img src="{{ Image(item.image).src }}" />
 					</div>
 
-					<div class="legendes">
+					<div class="legendes col-4">
 						<div class="__head">
 							<p>{{ item.titre_legende}}</p>
 						</div>
@@ -38,22 +38,20 @@
 		</div>
 
 		<div class="wrap__content __organisation">
-			<div class="__body">
+			<div class="__body row">
 				{% for item in post.meta('type_organisation') %}
-					<div class="__head">
+					<div class="__content col-lg-4">
 						<h6>{{ item.titre_bloc}}</h6>
-					</div>
-
-					<div class="__content">
-						<p>{{ item.paragraphe_descriptif}}</p>
+						{{item.paragraphe_descriptif}}
 					</div>
 				{% endfor %}
-			</div>
-
-			{% include 'components/buttons/boutton_privatiser.html.twig' %}
-
+				</div>
 		</div>
 
+		<div class = "bouton row justify-content-center">
+		{% include 'components/buttons/boutton_privatiser.html.twig' %}
+	  </div>
+
 	</div>