Browse Source

install wmtp && modif css

Tessier 4 years ago
parent
commit
7f3fb7facb

+ 2 - 1
composer.json

@@ -43,7 +43,8 @@
     "wpackagist-plugin/timber-library": "^1.15",
     "twbs/bootstrap": "4.5.0",
     "twig/extensions": "^1.5",
-    "wpackagist-plugin/advanced-forms": "^1.6"
+    "wpackagist-plugin/advanced-forms": "^1.6",
+    "wpackagist-plugin/wp-mail-smtp": "^2.4"
   },
   "require-dev": {
     "squizlabs/php_codesniffer": "^3.5.4",

+ 19 - 1
composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "903fb4c0bdca7a4f896104b330762f2a",
+    "content-hash": "01e1678ee520805eb78030d161e383b5",
     "packages": [
         {
             "name": "composer/installers",
@@ -890,6 +890,24 @@
             },
             "type": "wordpress-plugin",
             "homepage": "https://wordpress.org/plugins/timber-library/"
+        },
+        {
+            "name": "wpackagist-plugin/wp-mail-smtp",
+            "version": "2.4.0",
+            "source": {
+                "type": "svn",
+                "url": "https://plugins.svn.wordpress.org/wp-mail-smtp/",
+                "reference": "tags/2.4.0"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://downloads.wordpress.org/plugin/wp-mail-smtp.2.4.0.zip"
+            },
+            "require": {
+                "composer/installers": "~1.0"
+            },
+            "type": "wordpress-plugin",
+            "homepage": "https://wordpress.org/plugins/wp-mail-smtp/"
         }
     ],
     "packages-dev": [

File diff suppressed because it is too large
+ 38 - 56
web/app/themes/la_mine/dist/assets/css/index.css


File diff suppressed because it is too large
+ 0 - 0
web/app/themes/la_mine/dist/assets/css/index.min.css


+ 1 - 3
web/app/themes/la_mine/functions.php

@@ -21,7 +21,7 @@
 		get_template_directory_uri() . '/src/assets/js/flickity.pkgd.min.js', array() );
 	}
 	add_action( 'wp_footer', 'flickity' );
-	
+
 	function isotope(){
 		wp_enqueue_script( 'isotope',
 		get_template_directory_uri() . '/src/assets/js/isotope.pkgd.min.js', array() );
@@ -34,8 +34,6 @@
 	}
 	add_action( 'wp_footer', 'customJs' );
 
-
-
 	//
 	// function includedrag() {
 	// 	wp_deregister_script('drag-ui');

+ 10 - 11
web/app/themes/la_mine/src/assets/js/scripts.js

@@ -1,6 +1,5 @@
 function slides() {
-  var Home = $('.accueil .hero .main-carousel');
-  $('body:not(.les-temps-forts) .main-carousel').flickity({
+  $('body:not(.les-temps-forts) main .main-carousel').flickity({
     cellAlign: 'left',
     autoPlay: true,
     prevNextButtons: false,
@@ -36,15 +35,15 @@ function slides() {
     }
   }
 
-  // var Partenaires = document.querySelector('.container_slide ul');
-  // if (Partenaires != null) {
-  //   var flkty = new Flickity( Partenaires, {
-  //     cellAlign: 'left',
-  //     pageDots: false
-  //     // groupCells: true,
-  //     // carousel-cell: true,
-  //   });
-  //  }
+  var Partenaires = document.querySelector('footer .main-carousel');
+  if (Partenaires != null) {
+    var flkty = new Flickity( Partenaires, {
+      cellAlign: 'left',
+      autoPlay: true,
+      pageDots: false,
+      prevNextButtons: false,
+    });
+   }
 }
 
 function masonry() {

+ 5 - 0
web/app/themes/la_mine/src/assets/scss/components/_footer.scss

@@ -1,5 +1,7 @@
 body{
     & > footer{
+        box-shadow: inset 0px 10px 10px rgba(0, 0, 0, 0.05);
+        padding-top: 2rem;
         section{
             & > .row{
                 margin-bottom: 1rem;
@@ -119,6 +121,9 @@ body{
                 display: block;
                 width: max-content;
                 text-transform: uppercase;
+                @media screen and (min-width: 568px) {
+                  margin: 0.5rem auto;
+                }
                 &:hover{
                     border: 5px solid black;
                     background: black;

+ 41 - 6
web/app/themes/la_mine/src/assets/scss/components/_thumbnails.scss

@@ -1,14 +1,38 @@
 .thumbnails{
+  min-height: 520px;
+  @media screen and (min-width: 768px) {
+    min-height: 430px;
+  }
+  // margin-bottom: 2rem;
     a{
         display: block;
         text-decoration: none;
     }
-    margin-bottom: 2rem;
+    figure{
+      overflow: hidden;
+        img{
+            transform: scale(1);
+            transition: 1s transform ease;
+        }
+    }
     .wrap_content{
         display: flex;
         flex-direction: column;
-        justify-content: center;
-        margin-top: -6rem;
+        max-height: 11.3rem;
+        overflow: hidden;
+        border: 5px solid black;
+        padding: 1rem;
+        position: relative;
+        margin: -6rem 2rem;
+        background: white;
+        transition: 0.2s margin-top ease;
+        text-align: center;
+        & > * {
+          color: black;
+        }
+        h3{
+          font-size: 1.5rem;
+        }
         h5{
             font-family: 'universalis-bold';
             font-size: 1.25rem;
@@ -16,14 +40,17 @@
             text-transform: uppercase;
         }
         .date{
+          margin-bottom: 0.5rem;
             & > * {
                 font-family: 'universalis-regular';
                 font-size: 0.9rem;
-                line-height: 1;
+                line-height: 0.5;
+                time{
+                  line-height: 0.5;
+                }
             }
         }
         .places{
-            padding-top: 0.5rem;
             font-family: 'universalis-regular';
             font-size: 0.9rem;
             line-height: 1;
@@ -31,8 +58,16 @@
         }
     }
     &:hover {
+        figure{
+          overflow: hidden;
+            img{
+                transform: scale(1.1);
+                transition: 1s transform ease;
+            }
+        }
         .wrap_content{
             margin-top: -7rem;
-        }    
+            transition: 0.2s margin-top ease;
+        }
     }
 }

+ 5 - 1571
web/app/themes/la_mine/src/assets/scss/index.scss

@@ -57,15 +57,16 @@ p{
     }
 }
 
+
+main{
+  min-height: 90vh;
+}
+
 a{
     text-decoration: none!important;
 }
 
 .wrap-btn{
-    // margin-top: 2rem;
-    @media screen and (min-width: 576px) {
-        // margin-top: 5rem;
-    }
     a.btn{
         border: 5px solid black;
         transform: rotate(0deg) scale(1);
@@ -76,1570 +77,3 @@ a{
         }
     }
 }
-
-// @import "bootstrap/scss/bootstrap-grid.scss";
-// @import "normalize.css/normalize.css";
-
-
-// hamburgers
-// @import "./node_modules/hamburgers/_sass/hamburgers/hamburgers.scss";
-
-// Config
-// @import "scss/configs/variables.scss";
-// @import "scss/configs/mixins.scss";
-
-// body{
-//   background: yellow;
-// }
-//
-// @font-face {
-//     font-family: 'millimetre_regularregular';
-//     src: url('../fonts/millimetre-regular-webfont.woff2') format('woff2'),
-//          url('../fonts/millimetre-regular-webfont.woff') format('woff');
-//     font-weight: normal;
-//     font-style: normal;
-// }
-//
-// @font-face {
-//     font-family: 'universalis_adf_stdbold';
-//     src: url('../fonts/universalisadfstd-bold-webfont.woff2') format('woff2'),
-//          url('../fonts/universalisadfstd-bold-webfont.woff') format('woff');
-//     font-weight: normal;
-//     font-style: normal;
-// }
-// @font-face {
-//     font-family: 'UniversalisADFStd-Regular';
-//     src: url('../fonts/UniversalisADFStd-Regular.woff') format('woff');
-//     font-weight: bold;
-//     font-style: normal;
-// }
-//
-// p{
-//     font-family: 'UniversalisADFStd-Regular';
-//     font-weight: bold;
-// }
-// p strong{
-//   font-family: 'universalis_adf_stdbold';
-//
-// }
-// *{
-//   -webkit-box-sizing: border-box;
-//           box-sizing: border-box;
-// }
-// html{
-//   overflow-x: hidden;
-// }
-// /*START PARALAX*/
-// .paralax{
-//   z-index: -1;
-//   position: absolute!important;
-//   width: 50%;
-// }
-//
-// #section_proch .paralax{
-//   left: -20%;
-// }
-// .section_accueil .paralax{
-//   /* left: 50%; */
-// }
-//
-// #section_projets .paralax{
-//   left: 50%;
-// }
-//
-// #section_asso .paralax{
-//   left: 30%;
-// }
-//
-// .agenda .paralax{
-//   z-index: -1;
-//   position: absolute;
-//   top:0;
-//   width: 50%;
-// }
-//
-// .les-projets .paralax{
-//   z-index: -1;
-// }
-//
-// .la-collecte .paralax{
-//   z-index: -1;
-//   width: 50%;
-//   top: 0;
-// }
-//
-// .la-benevole-zone .paralax{
-//   z-index: -1;
-//   width: 50%;
-//   top: 0;
-// }
-//
-// .privatiser-lespace .paralax{
-//   z-index: -1;
-//   width: 30%;
-//   top: 0;
-// }
-//
-// .privacy-policy .paralax{
-//   z-index: -1;
-//   width: 70%;
-//   top: 0;
-// }
-// /*END PARALAX*/
-// body {
-//   font-size: 16px;
-//   font-family: 'universalis_adf_stdbold';
-//   padding: 0!important;
-// }
-//
-// h1, h2, h3, h5{
-//   font-family: 'millimetre_regularregular';
-// }
-//
-// h1, h5, h6{
-//   text-transform: uppercase;
-// }
-//
-// img{
-//   width: 100%;
-//   height: 100%;
-// }
-//
-// ul{
-//   padding:0;
-// }
-//
-// li ,ul ,ol {
-//   list-style-type:none;
-// }
-//
-// a, a:hover{
-//   color: black;
-//   text-decoration: none;
-// }
-//
-// /* START HEADER */
-// header{
-//   width: 100%;
-//   position: fixed;
-//   z-index: 999;
-//   top: 0;
-//   left: 0;
-//   pointer-events: none;
-// }
-// header > .nav-wrapper{
-//   height: -webkit-fit-content;
-//   height: -moz-fit-content;
-//   height: fit-content;
-// }
-//   /* START LOGO */
-//   .logoLamine {
-//     width : 150px;
-//     height: 150px;
-//     pointer-events: auto;
-//   }
-//
-//   .logoLamine a{
-//     display: block;
-//     width: 100%;
-//     height: 100%;
-//   }
-//   .logoLamine img{
-//     -o-object-fit: cover;
-//        object-fit: cover;
-//   }
-//
-//   #lumiR_logo {
-//     z-index: 1;
-//     position: absolute;
-//     left: 68px;
-//     top: 60px;
-//     width: 68px;
-//     height: 68px;
-//     background-color: #ffcc00ff;
-//     border-radius: 68px;
-//     opacity: 0.3;
-//   }
-//
-//   .accueil #lumiR_logo, .agenda #lumiR_logo, .association #lumiR_logo, .privacy-policy #lumiR_logo{
-//     background-color: #ffcc00ff;
-//   }
-//   .les-projets #lumiR_logo {
-//     background-color: #ff0000ff;
-//   }
-//   .les-temps-forts #lumiR_logo {
-//     background-color: #009ee0ff;
-//   }
-//   .la-collecte #lumiR_logo {
-//     background-color: #ff56ffff;
-//   }
-//   .la-benevole-zone #lumiR_logo {
-//     background-color: #5353e1ff;
-//   }
-//   .privatiser-lespace #lumiR_logo {
-//     background-color: #26e800ff;
-//   }
-//   #fond_logo{
-//     z-index: -1;
-//     position: absolute;
-//     left: -25px;
-//     top: -25px;
-//     width: 200px;
-//     height: 200px;
-//     background-color: white;
-//     border-radius: 200px;
-//     -webkit-transform: scale(1);
-//         -ms-transform: scale(1);
-//             transform: scale(1);
-//     -webkit-transition: all 0.3s ease;
-//     -o-transition: all 0.3s ease;
-//     transition: all 0.3s ease;
-//   }
-//   .logoLamine:hover #fond_logo{
-//     -webkit-transform: scale(1.1);
-//         -ms-transform: scale(1.1);
-//             transform: scale(1.1);
-//     -webkit-transition: all 0.3s ease;
-//     -o-transition: all 0.3s ease;
-//     transition: all 0.3s ease;
-//   }
-//   /* END LOGO */
-//
-//   /* START RS */
-//   .rs{
-//     /* padding-top: 10px; */
-//     height: -webkit-fit-content;
-//     height: -moz-fit-content;
-//     height: fit-content;
-//     pointer-events: auto;
-//   }
-//   .rs > div {
-//     width: 30px;
-//     height: 30px;
-//     -o-object-fit: cover;
-//        object-fit: cover;
-//     margin-right: 15px;
-//   }
-//   /* END RS */
-//
-//   /* START NAV */
-//   /* END NAV */
-//
-//   /* START BURGER */
-//   .burger{
-//     height: -webkit-fit-content;
-//     height: -moz-fit-content;
-//     height: fit-content;
-//     pointer-events: auto;
-//   }
-//   .fond_burger{
-//     background-image: url('../images/form_burger.svg');
-//     background-position: center; /* Center the image */
-//     background-repeat: no-repeat; /* Do not repeat the image */
-//     background-size: contain;
-//   }
-//   #nav-main{
-//     display: none;
-//     position: fixed;
-//     top: 70px;
-//     right: 1rem;
-//     width: calc(100% / 4);
-//     max-width : 200px;
-//     background: white;
-//     z-index: -1;
-//     border: 4px solid black;
-//   }
-//   @media screen and (max-width: 576px) {
-//      #nav-main{
-//       width: 100%;
-//       max-width : 100%;
-//       right: 0;
-//       top: 0;
-//       height: 100vh;
-//       border: none;
-//     }
-//     .nav-main > ul > li{
-//       border-bottom: 4px solid black;
-//     }
-//     .nav-main > ul > li:first-child{
-//       border-top: 4px solid black;
-//     }
-//   }
-//   #nav-main.is-active{
-//     display: -webkit-box;
-//     display: -ms-flexbox;
-//     display: flex;
-//     pointer-events: auto;
-//     -webkit-box-align: center;
-//         -ms-flex-align: center;
-//             align-items: center;
-//   }
-//   .nav-main > ul{
-//     width: 100%;
-//     display: -webkit-box;
-//     display: -ms-flexbox;
-//     display: flex;
-//     -webkit-box-pack: center;
-//         -ms-flex-pack: center;
-//             justify-content: center;
-//     -webkit-box-orient: vertical;
-//     -webkit-box-direction: normal;
-//         -ms-flex-direction: column;
-//             flex-direction: column;
-//     margin-bottom: 0rem;
-//   }
-//   .nav-main > ul > li{
-//     text-align: center;
-//   }
-//   .nav-main > ul > li a{
-//     background: white;
-//     color: black;
-//     -webkit-transition: all 0.3s ease;
-//     -o-transition: all 0.3s ease;
-//     transition: all 0.3s ease;
-//   }
-//   .nav-main > ul > li a:hover{
-//     background: black;
-//     color: white;
-//     -webkit-transition: all 0.3s ease;
-//     -o-transition: all 0.3s ease;
-//     transition: all 0.3s ease;
-//   }
-//
-//   .nav-main > ul > li:not(:last-child){
-//     border-bottom: 4px solid black;
-//   }
-//   #fl_menu{
-//     position:absolute;
-//     z-index: 9999;
-//     width: 30px;
-//     height: auto;
-//     right: 0;
-//   }
-//
-//   .menu-item {
-//     font-family: 'millimetre_regularregular', sans-serif;
-//     text-transform: uppercase;
-//     text-align: center;
-//     pointer-events: auto;
-//   }
-//
-//   .menu-item a {
-//     width: 100%;
-//     display: block;
-//     padding: 1rem;
-//   }
-//
-//   #nav-main > ul > li > ul{
-//     display: none;
-//     text-transform: lowercase;
-//     border-bottom: none;
-//   }
-//
-//   #nav-main > ul > li > a:hover > ul {
-//     display: block;
-//   }
-//
-//   #nav-main > ul > .menu-item{
-//     /* border: 4px solid black; */
-//   }
-//
-//   #nav-main > ul > li:first-child > a::after{
-//     content: "";
-//     background-image: url('../images/fleche_menu.svg');
-//     background-repeat: no-repeat;
-//     background-position: center;
-//     display: inline-block;
-//     width: 20px;
-//     height: 15px;
-//     margin-left: 10px;
-//   }
-//
-//   #nav-main > ul > li:first-child:hover > ul {
-//     display: block;
-//   }
-//
-//   /* END BURGER */
-// /* END HEADER */
-//
-// /* START BODY */
-// body > .content-wrapper{
-//   margin-top: 200px;
-// }
-// /* END BODY */
-// /* START BUTTON */
-// .section_accueil .redirection_page{
-//   margin: 10px auto;
-//   padding: 3px 10px;
-// }
-// .section_accueil .tout_voir{
-//   margin: 30px auto;
-//   padding: 3px 10px;
-// }
-//
-// .btn, #bouton_asso, #bouton_contact {
-//   display: block;
-//   cursor: default!important;
-//   margin: auto;
-// }
-//
-// #bouton_contact {
-//   margin-top: 20px;
-// }
-//
-// .btn a,
-// #bouton_asso a,
-// #bouton_contact a{
-//   display: block;
-//   width: -webkit-max-content;
-//   width: -moz-max-content;
-//   width: max-content;
-//   margin: auto;
-//   -webkit-transform: scale(1) rotate(0deg);
-//       -ms-transform: scale(1) rotate(0deg);
-//           transform: scale(1) rotate(0deg);
-//   -webkit-transition: -webkit-transform 0.3s ease;
-//   transition: -webkit-transform 0.3s ease;
-//   -o-transition: transform 0.3s ease;
-//   transition: transform 0.3s ease;
-//   transition: transform 0.3s ease, -webkit-transform 0.3s ease;
-// }
-//
-// .btn a:hover,
-// #bouton_asso a:hover,
-// #bouton_contact a:hover{
-//   -webkit-transform: scale(1.05) rotate(-5deg);
-//       -ms-transform: scale(1.05) rotate(-5deg);
-//           transform: scale(1.05) rotate(-5deg);
-//   -webkit-transition: all 0.3s ease;
-//   -o-transition: all 0.3s ease;
-//   transition: all 0.3s ease;
-// }
-// .btn a{
-//   padding: 7px 10px;
-//   background-color: white;
-//   border: 4px solid black;
-// }
-// .add_asso{
-//   display: block;
-//   cursor: default!important;
-//   margin: 30px auto 30px auto;;
-// }
-// .add_asso a {
-//   padding: 7px 10px;
-//   background-color: white;
-//   border: 4px solid black;
-//   font-weight: bold;
-// }
-// .add_asso a:hover {
-//   color: white;
-//   background-color: black;
-// }
-// .flickity-button {
-//   background: transparent;
-// }
-// .flickity-prev-next-button {
-//   width: 100px;
-//   height: 100px;
-// }
-//
-// .flickity-button-icon {
-//   fill: white;
-// }
-// .flickity-button-icon:hover {
-//   fill: black;
-// }
-// .flickity-prev-next-button:hover {
-//   background: transparent;
-// }
-//
-// footer .flickity-prev-next-button:disabled {
-//   display: none;
-// }
-// footer .flickity-prev-next-button{
-//   width: 50px;
-//   height: 50px;
-// }
-// /* END BUTTON */
-//
-// /* START PAGE HOME */
-//   .section_accueil {
-//     position: relative;
-//     padding: 100px 0;
-//   }
-//   .section_accueil .titre{
-//     white-space: nowrap;
-//   }
-//   .section_accueil#section_proch .titre{
-//     border-color: #ffcc00ff;
-//   }
-//   .section_accueil#section_proch .titre{
-//     top: -150px;
-//   }
-//   .section_accueil#section_asso .titre,
-//   .section_accueil#section_asso .content_asso  {
-//     border-color: #ffcc00ff;
-//   }
-//
-//   .section_accueil#section_projets .titre,
-//   .section_accueil#section_projets .wrap_content  {
-//     border-color: #f51212ff;
-//     background-color: white;
-//   }
-//   .section_accueil#section_projets .wrapper__content h3{
-//     color: #f51212ff;
-//   }
-//   .section_accueil#section_projets .wrap_content{
-//     height: calc(100% - 80px);
-//   }
-//   /*ajout chloe drag*/
-//   .group_drag {
-//     z-index: 9999;
-//     width: 200px;
-//     height: auto;
-//     cursor: -webkit-grab;
-//     cursor: grab;
-//   }
-//   .ui-draggable-dragging{
-//     cursor: -webkit-grabbing;
-//     cursor: grabbing;
-//   }
-//     #drag_1 {
-//       position:absolute;
-//       top:175px;
-//       left: 645px;
-//     }
-//     #drag_2 {
-//       position:absolute;
-//       top: 265px;
-//       left: 318px;
-//     }
-//     #drag_3 {
-//       position:absolute;
-//       top:630px;
-//       left: 790px;
-//     }
-//     #drag_4 {
-//       position:absolute;
-//       top:385px;
-//       left: 616px;
-//     }
-//     #drag_5 {
-//       position:absolute;
-//       top:255px;
-//       left: 981px;
-//     }
-//     #drag_6 {
-//       position:absolute;
-//       top:280px;
-//       left: -69px;
-//     }
-//     #drag_7 {
-//       position:absolute;
-//       top:555px;
-//       left: 340px;
-//     }
-//     #drag_8 {
-//       position:absolute;
-//       top:420px;
-//       left: 945px;
-//     }
-//     #drag_9 {
-//       position:absolute;
-//       top:515px;
-//       left: 40px;
-//     }
-//     @media screen and (max-width: 576px) {
-//       .group_drag{
-//         display: none;
-//       }
-//     }
-//
-// /*fin ajout chloe drag*/
-//
-//   .section_accueil#section_tpsF .titre,
-//   .section_accueil#section_tpsF .content_asso  {
-//     border-color: #009ee0ff;
-//   }
-//   .section_accueil#section_tpsF .wrapper__content h3{
-//     color: #009ee0ff;
-//   }
-//   .section_accueil#section_tpsF .colonne_section{
-//     margin-bottom: 50px;
-//   }
-//   .section_accueil#section_tpsF ._content_tpsF{
-//     min-height: 280px;
-//   }
-//
-//   .section_accueil#section_MineVideo .titre {
-//     border-color: #009ee0ff;
-//   }
-// /* END PAGE HOME */
-//
-// /* START PAGE AGENDA */
-// .agenda .titre_page {
-//   border-color: #ffcc00ff;
-// }
-//
-// .agenda .cat-list{
-//   padding: 20px 0 50px 0;
-// }
-//
-// .agenda .btn_archive,
-// .archive .btn_archive{
-//   justify-content: flex-end;
-// }
-// .agenda .btn_archive li,
-// .archive .btn_archive li{
-//   margin-bottom: 0!important;
-// }
-//
-// .agenda .cat-list li,
-// .agenda .btn_archive li,
-// .archive .cat-list li,
-// .archive .btn_archive li{
-//   cursor: pointer;
-//   margin: 0 10px 20px 10px;
-//   padding: 2px 8px;
-//   border: 4px solid black;
-//   background-color: white;
-//   height: 40px;
-//   display: -webkit-box;
-//   display: -ms-flexbox;
-//   display: flex;
-//   -webkit-box-align: end;
-//       -ms-flex-align: end;
-//           align-items: flex-end;
-//   -webkit-transition: all 0.2s ease;
-//   -o-transition: all 0.2s ease;
-//   transition: all 0.2s ease;
-// }
-//
-// .agenda .cat-list li:hover,
-// .archive .cat-list li:hover,
-// .agenda .btn_archive li:hover,
-// .archive .btn_archive li:hover{
-//   background: black;
-//   color: white;
-//   -webkit-transition: all 0.2s ease;
-//   -o-transition: all 0.2s ease;
-//   transition: all 0.2s ease;
-// }
-// .agenda .btn_archive li:hover a,
-// .archive .btn_archive li:hover a{
-//   color: white;
-// }
-// .cat-list,
-// .btn_archive {
-//   text-transform: uppercase;
-//   font-weight: bold;
-//   margin-top: 10px;
-// }
-//
-// /* START END AGENDA */
-//
-// /* START PAGE SINGLE */
-// .fleche {
-//   position: relative;
-//   left:-50px;
-//   top:-10px;
-//   background-image: url('../images/fleche.svg');
-//   width: 50px;
-//   height: 50px;
-//   background-size: contain;
-// }
-//
-// article .header{
-//   margin-bottom: 40px;
-// }
-//
-// article .titre_event{
-//   text-transform: uppercase;
-//   font-weight: bold;
-//   text-align: center;
-//   background-color: white;
-//   border: 8px solid #ffcc00ff;
-//   padding: 0.5rem 0 0.2rem 0;
-//   margin: 0!important;
-// }
-//
-// .article-content .cat{
-//   text-transform: uppercase;
-//   font-weight: bold;
-// }
-//
-// .article-content .data{
-//   background-color: white;
-//   border: 4px solid #ffcc00ff;
-//   padding: 1em;
-//   text-transform: uppercase;
-//   font-weight: bold;
-//   color: #ffcc00ff;
-// }
-//
-// .article-content .inscription,
-// .article-content .partager,
-// .article-content .tarif{
-//   margin-top: 40px;
-// }
-//
-// .article-content h3:not(.titre_event) {
-//   color: #ffcc00ff;
-//   margin-bottom: 0;
-// }
-//
-// .article-content .texte_details{
-//   margin: 0;
-// }
-// .article-content .voir_event{
-//   font-weight: bold;
-// }
-//
-// .article-content .partager a{
-//   display: block;
-//   width: 20px;
-//   height: 20px;
-//   margin-right: 5px;
-// }
-//
-// article .__img_event{
-//   max-height: 500px;
-// }
-//
-// @media screen and (max-width: 576px) {
-//   article .__img_event{
-//     max-height: 300px;
-//   }
-// }
-//
-//
-// article .__img_event img{
-//   position:relative;
-//   top: 0;
-//   width:100%;
-//   height:100%;
-//   -o-object-fit:cover;
-//      object-fit:cover;
-// }
-//
-// .other{
-//   margin-top: 200px;
-//   position: relative;
-// }
-// .other .header_other{
-//   position: absolute;
-//   top: 0;
-//   -webkit-transform: translate(-50% ,-150%);
-//       -ms-transform: translate(-50% ,-150%);
-//           transform: translate(-50% ,-150%);
-//   left: 0;
-// }
-//
-// .voir_aussi {
-//   text-transform: uppercase;
-//   font-weight: bold;
-//   background-color: white;
-//   border: 8px solid #ffcc00ff;
-//   -webkit-transform: rotate(-10deg);
-//       -ms-transform: rotate(-10deg);
-//           transform: rotate(-10deg);
-//   padding: 0.5rem;
-// }
-//
-// .cat p{
-//   margin:0;
-// }
-//
-// .wrapper__content {
-//   margin-top: 20px;
-// }
-// /* 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;
-//   background-color: white;
-// }
-// .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;
-//   background-color: white;
-//   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: -webkit-max-content;
-//     width: -moz-max-content;
-//     width: max-content;
-//     margin: 30px auto 0 auto;
-//
-//   }
-//   .la-benevole-zone .__bouttons > div{
-//     border: 4px solid #5353e1ff;
-//     background-color: white;
-//     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 .title {
-//     color: #ff0000ff;
-//   }
-//   body.les-projets section#content .wrapper section{
-//     margin: 100px auto;
-//   }
-//   .projet .img {
-//     margin: 30px 0;
-//   }
-//   ._pjt{
-//     margin-top: 8%;
-//     /* RETIRE LES % */
-//   }
-// /* 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;
-//   }
-//   .association .__bouttons{
-//     text-align: center;
-//     width: -webkit-max-content;
-//     width: -moz-max-content;
-//     width: max-content;
-//     margin: 30px auto 0 auto;
-//   }
-//   .association .__bouttons > div{
-//     border: 4px solid #ffcc00ff;
-//     background-color: white;
-//     margin: 10px auto;
-//     padding: 0 10px;
-//     font-weight: bold;
-//   }
-//
-//   .tableau_engagements{
-//     margin-top: 100px;
-//   }
-//   .tableau_engagements > div:not(.gutter-sizer) {
-//     margin-bottom: 10px;
-//     border: 4px solid #ffcc00ff;
-//     background-color: white;
-//     padding: 10px;
-//     width: calc(50% - 10px)!important;
-//   }
-//   .gutter-sizer {
-//     width: 10px;
-//   }
-//   @media screen and (max-width: 576px) {
-//     .tableau_engagements > div:not(.gutter-sizer) {
-//       width: calc(100% - 40px)!important;
-//       margin: 0 20px 20px 20px;
-//     }
-//   }
-// /* 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;
-//     -webkit-transform: translateX(50px);
-//         -ms-transform: translateX(50px);
-//             transform: translateX(50px);
-//     -webkit-transition: all 0.3s;
-//     -o-transition: all 0.3s;
-//     transition: all 0.3s;
-//   }
-//
-//   .privatiser.__slide .is-selected .legendes{
-//     opacity: 1;
-//     -webkit-transform: translateX(0px);
-//         -ms-transform: translateX(0px);
-//             transform: translateX(0px);
-//     -webkit-transition: all 1.3s;
-//     -o-transition: all 1.3s;
-//     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;
-//     background-color: white;
-//     padding: 10px;
-//   }
-//   /* END PAGE privatiser-lespace */
-// /*START PRIVACY-POLICY*/
-// .privacy-policy .article-h1 {
-//   position: absolute;
-//   top: 100px;
-//   left: 150px;
-//   text-transform: uppercase;
-//   font-weight: bold;
-//   text-align: center;
-//   -webkit-box-align: center;
-//       -ms-flex-align: center;
-//           align-items: center;
-//   border: 8px solid #00FFFF;
-//   -webkit-transform: rotate(-10deg);
-//       -ms-transform: rotate(-10deg);
-//           transform: rotate(-10deg);
-//   padding: 0.5rem;
-//   background-color: white;
-// }
-// .privacy-policy h2, .privacy-policy h3{
-//   font-family: 'universalis_adf_stdbold', sans-serif;
-//   color: black!important;
-//   font-size: 1em;
-//   text-transform: uppercase;
-//   font-weight: bold;
-// }
-// .privacy-policy .content-wrapper {
-//   margin-top: 300px;
-// }
-// .privacy-policy .article-body {
-//   -webkit-column-count: 2;
-//      -moz-column-count: 2;
-//           column-count: 2;
-// }
-// /*END PRIVACY-POLICY*/
-//
-// .titre_page, .titre{
-//   position: absolute;
-//   top: -100px;
-//   left: -70px;
-//   text-transform: uppercase;
-//   font-weight: bold;
-//   text-align: center;
-//   -webkit-box-align: center;
-//       -ms-flex-align: center;
-//           align-items: center;
-//   border: 8px solid blue;
-//   background-color: white;
-//   -webkit-transform: rotate(-10deg);
-//       -ms-transform: rotate(-10deg);
-//           transform: rotate(-10deg);
-//   padding: 0.5rem;
-//   background-color: white;
-// }
-//
-// .titre_1{
-//   margin-top:1em;
-// }
-//
-// .next_edition{
-//   font-style: italic;
-//   text-align: center;
-//   color:#009ee0ff;
-//   text-transform: uppercase;
-// }
-// .title {
-//   text-align: center;
-//   text-transform: uppercase;
-// }
-//
-// /*start sections page accueil*/
-//
-// /* START KEVIN */
-// /*START SECTION PROCHAINEMENT*/
-//   .coming_soon{
-//     width: 100%;
-//   }
-//
-//   /* ALL thumbnails */
-//   .thumbnails .__img{
-//     height: 300px;
-//   }
-//   .thumbnails .__img img{
-//     width: 100%;
-//     height: 100%;
-//     -o-object-fit: cover;
-//        object-fit: cover;
-//   }
-//   .thumbnails .icone_cat{
-//     width: 40px;
-//     height: 40px;
-//     border-radius: 40px;
-//     position: absolute;
-//     -webkit-transform: translate(-50%, -50%);
-//         -ms-transform: translate(-50%, -50%);
-//             transform: translate(-50%, -50%);
-//     background-position: center; /* Center the image */
-//     background-repeat: no-repeat; /* Do not repeat the image */
-//     background-size: cover; /* Resize the background image to cover the entire container */
-//     background-color: black;
-//   }
-//   .thumbnails .atelier{
-//     background-image: url("../images/picto_ateliers.svg");
-//   }
-//   .thumbnails .autres{
-//     background-image: url("../images/picto_autres.svg");
-//   }
-//   .thumbnails .non_programmation{
-//     background-image: url("../images/picto_nonprog.svg");
-//   }
-//   .thumbnails .la_mine_numerique{
-//     background-image: url("../images/picto_num.svg");
-//   }
-//   .thumbnails .musiques{
-//     background-image: url("../images/picto_musique.svg");
-//   }
-//   .thumbnails .zero_dechets{
-//     background-image: url("../images/picto_zero.svg");
-//   }
-//
-// /* END SECTION PROCHAINEMENT */
-//
-// /* SECTION ASSO */
-//   #section_asso .association .__body{
-//     position: relative;
-//     -webkit-box-pack: end;
-//         -ms-flex-pack: end;
-//             justify-content: flex-end;
-//     margin-top: 50px;
-//   }
-//   .image_sectionasso {
-//     position: absolute;
-//     top: 0;
-//     left: 0;
-//     margin-top: 100px;
-//     width: 70%;
-//   }
-//   .content_asso {
-//     width: 70%;
-//     position: relative;
-//     padding: 20px 10px;
-//     background-color: white;
-//     border: 8px solid yellow;
-//   }
-// /* START SECTION PROJETS*/
-// #section_projets{
-//   margin-top: 300px;
-// }
-// .title_pjt{
-//   color: #f51212ff;
-//   font-weight: bold;
-// }
-// /*END SECTION PROJETS*/
-//   /* responsive iframe */
-//   #section_MineVideo .wrapper__content {
-//     position: relative;
-//     padding-bottom: 56.25%; /* 16:9 */
-//     height: 0;
-//   }
-//   .slide .video{
-//     position: relative;
-//     width: 100%;
-//     padding-bottom: 50%;
-//     padding-top: 35px;
-//     height: 100%;
-//     overflow: hidden;
-//   }
-//   .slide .video iframe{
-//     position: absolute;
-//     top: 0;
-//     left: 0;
-//     width: 100%;
-//     height: 100%;
-//   }
-//   #section_MineVideo .wrapper__content iframe{
-//     position: absolute;
-//     top: 0;
-//     left: 0;
-//     width: 100%;
-//     height: 100%;
-//   }
-// /* END KEVIN */
-//
-// /* .item {
-//   margin-top: 50px;
-// } */
-//
-// .wrap__content_proch {
-//   position: relative;
-//   width: calc(100% - 40px);
-//   margin: -4rem auto 0 auto;
-//   padding: 10px;
-//   min-height: 160px;
-//   -webkit-box-align: center;
-//       -ms-flex-align: center;
-//           align-items: center;
-//   text-align: center;
-//   background-color: white;
-//   border: 4px solid black;
-//   display: -webkit-box;
-//   display: -ms-flexbox;
-//   display: flex;
-//   -webkit-box-orient: vertical;
-//   -webkit-box-direction: normal;
-//       -ms-flex-direction: column;
-//           flex-direction: column;
-//   -webkit-box-pack: center;
-//       -ms-flex-pack: center;
-//           justify-content: center;
-// }
-//
-// .colonne_section{
-//   margin-top: 10px;
-// }
-// .colonne_section .wrap_content {
-//   border: 8px solid blue;
-//   padding: 1em;
-// }
-// .colonne_section h3 {
-//   color: blue;
-//   text-transform: uppercase;
-//   text-align: center;
-// }
-//
-// .projet .colonne_section .header{
-//   height: 80px;
-//   display: -webkit-box;
-//   display: -ms-flexbox;
-//   display: flex;
-//   -webkit-box-align: end;
-//       -ms-flex-align: end;
-//           align-items: flex-end ;
-// }
-// .projet .colonne_section .header h3{
-//   text-align: center;
-//   width: 100%;
-// }
-//
-// .item img{
-//   width: 100%;
-//   height: 100%;
-//   -o-object-fit: cover;
-//      object-fit: cover;
-// }
-//
-// ._content_tpsF {
-//   position: relative;
-//   width: 80%;
-//   padding: 10px;
-//   margin: -50px auto;
-//   -webkit-box-align: center;
-//       -ms-flex-align: center;
-//           align-items: center;
-//   text-align: center;
-//   background-color: white;
-//   border: 4px solid black;
-// }
-//
-// /*fin sections page accueil*/
-//
-// /*page collecte avec formulaire*/
-// /*trouver comment styliser les champs du formulaire*/
-// .af-submit-button{
-//   position: relative;
-//   margin: 50px auto 10px auto;
-//   display:-webkit-box;
-//   display:-ms-flexbox;
-//   display:flex;
-//   border: 4px solid black;
-//   border-radius: 0%;
-//   text-align: center;
-//   padding: 5px;
-//   -webkit-transform: scale(1) rotate(0deg);
-//       -ms-transform: scale(1) rotate(0deg);
-//           transform: scale(1) rotate(0deg);
-//   -webkit-transition: -webkit-transform 0.3s ease;
-//   transition: -webkit-transform 0.3s ease;
-//   -o-transition: transform 0.3s ease;
-//   transition: transform 0.3s ease;
-//   transition: transform 0.3s ease, -webkit-transform 0.3s ease;
-// }
-// .af-submit-button:hover{
-//   -webkit-transform: scale(1.1) rotate(-10deg);
-//       -ms-transform: scale(1.1) rotate(-10deg);
-//           transform: scale(1.1) rotate(-10deg);
-//   -webkit-transition: all 0.3s ease;
-//   -o-transition: all 0.3s ease;
-//   transition: all 0.3s ease;
-// }
-// /*fin collecte et form*/
-//
-//
-// /*gestion des dots*/
-// .flickity-page-dots {
-//   bottom: 0px;
-// }
-// .flickity-page-dots .dot {
-//   width: 12px;
-//   height: 12px;
-//   opacity: 1;
-//   background: transparent;
-//   border: 2px solid white;
-// }
-// .flickity-page-dots .dot.is-selected {
-//   background: white;
-// }
-//
-// /* dot home */
-// .hero .flickity-page-dots{
-//   bottom: 30px;
-// }
-// /*fin gestion des dots*/
-//
-//
-// /* START KEVIN */
-//   .hero{
-//     width: 100%;
-//     height: 100vh;
-//     position: relative;
-//   }
-//   .hero .slide{
-//     width: 100%;
-//     height: 100vh;
-//     overflow: hidden;
-//   }
-//   .hero .slide .image{
-//     width: 100%;
-//     height: 100vh;
-//   }
-//   .hero .slide img{
-//     width: 100%;
-//     height: 100%;
-//     -o-object-fit: cover;
-//        object-fit: cover;
-//   }
-//
-//   .hero .__head{
-//     width: 100%;
-//     text-align: center;
-//     position: absolute;
-//     bottom: 60px;
-//     color: white;
-//   }
-//
-//   .wrapper section > div {
-//     position: relative;
-//   }
-//   .tpsF .img{
-//     width: 100%;
-//     height: 400px;
-//   }
-//   .tpsF .img img{
-//     width: 100%;
-//     height: 100%;
-//     -o-object-fit: cover;
-//        object-fit: cover;
-//   }
-//   body.les-temps-forts #content section{
-//     margin-top: 100px;
-//   }
-// body.les-temps-forts .title, body.les-temps-forts .next_edition {
-//   color: #009ee0ff;
-//   text-align: left;
-// }
-// body.les-temps-forts .titre_page {
-//   border-color: #009ee0ff;
-// }
-//   .projet .img{
-//     height: 300px;
-//   }
-//   .projet .img img{
-//     width: 100%;
-//     height: 100%;
-//     -o-object-fit: cover;
-//        object-fit: cover;
-//   }
-//
-//   .prive .images{
-//     width: 100%;
-//     height: 600px;
-//   }
-//   .prive .img img{
-//     width: 100%;
-//     height: 100%;
-//     -o-object-fit: cover;
-//        object-fit: cover;
-//   }
-// /* END KEVIN */
-//
-// /*START MEDIA QUERIES*/
-// @media screen and (min-width: 200px) and (max-width: 1088px) {
-//     .titre_page,
-//     .titre{
-//       top: -150px;
-//       left: 50%;
-//       -webkit-transform: rotate(-10deg) translateX(-50%);
-//           -ms-transform: rotate(-10deg) translateX(-50%);
-//               transform: rotate(-10deg) translateX(-50%);
-//     }
-//     .privacy-policy .article-h1{
-//       top: 100px;
-//       left: 50%;
-//       -webkit-transform: rotate(-10deg) translateX(-50%);
-//           -ms-transform: rotate(-10deg) translateX(-50%);
-//               transform: rotate(-10deg) translateX(-50%);
-//     }
-//     .privacy-policy .article-body {
-//       -webkit-column-count: 1;
-//          -moz-column-count: 1;
-//               column-count: 1;
-//     }
-//     .other .header_other {
-//       left: 50%;
-//     }
-//     .article-content{
-//       margin-top: 30px;
-//     }
-//   }
-//   @media only screen and (max-width : 320px) {
-//     /* Smartphone */
-//     /*footer*/
-//   .accueil .collecte, .accueil .adresse, .accueil .horaires {
-//     display: block;
-//   }
-//   .collecte, .horaires {
-//     display:none;
-//   }
-//
-//   /*fin footer*/
-// }
-//
-// @media screen and (max-width : 768px){
-//   article .__img_event{
-//     max-height: 300px;
-//   }
-// }
-//
-// @media screen and (min-width: 200px) and (max-width: 640px) {
-//     .image_sectionasso {
-//       display: none;
-//       width: 100%;
-//   }
-//   .content_asso {
-//     width: 100%;
-//   }
-// }
-// @media screen and (min-width: 200px) and (max-width: 755px) {
-//   .__chapeau, .titre_event{
-//     margin-top: 20px;
-//   }
-//
-// }
-// /*END MEDIA QUERIES*/
-//
-//
-// /* START FOOTER */
-// footer{
-//   background-color: rgba(240, 240, 240, 240);
-//   width: 100%;
-//   padding: 50px 10px;
-//   margin-top: 100px;
-// }
-//
-// /* footer .information > div > div{
-//   margin: 0 20px;
-// } */
-// footer > section{
-//   margin-bottom: 20px;
-// }
-// footer .logo_lamine {
-//   /* max-width: 150px; */
-//   height: auto;
-//   max-height: 150px;
-//   /* margin: 10px; */
-// }
-//
-// footer .logo_lamine a{
-//   display: block;
-//   height: 100%;
-//   width: auto;
-// }
-// footer .logo_lamine img{
-//   -o-object-fit: contain;
-//      object-fit: contain;
-// }
-// footer > .information > div > div {
-//   margin-bottom: 20px;
-// }
-//
-// footer .reseaux_sociaux > div a > img{
-//   display: block;
-//   width: 20px;
-//   height: 20px;
-//   margin-right: 5px;
-// }
-//
-// footer .reseaux_sociaux img {
-//   vertical-align: baseline;
-//   -o-object-fit: contain;
-//      object-fit: contain;
-// }
-//   /* START Mailchimp */
-//
-// footer #mc_embed_signup label, footer #mc-embedded-subscribe{
-//   padding: 7px 10px;
-//   background-color: white;
-//   border: 4px solid black;
-// }
-//
-// footer .email{
-//   width: 100%;
-//   padding: 7px 10px;
-//   background-color: #D8D8D8;
-//   border-bottom: 4px solid black;
-//   border-top: 4px solid black;
-//   border-left: none;
-//   border-right: none;
-// }
-// footer #mc_embed_signup_scroll p {
-//   margin: 0;
-//
-// }
-// footer #mc_embed_signup_scroll{
-//   align-items: baseline;
-//   background: white;
-// }
-// footer #mc_embed_signup_scroll label{
-//   white-space: nowrap;
-//   font-weight: bold;
-// }
-// footer #mc_embed_signup_scroll input{
-//   width: 100%;
-// }
-// footer #mc-embedded-subscribe:hover{
-//   color: white;
-//   background-color: black;
-// }
-// footer #mc_embed_signup_scroll{
-//   border: 4px solid black;
-// }
-// footer #mc_embed_signup_scroll > div > p{
-//   white-space:nowrap;
-//   padding: 0 1rem;
-//
-// }
-// footer #mc_embed_signup_scroll input.email{
-//   border-left: 4px solid black;
-//   border-right: 4px solid black;
-//   border-top: 0;
-//   border-bottom: 0;
-// }
-//
-// footer #mc_embed_signup .button{
-//   border: none;
-//   border-radius: 0;
-// }
-//   /* END MAILCHIMP */
-//
-//   /* START SLIDE  */
-//   footer .partenaires ._titre{
-//     white-space: nowrap;
-//     font-weight: bold;
-//     margin: auto 50px auto 0px;
-//   }
-//
-//   footer .partenaires{
-//     width: 100%;
-//   }
-//
-//   footer .container_slide li{
-//     width: 80px;
-//     height: 80px;
-//     margin: 0 10px;
-//   }
-//
-//   footer .partenaires img{
-//     -o-object-fit: contain;
-//        object-fit: contain;
-//   }
-//   /* END SLIDE */
-// /* END FOOTER */
-// @media screen and (max-width: 576px) {
-//   footer p,
-//   footer a{
-//     text-align: center;
-//   }
-//   footer a.d-flex{
-//     -webkit-box-pack: center;
-//         -ms-flex-pack: center;
-//             justify-content: center;
-//   }
-//   #Btn_asso a{
-//     display: block;
-//   }
-//   .send_actu input{
-//     text-align: center;
-//   }
-// }

+ 2 - 41
web/app/themes/la_mine/src/assets/scss/pages/_agenda.scss

@@ -62,48 +62,9 @@
                     }
                 }
             }
-        }
-
-        .thumbnails{
-            a{
-                display: block;
-                text-decoration: none;
-            }
-            margin-bottom: 2rem;
-            .wrap_content{
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                margin-top: -6rem;
-                height: 150px;
-                h5{
-                    font-family: 'universalis-bold';
-                    font-size: 1.25rem;
-                    line-height: 1;
-                    text-transform: uppercase;
-                }
-                .date{
-                    & > * {
-                        font-family: 'universalis-regular';
-                        font-size: 1rem;
-                        line-height: 1;
-                    }
-                }
-                .places{
-                    padding-top: 0.5rem;
-                    font-family: 'universalis-regular';
-                    font-size: 1rem;
-                    line-height: 1;
-                    text-transform: uppercase;
-                }
-            }
-            &:hover {
-                .wrap_content{
-                    margin-top: -7rem;
-                }    
+            .thumbnails{
+              margin-bottom: 2rem;
             }
         }
     }
-
 }
-

+ 13 - 65
web/app/themes/la_mine/src/assets/scss/pages/_home.scss

@@ -52,20 +52,11 @@
                     & > .row{
                         justify-content: center;
                         &:first-of-type{
-                            min-height: 500px;
-                        }
-                    }
-                }
-                .thumbnails{
-                    .wrap_content{
-                        margin-top: -6rem;
-                    }
-                    &:hover {
-                        .wrap_content{
-                            margin-top: -7rem;
+                            min-height: 430px;
                         }
                     }
                 }
+
             }
             &#section_asso{
                 .container-fluid{
@@ -182,21 +173,28 @@
                     & > .row{
                         justify-content: center;
                         &:first-of-type{
-                            min-height: 500px;
+                            min-height: 450px;
                         }
                     }
                 }
                 article{
                     height: auto;
-                    min-height: 500px;
+                    min-height: 520px;
+                    @media screen and (min-width: 576px) {
+                      min-height: 450px;
+                    }
                     h3{
                         color: $colorBlue;
-                        font-size: 1.875rem;
+                        font-size: 1.25rem;
                         line-height: 1;
                         font-family: 'millimetre-regular';
                         text-transform: uppercase;
+                        margin-bottom: 0.5rem;
                     }
                 }
+                .wrap_content{
+                  margin: -8rem 2rem!important;
+                }
                 .content{
                     font-family: 'universalis-regular';
                     color: $colorBlue;
@@ -204,7 +202,6 @@
                     line-height: 1.2;
                 }
                 .date{
-                    margin: 1rem;
                     span{
                         font-family: 'universalis-regular';
                         display: block;
@@ -216,16 +213,7 @@
                         }
                     }
                 }
-                .thumbnails{
-                    .wrap_content{
-                        margin-top: -10rem;
-                    }
-                    &:hover {
-                        .wrap_content{
-                            margin-top: -11rem;
-                        }
-                    }
-                }
+
             }
             &#section_MineVideo{
                 .container-fluid{
@@ -254,43 +242,3 @@
         margin: auto;
     }
 }
-
-.thumbnails{
-    &:not(:last-of-type){
-        margin-bottom: 3rem;
-        @media screen and (min-width: 576px) {
-            margin-bottom: 0rem;
-        }
-    }
-    figure{
-        position: relative;
-        overflow: hidden;
-        img{
-            transform: scale(1);
-            transition: 0.3s transform ease;
-        }
-    }
-    .wrap_content{
-        border: 5px solid black;
-        padding: 1rem;
-        position: relative;
-        margin: 0 2rem;
-        background: white;
-        transition: 0.2s margin-top ease;
-        text-align: center;
-        & * {
-            color : $colorBlack;
-        }
-    }
-    &:hover {
-        figure{
-            img{
-                transform: scale(1.1);
-                transition: 1s transform ease;
-            }
-        }
-        .wrap_content{
-            transition: 0.2s margin-top ease;
-        }
-    }
-}

+ 1 - 23
web/app/themes/la_mine/src/assets/scss/pages/_single.scss

@@ -76,27 +76,5 @@
                 transform: translateX(-50%) rotate(-15deg);
             }
         }
-
-        .thumbnails{
-            min-height: 450px;
-            a{
-                display: block;
-                text-decoration: none;
-            }
-            margin-bottom: 2rem;
-            .wrap_content{
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                margin-top: -6rem;
-                height: 150px;
-            }
-            &:hover {
-                .wrap_content{
-                    margin-top: -7rem;
-                }    
-            }
-        }
-
     }
-}
+}

+ 1 - 1
web/app/themes/la_mine/templates/components/buttons/bouton_contact.html.twig

@@ -1,3 +1,3 @@
 <div id="bouton_contact">
-  <a href="{{post.meta('bouton_contact').lien_hello_asso}}">{{post.meta('bouton_contact').texte_bouton}}</a>
+  <a href="mailto:{{post.meta('bouton_contact').lien_mail}}">{{post.meta('bouton_contact').texte_bouton}}</a>
 </div>

+ 5 - 5
web/app/themes/la_mine/templates/components/footer.twig

@@ -19,7 +19,7 @@
 
       <figure class="mx-auto rs">
         <a rel="noreferrer" target="_blank" href="{{options.facebook.lien_facebook}}">
-				  <img src="{{theme.link}}/dist/assets/images/fb.svg" alt="logo_facebook" title="Le logo de facebook"/>          
+				  <img src="{{theme.link}}/dist/assets/images/fb.svg" alt="logo_facebook" title="Le logo de facebook"/>
           <figcaption>{{options.facebook.texte_facebook}}</figcaption>
         </a>
         <a rel="noreferrer" target="_blank" href="{{options.instagram.lien_instagram}}">
@@ -45,14 +45,14 @@
         </div>
       </form>
     </div>
-    
+
     <div class="col-12">
-      <a class="btn add_assos" target="_blank" href="{{post.meta('bouton_asso').lien_hello_asso}}">adhérer à l'association</a>
+      <a class="btn add_assos" rel="noreferrer" target="_blank" href="{{options.lien_hello_asso}}">adhérer à l'association</a>
     </div>
 
-    <div class="col-12 part">
+    <div class="col-12 part d-flex align-items-center">
       <h3>{{options.titre}}</h3>
-      <figure class="col px-0">
+      <figure class="col">
         <div class="main-carousel">
         {% for partner in options.partenaire %}
           <a rel="noreferrer" target="_blank" href="{{partner.lien_site_partenaire}}">

Some files were not shown because too many files changed in this diff