color page && slide prive

web/app/themes/la_mine/asset/dist/index.js

@@ -45,6 +45,7 @@ if (arrayEnga != null) {
   var msnry = new Masonry(arrayEnga , {
     columnWidth: '.engagement',
     itemSelector: '.engagement',
+    gutter: '.gutter-sizer',
     percentPosition: true
   });
 

web/app/themes/la_mine/asset/dist/style.css

@@ -400,12 +400,154 @@ article .__img_event img{
 .wrapper__content {
   margin-top: 20px;
 }
-/*fin page event*/
+/* END PAGE SINGLE */
 
 
-/* END PAGE SINGLE */
+/* START PAGE LA COLLECTE */
+body.la-collecte .titre_page {
+  border-color: #ff56ffff;
+}
+body.la-collecte .__header h3{
+  color: #ff56ffff;
+}
+.sider_left_form .acf-field .acf-label label{
+  display: none!important;
+}
+.sider_left_form .acf-fields > .acf-field{
+  border-top: 0;
+}
+.sider_left_form input{
+  border: 0px;
+  border-bottom: 1px solid black;
+}
+.sider_left_form{
+  padding: 0 1rem;
+  border: 8px solid #ff56ffff;
+}
+.sider_left_form .acf-form-submit{
+  padding-top: 0;
+}
+.sider_left_form .af-submit-button{
+  margin: 0 auto;
+}
+
+.sidebar_left .__content,
+.content_zone {
+  border: 8px solid blue;
+  padding: 1em;
+}
+/* END PAGE LA COLLECTE */
+
+
+/* START PAGE BENEVOLE */
+  body.la-benevole-zone .titre_page {
+    border-color: #5353e1ff;
+  }
+  body.la-benevole-zone .__header h3{
+    color: #5353e1ff;
+  }
+  body.la-benevole-zone .__content {
+    border-color: #5353e1ff;
+  }
+  .la-benevole-zone .__bouttons{
+    text-align: center;
+    width: max-content;
+    margin: 30px auto 0 auto;
+
+  }
+  .la-benevole-zone .__bouttons > div{
+    border: 4px solid #5353e1ff;
+    margin: 10px auto;
+    padding: 0 10px;
+    font-weight: bold;
+  }
+/* END PAGE BENEVOLE */
+
+
+
+/* START PAGE projets */
+  body.les-projets .titre_page {
+    border-color: #ff0000ff;
+  }
+  body.les-projets .header h3{
+    color: #ff0000ff;
+  }
+  body.les-projets .content_zone {
+    border-color: #ff0000ff;
+  }
+
+  body.les-projets section#content .wrapper section{
+    margin: 100px auto;
+  }
+/* END PAGE projets */
+
+/* START PAGE ASSOCIATION */
+  body.association .titre_page {
+    border-color: #ffcc00ff;
+  }
+  body.association .__header h3{
+    color: #ffcc00ff;
+  }
+  body.association .__content {
+    border-color: #ffcc00ff;
+  }
+  .tableau_engagements{
+    margin-top: 100px;
+  }
+  .tableau_engagements > div:not(.gutter-sizer) {
+    margin-bottom: 10px;
+    border: 4px solid #ffcc00ff;
+    padding: 10px;
+    width: calc(50% - 10px)!important;
+  }
+  .gutter-sizer {
+    width: 10px;
+  }
+/* END PAGE ASSOCIATION */
+
+/* START PAGE privatiser-lespace */
+  body.privatiser-lespace .titre_page {
+    border-color: #26e800ff;
+  }
+  body.privatiser-lespace .__header h3{
+    color: #26e800ff;
+  }
+
+  .legendes{
+    background-color: white;
+    position : absolute;
+    bottom: 20px;
+    margin-left: 20px;
+    border: 8px solid #26e800ff;
+    padding: 10px;
+  }
+  .privatiser.__slide .img{
+    height: 100%;
+  }
+  .privatiser.__slide  .legendes{
+    opacity: 0;
+    transform: translateX(50px);
+    transition: all 0.3s;
+  }
 
+  .privatiser.__slide .is-selected .legendes{
+    opacity: 1;
+    transform: translateX(0px);
+    transition: all 1.3s;
+  }
 
+  .privatiser-lespace .__organisation,
+  .privatiser-lespace .__organisation .orga{
+    margin: 40px 0;
+  }
+  .privatiser-lespace .__organisation .title{
+    color: #26e800ff
+  }
+  .privatiser-lespace .__organisation .__item{
+    border: 8px solid #26e800ff;
+    padding: 10px;
+  }
+  /* END PAGE privatiser-lespace */
 
 
 
@@ -449,17 +591,6 @@ article .__img_event img{
   text-align: center;
   text-transform: uppercase;
 }
-.sidebar_left .__content, .sider_left_form, .__organisation .__item, .content_zone {
-  border: 8px solid blue;
-  padding: 1em;
-}
-.tableau_engagements {
-  margin-top : 10%;
-}
-.tableau_engagements div{
-  margin-top : 5%;
-  padding-left: 5%;
-}
 
 /*sections page accueil*/
 
@@ -680,22 +811,8 @@ article .__img_event img{
 /*fin page les projets*/
 
 /*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: 4%;
-  text-align: center;
-}
-._orga {
-  margin-top: 4%;
-}
+
+
 
 /*fin privatiser l'espace*/
 

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

@@ -31,6 +31,7 @@
 				</div>
 
 				<div class="tableau_engagements row align-items-start">
+				<div class="gutter-sizer"></div>
 					{% for item in post.meta('type_engagement') %}
 						<div class="engagement col-md-12 col-lg-6"> <!--semble pas marcher (à cause de massonery ?)-->
 							<div class="__head">

web/app/themes/la_mine/templates/components/forms/form_lacollecte.twig

@@ -1,5 +1,5 @@
 <form class="sider_left_form" action="index.html" method="post">
   {% apply shortcodes %}
-    [advanced_form form="form_5eddff3526734"]
+    [advanced_form form="form_5edd062310705"]
   {% endapply %}
 </form>

web/app/themes/la_mine/templates/components/sider_left.twig

@@ -26,7 +26,7 @@
 		{{ post.meta('paragraphe_bloc') }}
 	</div>
 
-	<div class = "__bouttons col justify-content-center ">
+	<div class = "__bouttons">
 		{% include '/components/buttons/bouton_asso.html.twig' %}
 		{% include '/components/buttons/bouton_contact.html.twig' %}
 	</div>