html && bootsrap section asso

web/app/themes/la_mine/templates/accueil.twig

@@ -2,7 +2,7 @@
 
 {% block content %}
 <section id="section_proch" class="row">
-	<div class="col">
+	<div class="container-fluid">
 		<h3>Prochainement</h3>	
 		<div class="row">
 			{% for item in posts %}
@@ -19,37 +19,35 @@
 </section>
 
 <section id="section_asso" class="row">
-	{% include 'partial/section_asso.twig' %}
-	<div class="paralax" data-rellax-speed="3">
-		<img src="{{theme.link}}/asset/images/objet_2.svg" alt="objet 2">
+	<div class="container-fluid">
+		{% include 'partial/section_asso.twig' %}
+		{# <div class="paralax" data-rellax-speed="3">
+			<img src="{{theme.link}}/asset/images/objet_2.svg" alt="objet 2">
+		</div> #}
 	</div>
 </section>
 
-<section id="section_projets">
-	<div class="projet">
-		{% 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 id="section_projets" class="row">
+	{% 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> #}
 </section>
 
-<section id="section_tpsF">
-	<div class="temps_forts">
+<section id="section_tpsF" class="row">
 	{% include 'partial/section_tpsF.twig' %}
 </section>
 
-<section id="section_MineVideo">
-	<div class="video">
-		<div class="__header">
-			<h3 class="titre">La Mine en vidéo</h3>
+<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">
+			{% if post.video_la_mine  %}
+			<iframe width="560" height="315" src="//www.youtube.com/embed/{{ post.video_la_mine }}" frameborder="0" allowfullscreen></iframe>
+			{% endif %}
 		</div>
-		<div class="__body">
-			<div class="wrapper__content">
-				{% if post.video_la_mine  %}
-    			<iframe width="560" height="315" src="//www.youtube.com/embed/{{ post.video_la_mine }}" frameborder="0" allowfullscreen></iframe>
-				{% endif %}
-			</div>
 	</div>
 </section>
 

web/app/themes/la_mine/templates/partial/section_asso.twig

@@ -1,22 +1,18 @@
-<div class="__header">
-	<h3 class="titre">L'association</h3>
-	<h2>{{ post.meta('texte_chapeau_asso') }}</h2>
-</div>
-
-<div class="__body d-flex">
-	<div class="image_sectionasso">
+<h3 class="titre">L'association</h3>
+<h4>{{ post.meta('texte_chapeau_asso') }}</h4>
+<div class="row">
+	<figure class="col">
 		<img src="{{ Image(post.meta('image')).src }}" />
+	</figure>
+	<div class="row">
+		<div class="col-6">
+			{{ post.meta('paragraphe_descriptif') }}
+		</div>
+		<div class="col-6">
+			{{ post.meta('paragraphe_descriptif_2') }}
+		</div>
+		<div class="col">
+			{% include 'components/buttons/bouton_ensavoir.html.twig' %}
+		</div>
 	</div>
-	<div class="content_asso row">
-	<div class="col-md-6">
-		{{ post.meta('paragraphe_descriptif') }}
-	</div>
-	<div class="col-md-6">
-		{{ post.meta('paragraphe_descriptif_2') }}
-	</div>
-	<div class="btn redirection_page">
-		{% include 'components/buttons/bouton_ensavoir.html.twig' %}
-	</div>
-	</div>
-
 </div>