diff --git a/web/app/themes/la_mine/templates/accueil.twig b/web/app/themes/la_mine/templates/accueil.twig
index 92fc5edc..d3afd7d4 100644
--- a/web/app/themes/la_mine/templates/accueil.twig
+++ b/web/app/themes/la_mine/templates/accueil.twig
@@ -28,24 +28,28 @@
 </section>
 
 <section id="section_projets" class="row">
+	<div class="container-fluid">
 	{% include 'partial/section_projets.twig' %}
 	{# <div class="paralax" data-rellax-speed="-2" data-rellax-percentage="0.5">
 		<img src="{{theme.link}}/asset/images/objet_3.svg" alt="objet 3">
 	</div> #}
+	</div>
 </section>
 
 <section id="section_tpsF" class="row">
-	{% include 'partial/section_tpsF.twig' %}
+	<div class="container-fluid">
+		{% include 'partial/section_tpsF.twig' %}
+	</div>
 </section>
 
-<section id="section_MineVideo" class="row">	
-	<div class="__header">
-		<h3 class="titre">La Mine en vidéo</h3>
-	</div>
-	<div class="__body">
-		<div class="wrapper__content">
+<section id="section_MineVideo" class="row">
+	<div class="container-fluid">
+		<h3>La Mine en vidéo</h3>		
+		<div class="row">
 			{% if post.video_la_mine  %}
-			<iframe width="560" height="315" src="//www.youtube.com/embed/{{ post.video_la_mine }}" frameborder="0" allowfullscreen></iframe>
+			<figure>
+				<iframe width="560" height="315" src="//www.youtube.com/embed/{{ post.video_la_mine }}" frameborder="0" allowfullscreen></iframe>
+			</figure>
 			{% endif %}
 		</div>
 	</div>
diff --git a/web/app/themes/la_mine/templates/partial/section_projets.twig b/web/app/themes/la_mine/templates/partial/section_projets.twig
index 730c4347..8781d4b1 100644
--- a/web/app/themes/la_mine/templates/partial/section_projets.twig
+++ b/web/app/themes/la_mine/templates/partial/section_projets.twig
@@ -1,10 +1,8 @@
-<div class="__header">
-	<h3 class="titre">Les Projets</h3>
-	<h2 class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</h2>
-</div>
-<div class="__body">
+<h3>Les Projets</h3>
+<h2>{{ post.meta('texte_chapeau_projet') }}</h2>
+<div class="row">
 	<!--ajout chloe drag-->
-		<div id="drag_1" class="group_drag">
+		{# <div id="drag_1" class="group_drag">
 			<img src="{{theme.link}}/asset/images/objet_drag_1.svg">
 		</div>
 		<div id="drag_2" class="group_drag">
@@ -30,35 +28,24 @@
 		</div>
 		<div id="drag_9" class="group_drag">
 			<img src="{{theme.link}}/asset/images/objet_drag_9.svg">
-		</div>
-
+		</div> #}
 	<!--fin ajout chloe drag-->
-	<div class="wrapper__content row justify-content-center">
-		{% for item in projet %}
-			<div class="colonne_section col-md-6 col-lg-4">
-				<div class="header">
-					<h3>{{item.title}}</h3>
-				</div>
-				<div class="wrap_content">
-					{{item.meta('text')|truncate(30)}}
-					<div class="projet">
-						{% for projet in item.meta("projets") %}
-							<div class="wrap__content">
-									<div class="title_pjt">
-										{{projet.titre}}
-									</div>
-									<div class="content_pjt">
-										{{projet.text|truncate(20)}}
-									</div>
-							</div>
-							<!--les titres a utilisé pour faire les patch qui se drag-->
-						{% endfor %}
-					</div>
+	{% for item in projet %}
+		<div class="col-4">
+			<h3>{{item.title}}</h3>
+			<div class="row">
+				{{item.meta('text')|truncate(30)}}
+				<div class="col">
+					{% for projet in item.meta("projets") %}
+						<h4>{{projet.titre}}</h4>						
+						{{projet.text|truncate(20)}}
+					{% endfor %}
 				</div>
 			</div>
-		{% endfor %}
-	</div>
-	<div class="btn tout_voir">
-		<a href="/les-projets">Tout voir</a>
+		</div>
+	{% endfor %}
+	
+	<div class="col">
+		<a rel="noreferrer" class="btn _all" href="/les-projets">Tout voir</a>
 	</div>
 </div>
diff --git a/web/app/themes/la_mine/templates/partial/section_tpsF.twig b/web/app/themes/la_mine/templates/partial/section_tpsF.twig
index 5a6a2486..2d9f9cef 100644
--- a/web/app/themes/la_mine/templates/partial/section_tpsF.twig
+++ b/web/app/themes/la_mine/templates/partial/section_tpsF.twig
@@ -1,32 +1,26 @@
-<div class="__header">
-	<h3 class="titre">Les temps forts</h3>
-</div>
-<div class="__body">
-	<div class="wrapper__content row justify-content-center">
-		{% for item in tpsF %}
-		<div class="colonne_section col-12 col-sm-6 col-lg-4">
-			<div class="item tpsF_thumbnails">
-				<div class="__img">
-	        <img src="{{item.thumbnail.src|resize(500, 500) }}" alt="{{item.thumbnail.title}}">
-	      </div>
-				<div class="_content_tpsF">
-					<div class="title">
-						<h3>{{item.title}}</h3>
-						<div class="next_edition">
-							<p>Prochaine Édition :
-								<br><time>{{item.next_edition|date("F Y") }}</time></br>
-							</p>
-						</div>
-					</div>
-					<div class="content">
-						{{item.text|truncate(20)}}
-					</div>
-				</div>
-				</div>
+<h3 class="titre">Les temps forts</h3>
+<div class="row">
+
+{% for item in tpsF %}
+	<div class="col-4 item tpsF_thumbnails">		
+		<figure>
+			<img src="{{item.thumbnail.src }}" alt="{{item.thumbnail.alt}}" title="{{item.thumbnail.title}}">
+		</figure>
+		<div class="wrapper_content">
+			<div class="_title">
+				<h3>{{item.title}}</h3>
+				<span>Prochaine Édition :
+					<br><time datetime="{{item.next_edition|date("F Y") }}">{{item.next_edition|date("F Y") }}</time></br>
+				</span>
 			</div>
-		{% endfor %}
-	</div>
-	<div class="btn tout_voir">
-		<a href="/les-temps-forts">Tout voir</a>
+			<div class="_content">
+				{{item.text|truncate(20)}}
+			</div>
+		</div>
 	</div>
+{% endfor %}
+
+</div>
+<div class="row">
+	<a rel="noreferrer" class="btn _all" href="/les-temps-forts">Tout voir</a>
 </div>