diff --git a/web/app/themes/la_mine/templates/accueil.twig b/web/app/themes/la_mine/templates/accueil.twig
index da10471b..33a655c5 100644
--- a/web/app/themes/la_mine/templates/accueil.twig
+++ b/web/app/themes/la_mine/templates/accueil.twig
@@ -21,7 +21,7 @@
 </section>
 
 <section>
-	<div class="coming_soon">
+	<div class="coming_soon row align-items-start">
 	{% for item in posts %}
 		{% include 'components/thumbnails/thumbnails.twig' %}
 	{% endfor %}
@@ -39,11 +39,11 @@
 			<div class="image_sectionasso">
 				<img src="{{ Image(post.meta('image')).src }}" />
 			</div>
-			<div class="content">
-			<div class="col-1">
+			<div class="content row">
+			<div class="col-6">
 				{{ post.meta('paragraphe_descriptif') }}
 			</div>
-			<div class="col-2">
+			<div class="col-6">
 				{{ post.meta('paragraphe_descriptif_2') }}
 				<div class="btn redirection_page">
 				{% include 'components/buttons/bouton_ensavoir.html.twig' %}
@@ -58,6 +58,7 @@
 <section>
 	<div class="projet">
 		<div class="__header">
+			<h1 class="titre">Les Projets</h1>
 			<h2 class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</h2>
 		</div>
 		<div class="__body">
@@ -77,9 +78,9 @@
 
 
 <section>
-	<div class="projet">
+	<div class="temps_forts">
 		<div class="__header">
-			<h2 class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</h2>
+			<h1 class="titre">Les Temps forts</h1>
 		</div>
 </section>
 
@@ -87,7 +88,7 @@
 <section>
 	<div class="video">
 		<div class="__header">
-			<h2 class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</h2>
+			<h1 class="titre">La Mine en vidéo</h1>
 		</div>
 		<div class="__body">
 			<div class="wrapper__content">
@@ -98,6 +99,4 @@
 	</div>
 </section>
 
-{% include 'footer.twig' %}
-
 {% endblock %}
diff --git a/web/app/themes/la_mine/templates/agenda.twig b/web/app/themes/la_mine/templates/agenda.twig
index ef3ee9ba..33447559 100644
--- a/web/app/themes/la_mine/templates/agenda.twig
+++ b/web/app/themes/la_mine/templates/agenda.twig
@@ -2,7 +2,7 @@
 
 {% block content %}
 	<section>
-		<div>
+		<div class="row align-items-start">
 		{% for item in posts %}
 			{% include 'components/thumbnails/thumbnails.twig'%}
 		{% endfor %}
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/base.twig b/web/app/themes/la_mine/templates/base.twig
index 7aa967ac..704dca3a 100644
--- a/web/app/themes/la_mine/templates/base.twig
+++ b/web/app/themes/la_mine/templates/base.twig
@@ -6,20 +6,20 @@
 	</head>
 {% endblock %}
 
-	<body class="{{body_class}} container" data-template="base.twig">
+	<body class="{{body_class}} container-md" data-template="base.twig">
 
 		<a class="skip-link screen-reader-text" href="#content">{{ _e( 'Skip to content') }}</a>
-		<header class="header">
+		<header class="header nav">
 			{% block header %}
 				<div class="logoLamine">
 					<h1 class="hdr-logo" role="banner">
 						{#<a class="hdr-logo-link" href="{{site.url}}" rel="home">{{site.name}}</a>#}
 						<a class="hdr-logo-link" href="{{site.accueil}}" rel="home">{{site.name}}</a>
 					</h1>
-					<nav id="nav-main" class="nav-main" role="navigation">
-						{% include "menu.twig" with {'items': menu.get_items} %}
-					</nav><!-- #nav -->
 				</div>
+				<nav id="nav-main" class="nav-main" role="navigation">
+					{% include "menu.twig" with {'items': menu.get_items} %}
+				</nav><!-- #nav -->
 			{% endblock %}
 		</header>
 
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 89e58f5c..ec3a37c0 100644
--- a/web/app/themes/la_mine/templates/footer.twig
+++ b/web/app/themes/la_mine/templates/footer.twig
@@ -1,30 +1,46 @@
 
 <section class="information">
-  <div class="logo_lamine">
-    <a href="{{options.lien_page_accueil.url}}"><img src="{{ Image(options. lamine_footer.image_logo).src  |resize(50, 50)  }}" /></a>
-  </div>
-  <div class="adresse">
-    <p>{{options.texte_adresse }}</p>
+<div class="row">
+  <div class="logo_lamine col-1">
+    <a href="{{options.lien_page_accueil.url}}"><img src="{{ Image(options.lamine_footer.image_logo).src }}" /></a>
   </div>
 
+  <div class="horaires col-">
+    {{options.texte_horaire }}
+  </div>
+
+  <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">
       <a href="{{options.facebook.lien_facebook}}"><img src="{{ Image(options.facebook.logo_facebook).src }}" /></a>
       <p>{{options.facebook.texte_facebook}}</p>
-      <a href="{{options.instagram.lien_instagram}}"><img src="{{ Image(options.instagram.logo_instagram).src |resize(35, 35) }}" /></a>
+    </div>
+    <div class="insta d-flex">
+      <a href="{{options.instagram.lien_instagram}}"><img src="{{ Image(options.instagram.logo_instagram).src }}" /></a>
       <p>{{options.instagram.texte_instagram}}</p>
+    </div>
   </div>
-  <div class="horaires">
-    <p>{{options.texte_horaire }}</p>
-  </div>
-</section>
-<section class="partenaires">
-  <h2>{{options.titre}}</h2>
-  <div class="logo_partenaires">
-    {% for partner in options.partenaire %}
-          <a href="{{partner.lien_site_partenaire}}"><img src="{{ Image(partner.logo).src |resize(50, 50) }}" /></a>
-    {% endfor %}
+</div>
+
+  <div class="partenaires row-">
+    <div class="titre">{{options.titre}}</div>
+    <div class="logo_partenaires">
+      <div class="container d-flex">
+        <div class="row justify-content align-items">
+            {% for partner in options.partenaire %}
+              <ul><li><a href="{{partner.lien_site_partenaire}}"><img src="{{ Image(partner.logo).src }}" /></li></ul></a>
+            {% endfor %}
+        </div>
+      </div>
+    </div>
   </div>
+
+</div> <!--fin row-->
 </section>
diff --git a/web/app/themes/la_mine/templates/html-header.twig b/web/app/themes/la_mine/templates/html-header.twig
index 8489be60..22c06e16 100644
--- a/web/app/themes/la_mine/templates/html-header.twig
+++ b/web/app/themes/la_mine/templates/html-header.twig
@@ -15,4 +15,6 @@
 
     {# BOOTSTRAP #}
     <link href="{{ site.theme.link }}/asset/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="{{ site.theme.link }}/asset/dist/style.css" rel="stylesheet">
+
     {{function('wp_head')}}
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/les_projets.twig b/web/app/themes/la_mine/templates/les_projets.twig
index 321bf2ef..6ada8acc 100644
--- a/web/app/themes/la_mine/templates/les_projets.twig
+++ b/web/app/themes/la_mine/templates/les_projets.twig
@@ -13,12 +13,12 @@
 
 				<div class="wrapper__content">
 					<div class="wrap__content">
-						<p>{{projets.paragraphe_descriptif}}</p>
+						{{projets.paragraphe_descriptif}}
 					</div>
 
-					<div class="items">
+					<div class="items row">
 						{% for item in projets.projet %}
-							<div class="item">
+							<div class="item col-md-4 col-sm-6">
 								<div class="__image">
 									<img src="{{ Image(item.image).src }}" />
 								</div>
@@ -27,7 +27,7 @@
 										<h6>{{item.titre_du_projet}}</h6>
 									</div>
 									<div class="__content">
-										<p>{{item.paragraphe_descriptif}}</p>
+										{{item.paragraphe_descriptif}}
 									</div>
 								</div>
 							</div>
diff --git a/web/app/themes/la_mine/templates/les_temps_forts.twig b/web/app/themes/la_mine/templates/les_temps_forts.twig
index 4d99652c..c37fbf4f 100644
--- a/web/app/themes/la_mine/templates/les_temps_forts.twig
+++ b/web/app/themes/la_mine/templates/les_temps_forts.twig
@@ -4,12 +4,12 @@
 {% include 'components/title_page.twig'%}
 
 	{% for item in post.meta('temps_fort') %}
-	<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 : 'temps_fors' }%}
 		</aside>
 
-		<div class="wrapper__content">
+		<div class="wrapper__content col-md-7">
 			<div class="wrap__content">
 				<div class="slide">
 					{% for media in item.choose %}
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>
 
 
