diff --git a/web/app/themes/la_mine/asset/dist/style.css b/web/app/themes/la_mine/asset/dist/style.css
index f2af4330..af6a9889 100644
--- a/web/app/themes/la_mine/asset/dist/style.css
+++ b/web/app/themes/la_mine/asset/dist/style.css
@@ -1,35 +1,174 @@
+body {
+  width: 300px;
+  margin: 0 auto;
+  font-size: 1.2rem;
+  font-family: Universalis ADF Std, sans-serif;
+}
+h1, h2, h3, h5{
+  font-family: Millimetre, sans-serif;
+}
+h1, h5, h6{
+  text-transform: uppercase;
+}
+
 img{
   width: 100%;
   height: auto;
 }
+ul{
+  padding:0;
+  }
+li {
+  list-style-type:none;
+}
+a, a:hover{
+  color: black;
+  text-decoration: none;
+}
 
-footer img{
+.titre_page, .titre {
+  text-transform: uppercase;
+  font-weight: bold;
+  text-align: center;
+  align-items: center;
+  border: 8px solid blue;
+  transform: rotate(-10deg);
+  padding: 1%;
+  width: 30%;
+  background-color: white;
+  margin: 4% 0 8% -20%;
+}
+
+.titre_1{
+  margin-top:1em;
+}
+
+.next_edition{
+  font-style: italic;
+  text-transform: uppercase;
+}
+.sidebar_left .title, .__organisation .title {
+  color: blue;
+  text-align: center;
+  text-transform: uppercase;
+}
+.sidebar_left .__content, .sider_left_form, .__organisation .__item {
+  border: 8px solid blue;
+  padding: 1em;
+}
+.tableau_engagements {
+  margin-top : 10%;
+}
+.tableau_engagements div{
+  margin-top : 5%;
+  padding-left: 5%;
+}
+
+/*sections page accueil*/
+.colonne_section .wrap_content {
+  border: 8px solid blue;
+  padding: 1em;
+}
+.colonne_section h3{
+  color: blue;
+  text-transform: uppercase;
+  text-align: center;
+
+}
+.video iframe {
+  width: 100vh;
+  margin-left: auto;
+  margin-right: auto;
+  height: auto;
+}
+/*fin sections page accueil*/
+
+/*page évent*/
+.partager img {
+  width: 50px;
+  height: auto;
+  margin-right: 2%;
+}
+.post-type img {
+  object-fit: cover;
+  width: 100%;
+}
+.tarif, .partager, .inscription {
+  margin-top: 4%;
+}
+/*fin page event*/
+
+/*privatiser l'espace*/
+.legendes{
+  background-color: white;
+  position : absolute;
+  bottom: 4%;
+  margin-left: 4%;
+  border: 8px solid blue;
+  padding: 1%;
+  padding-top: 2%;
+}
+.__organisation {
+  margin-top: 8%;
+  text-align: center;
+}
+/*fin privatiser l'espace*/
+
+/*BOUTONS*/
+.__bouttons{
+  text-align : center;
+}
+.telechargement_plaquette {
+  margin-top: 4%;
+  border: 4px solid black;
+  border-radius: 0%;
+  padding: 1%;
+}
+.__bouttons div {
+  margin-top: 4%;
+  border: 4px solid blue;
+  border-radius: 0%;
+  padding: 1%;
+  background-color: white;
+}
+
+.__bouttons div:hover, .telechargement_plaquette:hover, .bouton_asso:hover {
+  text-decoration-color: white;
+  transform: rotate(-10deg);
+}
+.redirection_page {
+  color: black;
+  text-decoration: underline;
+  border: none;
+  border-radius: 0%;
+}
+.redirection_page:hover {
+  color: black;
+  background-color: grey;
+  text-decoration: underline;
+  border: none;
+  border-radius: 0%;
+}
+/*  .tout_voir, .tout_voir:hover {
+    margin-left: auto;
+    margin-right: auto;
+    width: 20%;
+}*/
+
+/*FIN BOUTON*/
+footer{
+  background-color: rgba(255, 0, 0, 0.5);
+  width: 100%;
+  padding: 5%;
+  margin: 10% auto 0 auto;
+}
+footer div{
+  margin-right: 1%;
+}
+footer img {
   width: 50px;
   height: auto;
 }
-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;
-  bottom: 100px;
-}
-
 
 /* START KEVIN */
   header{
diff --git a/web/app/themes/la_mine/templates/accueil.twig b/web/app/themes/la_mine/templates/accueil.twig
index 58f7ffa7..419cb2f4 100644
--- a/web/app/themes/la_mine/templates/accueil.twig
+++ b/web/app/themes/la_mine/templates/accueil.twig
@@ -2,38 +2,38 @@
 
 {% block content %}
 <section>
-	<h3>Prochainement</h3>
+	<h3 class="titre">Prochainement</h3>
 	<div class="coming_soon row align-items-start">
 		{% for item in posts %}
 			{% include 'components/thumbnails/thumbnails.twig' %}
 		{% endfor %}
 
-		<div class="">
-			Tout voir
+		<div class="btn redirection_page">
+			<a class="tout_voir" href="{{agenda.url}}">Tout voir</a>
 		</div>
 
 	</div>
 </section>
 
-<section>
+<section id="section_asso">
 	<div class="association">
 		{% include 'partial/section_asso.twig' %}
 	</div>
 </section>
 
-<section>
+<section id="section_projets">
 	<div class="projet">
 		{% include 'partial/section_projets.twig' %}
 	</div>
 </section>
 
-<section>
+<section id="section_tpsF">
 	<div class="temps_forts">
 	{% include 'partial/section_tpsF.twig' %}
 </section>
 
 
-<section>
+<section id="section_MineVideo">
 	<div class="video">
 		<div class="__header">
 			<h1 class="titre">La Mine en vidéo</h1>
diff --git a/web/app/themes/la_mine/templates/association.twig b/web/app/themes/la_mine/templates/association.twig
index 3110df97..87d87de2 100644
--- a/web/app/themes/la_mine/templates/association.twig
+++ b/web/app/themes/la_mine/templates/association.twig
@@ -12,7 +12,7 @@
 		<div class="wrap__content __asso">
 
 			<div class="__header">
-				<h2 class="'titre_1'">{{ post.meta('titre_asso') }}</h2>
+				<h2 class="titre_1">{{ post.meta('titre_asso') }}</h2>
 			</div>
 
 			<div class="__body">
@@ -34,7 +34,7 @@
 					{% for item in post.meta('type_engagement') %}
 						<div class="engagement">
 							<div class="__head">
-								<h6>{{item.titre_engagement}}</h6>
+								<h4>{{item.titre_engagement}}</h4>
 							</div>
 							<div class="__content">
 								{{item.paragraphe_engagement}}
@@ -45,7 +45,7 @@
 
 				<div class="wrap__content vie-asso">
 					<div class="__header">
-						<h2 class="'titre_1'">{{ post.meta('titre_vieasso') }}</h2>
+						<h2 class="titre_1">{{ post.meta('titre_vieasso') }}</h2>
 					</div>
 
 					<div class="__body">
diff --git a/web/app/themes/la_mine/templates/components/forms/form_lacollecte.twig b/web/app/themes/la_mine/templates/components/forms/form_lacollecte.twig
index ed8dd9bc..651969e7 100644
--- a/web/app/themes/la_mine/templates/components/forms/form_lacollecte.twig
+++ b/web/app/themes/la_mine/templates/components/forms/form_lacollecte.twig
@@ -1,5 +1,5 @@
-<form class="" action="index.html" method="post">
+<form class="sider_left_form" action="index.html" method="post">
   {% apply shortcodes %}
-    [advanced_form form="form_5edd062310705"]
+    [advanced_form form="form_5eddff3526734"]
   {% endapply %}
 </form>
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 959de448..06001a86 100644
--- a/web/app/themes/la_mine/templates/components/sider_left.twig
+++ b/web/app/themes/la_mine/templates/components/sider_left.twig
@@ -1,6 +1,6 @@
 
 		<!-- cleaner le code + condition bouton pour asso voir pour condition bouton dans le wordpress -->
-{% if name__template == "temps_fors" %}
+{% if name__template == "temps_forts" %}
 		<div class="__header">
 			<div class="title">
 				<h3>{{item.nom_du_temps_fort}}</h3>
@@ -51,7 +51,7 @@
 				{% endfor %}
 			</ul>
 		</div>
-		<div class = "bouttons" >
+		<div class = "__bouttons" >
 			{% include '/components/buttons/bouton_asso.html.twig' %}
 		</div>
 	</div>
diff --git a/web/app/themes/la_mine/templates/components/title_page.twig b/web/app/themes/la_mine/templates/components/title_page.twig
index 20935e02..24b972d5 100644
--- a/web/app/themes/la_mine/templates/components/title_page.twig
+++ b/web/app/themes/la_mine/templates/components/title_page.twig
@@ -1,3 +1,5 @@
+<section class="title_page">
 <div class="{{class}}">
-	<h2>{{post.title}}</h2>
+	<h2 class="titre_page">{{post.title}}</h2>
 </div>
+</section>
diff --git a/web/app/themes/la_mine/templates/footer.twig b/web/app/themes/la_mine/templates/footer.twig
index ec3a37c0..4e9244b9 100644
--- a/web/app/themes/la_mine/templates/footer.twig
+++ b/web/app/themes/la_mine/templates/footer.twig
@@ -30,7 +30,7 @@
 </div>
 
   <div class="partenaires row-">
-    <div class="titre">{{options.titre}}</div>
+    <div class="_titre">{{options.titre}}</div>
     <div class="logo_partenaires">
       <div class="container d-flex">
         <div class="row justify-content align-items">
diff --git a/web/app/themes/la_mine/templates/la_collecte.twig b/web/app/themes/la_mine/templates/la_collecte.twig
index 4a5f1fe2..74310e25 100644
--- a/web/app/themes/la_mine/templates/la_collecte.twig
+++ b/web/app/themes/la_mine/templates/la_collecte.twig
@@ -5,6 +5,11 @@
 
 <section class="row">
 	<aside class="sidebar_left col-md-4 mr-2">
+		<div class="__header">
+			<div class="title">
+				<h3>On s'organise</h3>
+			</div>
+		</div>
 		{% include 'components/forms/form_lacollecte.twig' %}
 	</aside>
 
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 a0867ffd..ccd78201 100644
--- a/web/app/themes/la_mine/templates/les_temps_forts.twig
+++ b/web/app/themes/la_mine/templates/les_temps_forts.twig
@@ -5,7 +5,7 @@
 
 	{% for item in posts %}
 		<section class="row tpsF">
-		<div class="sidebar col-4">
+		<div class="sidebar col-md-4">
 			<div class="title">
 				<h3>{{item.title}}</h3>
 				<div class="next_edition">
@@ -17,11 +17,14 @@
 				{{item.text}}
 			</div>
 		</div>
-		<div class="wrap_content col-8">
+		<div class="wrap_content col-md-8">
 			<div class="slide">
 		    {% for media in item.meta('slide') %}
 				<div class="img">
-					<img src="{{ Image(media.images).src }}" alt="{{ Image(media.images).title }}">
+					<img src="{{ Image(media.image).src }}" alt="{{ Image(media.image).title }}">
+				</div>
+				<div class="video">
+					<iframe width="560" height="315" src="//www.youtube.com/embed/{{ media.video }}" frameborder="0" allowfullscreen></iframe>
 				</div>
 				{% endfor %}
 			</div>
diff --git a/web/app/themes/la_mine/templates/menu.twig b/web/app/themes/la_mine/templates/menu.twig
index 0650f61f..0bff5e5d 100644
--- a/web/app/themes/la_mine/templates/menu.twig
+++ b/web/app/themes/la_mine/templates/menu.twig
@@ -3,7 +3,9 @@
 	{% for item in items %}
 		<li class="{{ item.classes | join(' ') }}">
 			<a target="{{ item.target }}" href="{{ item.link }}">{{ item.title }}</a>
-			{% include "menu.twig" with {'items': item.children} %}
+			{% if item.children|length >= 1  %}
+				{% include "menu.twig" with {'items': item.children} %}
+			{% endif %}
 		</li>
 	{% endfor %}
 	</ul>
diff --git a/web/app/themes/la_mine/templates/partial/section_asso.twig b/web/app/themes/la_mine/templates/partial/section_asso.twig
index 4cb1c767..ceac67fd 100644
--- a/web/app/themes/la_mine/templates/partial/section_asso.twig
+++ b/web/app/themes/la_mine/templates/partial/section_asso.twig
@@ -1,5 +1,5 @@
 <div class="__header">
-	<h3>L'association</h3>
+	<h3 class="titre">L'association</h3>
 	<h2>{{ post.meta('texte_chapeau_asso') }}</h2>
 </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 9f781391..3d1b56db 100644
--- a/web/app/themes/la_mine/templates/partial/section_projets.twig
+++ b/web/app/themes/la_mine/templates/partial/section_projets.twig
@@ -1,12 +1,12 @@
 <div class="__header">
 	<h3 class="titre">Les Projets</h3>
-	<p class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</p>
+	<h2 class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</h2>
 </div>
 
 <div class="__body">
 	<div class="wrapper__content row">
 		{% for item in projet %}
-			<div class="col-4">
+			<div class="colonne_section col-md-6 col-lg-4">
 				<div class="header">
 					<h3>{{item.title}}</h3>
 				</div>
@@ -14,7 +14,7 @@
 				{{item.text}}
 					<div class="projet">
 						{% for projet in item.meta("projets") %}
-							<div class="wrap_content">
+							<div class="wrap__content">
 									<div class="title">
 										<h4>{{projet.titre}}</h4>
 									</div>
@@ -27,8 +27,8 @@
 				</div>
 			</div>
 		{% endfor %}
-		<div class="col-12">
-			Tout voir
+		<div class="btn redirection_page">
+			<a class="tout_voir" href="{{les-projets.twig.url }}">Tout voir</a>
 		</div>
 	</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 c5594e74..c4b65c47 100644
--- a/web/app/themes/la_mine/templates/partial/section_tpsF.twig
+++ b/web/app/themes/la_mine/templates/partial/section_tpsF.twig
@@ -4,7 +4,7 @@
 <div class="__body">
 	<div class="wrapper__content row">
 		{% for item in tpsF %}
-		<div class="col-4">
+		<div class="colonne_section col-md-6 col-lg-4">
 				<div class="images">
 					<img src="{{item.thumbnail.src}}" alt="{{item.thumbnail.title}}">
 				</div>
@@ -22,8 +22,8 @@
 				</div>
 			</div>
 		{% endfor %}
-		<div class="col-12">
-			Tout voir
+		<div class="btn redirection_page">
+			<a id="tout_voir" href="">Tout voir</a>
 		</div>
 	</div>
 </div>
diff --git a/web/app/themes/la_mine/templates/privatiser_lespace.twig b/web/app/themes/la_mine/templates/privatiser_lespace.twig
index 6661a681..9aee71b0 100644
--- a/web/app/themes/la_mine/templates/privatiser_lespace.twig
+++ b/web/app/themes/la_mine/templates/privatiser_lespace.twig
@@ -27,7 +27,7 @@
 
 					<div class="legendes col-4">
 						<div class="__head">
-							<p>{{ item.titre_legende}}</p>
+							<h6>{{ item.titre_legende}}</h6>
 						</div>
 						<div class="__content">
 							<p>{{ item.texte_legende}}</p>
@@ -40,12 +40,17 @@
 		<div class="wrap__content __organisation">
 			<div class="__body row">
 				{% for item in post.meta('type_organisation') %}
-					<div class="__content col-lg-4">
-						<h6>{{ item.titre_bloc}}</h6>
+				<div class="__content col-lg-4">
+				<div class="title">
+					<h5>{{ item.titre_bloc}}</h5>
+				</div>
+					<div class="__item">
 						{{item.paragraphe_descriptif}}
 					</div>
+					</div>
 				{% endfor %}
 				</div>
+
 		</div>
 
 		<div class = "bouton row justify-content-center">