plien de truck

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

@@ -17,11 +17,6 @@ if (prive != null) {
   })
 }
 
-//ajout chloe drag
-$( function() {
-  $( "#draggable" ).draggable();
-} );
-
 var slide_tpsF = document.querySelectorAll('.tpsF .slide');
 if (slide_tpsF != null) {
   for (var i = 0; i < slide_tpsF.length; i++) {
@@ -82,7 +77,15 @@ function isotope() {
   });
 }
 
+function drag(){
+  $( '.group_drag' ).draggable({
+    containment: "html",
+    scroll: false
+  });
+}
+
 $( document ).ready(function() {
   paralax();
   isotope();
+  drag();
 });

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

@@ -196,28 +196,61 @@ header > .nav-wrapper{
     background-position: center; /* Center the image */
     background-repeat: no-repeat; /* Do not repeat the image */
     background-size: contain;
+    transform: rotate(0deg);
+  }
+  .fond_burger:hover{
+    transform: rotate(10deg);
   }
   .nav-main{
     display: none;
     position: fixed;
     right: 0;
     top: 120px;
+    width: 280px;
+    height: 300px;
     background: white;
+    border: 4px solid black;
+    transition: all 0.2s ease;
   }
   .nav-main.is-active{
     display: block;
     pointer-events: auto;
   }
+  #fl_menu{
+    position:absolute;
+    z-index: 9999;
+    width: 30px;
+    height: auto;
+    right: 0;
+  }
 
   .menu-item {
     font-family: Millimetre, sans-serif;
     text-transform: uppercase;
-    text-align: right;
+    text-align: left;
     pointer-events: auto;
+    border-bottom: 4px solid black;
+  }
+  .menu-item a {
+    background-color: pink;
+    width: 100%;
+    display: block;
   }
 
-  #nav-main > ul > li > ul {display: none;}
-  #nav-main > ul > li:first-child:hover > ul {display: block; background-color: grey;}
+  #nav-main > ul > li > ul {display: none;text-transform: lowercase; border-bottom: none;}
+  #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; background-color: #BDBDBD;transition: all 0.2s ease;}
+  #nav-main > ul > li:first-child:hover{background-color: #424242; color:white;border-bottom: none;}
 
 .menu-item a:hover {
   display: block;
@@ -225,6 +258,7 @@ header > .nav-wrapper{
   height: 100%;
   background-color: black;
   color: white;
+  transition: all 0.2s ease;
   }
   /* END BURGER */
 /* END HEADER */
@@ -263,17 +297,21 @@ body > .content-wrapper{
   background-color: white;
   border: 4px solid black;
 }
-
-.Btn, #Btn_asso {
-  margin-top: 10px;
-  color: black;
-  text-decoration: underline;
-  border: none;
+.add_asso{
+  display: block;
+  cursor: default!important;
+  margin: 30px auto 30px auto;;
 }
-.Btn a:hover, #Btn_asso a:hover {
-  background-color: grey;
+.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;
 }
@@ -281,6 +319,7 @@ body > .content-wrapper{
   width: 100px;
   height: 100px;
 }
+
 .flickity-button-icon {
   fill: white;
 }
@@ -290,7 +329,8 @@ body > .content-wrapper{
 .flickity-prev-next-button:hover {
   background: transparent;
 }
-.flickity-button:disabled {
+
+footer .flickity-prev-next-button:disabled {
   display: none;
 }
 footer .flickity-prev-next-button{
@@ -299,7 +339,9 @@ footer .flickity-prev-next-button{
 }
 footer .flickity-button-icon {
   fill: grey;
+  left: 158%!important;
 }
+
 /* END BUTTON */
 
 
@@ -332,12 +374,58 @@ footer .flickity-button-icon {
     height: calc(100% - 80px);
   }
   /*ajout chloe drag*/
-    #draggable {
-      width: 150px;
-      height: 150px;
-      background-color: red;
-      padding: 0.5em;
+  .group_drag {
+    z-index: 9999;
+    width: 200px;
+    height: auto;
+  }
+
+    #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;
+    }
+
 /*fin ajout chloe drag*/
 
   .section_accueil#section_tpsF .titre,
@@ -1050,6 +1138,18 @@ body.les-temps-forts .titre_page {
       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{
@@ -1090,9 +1190,9 @@ footer > section{
   margin-bottom: 20px;
 }
 footer .logo_lamine {
-  width: 100px;
+  max-width: 150px;
   height: auto;
-  /* margin: 10px; */
+  margin: 10px;
 }
 
 footer .logo_lamine a{
@@ -1114,24 +1214,41 @@ footer .reseaux_sociaux img {
   object-fit: contain;
 }
   /* START Mailchimp */
-  footer #mc_embed_signup label{
-    margin: 0;
-    padding: 0;
+
+  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 label{
-    margin-right: 10px;
     white-space: nowrap;
-
+    font-weight: bold;
   }
   footer #mc_embed_signup_scroll input{
     width: 100%;
   }
+  footer #mc-embedded-subscribe:hover{
+    color: white;
+    background-color: black;
+  }
   /* END MAILCHIMP */
 
   /* START SLIDE  */
   footer .partenaires ._titre{
     white-space: nowrap;
-    margin-right: 10px;
+    font-weight: bold;
+    margin: auto 50px auto 0px;
   }
 
   footer .partenaires{

web/app/themes/la_mine/asset/images/fleche_menu.svg

@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="20"
+   height="15.64"
+   viewBox="0 0 5.2916666 4.1380834"
+   version="1.1"
+   id="svg6589"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="fleche_menu.svg">
+  <defs
+     id="defs6583">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter5159-9-6">
+      <feBlend
+         inkscape:collect="always"
+         mode="screen"
+         in2="BackgroundImage"
+         id="feBlend5161-1-92" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.979899"
+     inkscape:cx="266.69146"
+     inkscape:cy="-22.071969"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     inkscape:window-x="2135"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata6586">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-292.86192)">
+    <path
+       d="M 1.6555544,1.294657 9.6994473,14.241227 18.211099,1.3930353"
+       style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.98666531;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter5159-9-6);enable-background:new"
+       id="path7401-3-3"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccc"
+       transform="matrix(0.26635924,0,0,0.26635924,3.5427047e-8,292.86188)" />
+  </g>
+</svg>

web/app/themes/la_mine/asset/images/objet_drag_1.svg

@@ -40,325 +40,48 @@
      inkscape:window-height="869"
      id="namedview8"
      showgrid="false"
-     inkscape:zoom="0.23393158"
-     inkscape:cx="996.1648"
-     inkscape:cy="504.42099"
+     inkscape:zoom="0.33082922"
+     inkscape:cx="555.41738"
+     inkscape:cy="492.29994"
      inkscape:window-x="2786"
      inkscape:window-y="45"
      inkscape:window-maximized="0"
      inkscape:current-layer="svg6" />
-  <g
-     style="enable-background:new"
-     id="g4758"
-     transform="matrix(10.197967,0,0,10.197967,4604.0543,-4283.3457)">
-    <g
-       id="g796"
-       transform="matrix(0.35277777,0,0,-0.35277777,-627.16123,585.13499)">
-      <g
-         id="g798"
-         transform="matrix(0.93382,0.35773,-0.35773,0.93382,496.4698,399.35638)">
-        <g
-           id="g800">
-          <path
-             d="M 120.558,0 92.2299,-44.7232 41.8695,-28.7276 48.8292,-81.252 0,-101.468 l 38.991,-35.748 -24.4499,-46.969 52.7778,-2.246 11.3696,-51.744 41.8695,32.306 41.87,-32.306 11.369,51.744 52.779,2.246 -24.452,46.969 38.991,35.748 -48.828,20.216 6.96,52.5244 -50.361,-15.9956 z"
-             style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-             id="path802"
-             inkscape:connector-curvature="0" />
-        </g>
-        <path
-           d="M 120.558,0 92.2299,-44.7232 41.8695,-28.7276 48.8292,-81.252 0,-101.468 l 38.991,-35.748 -24.4499,-46.969 52.7778,-2.246 11.3696,-51.744 41.8695,32.306 41.87,-32.306 11.369,51.744 52.779,2.246 -24.452,46.969 38.991,35.748 -48.828,20.216 6.96,52.5244 -50.361,-15.9956 z"
-           style="fill:none;stroke:#f40000;stroke-width:6.96460581;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
-           id="path804"
-           inkscape:connector-curvature="0" />
-      </g>
-    </g>
-    <g
-       id="g806"
-       transform="matrix(0.35277777,0,0,-0.35277777,-627.16123,585.13499)"
-       style="fill:#000000;fill-opacity:1">
-      <g
-         id="g808"
-         transform="matrix(0.95665,0.29125,-0.29125,0.95665,562.69766,342.52275)"
-         style="fill:#000000;fill-opacity:1">
-        <g
-           id="g810"
-           style="fill:#000000;fill-opacity:1">
-          <g
-             id="g812"
-             style="fill:#000000;fill-opacity:1">
-            <text
-               transform="matrix(1,0,0,-1,29.275,-19.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text816">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan814"
-                 style="fill:#000000;fill-opacity:1">E</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,45.975,-19.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text820">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan818"
-                 style="fill:#000000;fill-opacity:1">s</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,62.675,-19.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text824">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan822"
-                 style="fill:#000000;fill-opacity:1">p</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,79.375,-19.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text828">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan826"
-                 style="fill:#000000;fill-opacity:1">a</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,96.075,-19.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text832">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan830"
-                 style="fill:#000000;fill-opacity:1">c</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,112.775,-19.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text836">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan834"
-                 style="fill:#000000;fill-opacity:1">e</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,9.125,-47.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text840">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan838"
-                 style="fill:#000000;fill-opacity:1">C</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,25.825,-47.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text844">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan842"
-                 style="fill:#000000;fill-opacity:1">o</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,42.525,-47.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text848">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan846"
-                 style="fill:#000000;fill-opacity:1">-</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,48.025,-47.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text852">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan850"
-                 style="fill:#000000;fill-opacity:1">w</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,70.325,-47.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text856">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan854"
-                 style="fill:#000000;fill-opacity:1">o</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,87.025,-47.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text860">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan858"
-                 style="fill:#000000;fill-opacity:1">r</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,98.125,-47.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text864">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan862"
-                 style="fill:#000000;fill-opacity:1">k</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,114.825,-47.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text868">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan866"
-                 style="fill:#000000;fill-opacity:1">i</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,121.725,-47.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text872">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan870"
-                 style="fill:#000000;fill-opacity:1">n</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,138.425,-47.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text876">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan874"
-                 style="fill:#000000;fill-opacity:1">g</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,10.625,-75.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text880">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan878"
-                 style="fill:#000000;fill-opacity:1">W</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,32.925,-75.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text884">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan882"
-                 style="fill:#000000;fill-opacity:1">i</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,39.825,-75.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text888">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan886"
-                 style="fill:#000000;fill-opacity:1">f</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,50.925,-75.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text892">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan890"
-                 style="fill:#000000;fill-opacity:1">i</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,63.325,-75.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text896">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan894"
-                 style="fill:#000000;fill-opacity:1">g</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,80.025,-75.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text900">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan898"
-                 style="fill:#000000;fill-opacity:1">r</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,91.125,-75.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text904">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan902"
-                 style="fill:#000000;fill-opacity:1">a</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,107.825,-75.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text908">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan906"
-                 style="fill:#000000;fill-opacity:1">t</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,118.925,-75.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text912">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan910"
-                 style="fill:#000000;fill-opacity:1">u</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,135.625,-75.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text916">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan914"
-                 style="fill:#000000;fill-opacity:1">i</tspan>
-            </text>
-            <text
-               transform="matrix(1,0,0,-1,142.525,-75.6)"
-               style="font-variant:normal;font-weight:bold;font-size:28px;font-family:Millimetre;-inkscape-font-specification:Millimetre-Bold;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="text920">
-              <tspan
-                 x="0"
-                 y="0"
-                 id="tspan918"
-                 style="fill:#000000;fill-opacity:1">t</tspan>
-            </text>
-          </g>
-        </g>
-      </g>
-    </g>
-  </g>
+  <path
+     sodipodi:type="star"
+     style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff0000;stroke-width:21.47912407;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
+     id="path953"
+     sodipodi:sides="10"
+     sodipodi:cx="544.08734"
+     sodipodi:cy="504.54517"
+     sodipodi:r1="337.48477"
+     sodipodi:r2="482.12112"
+     sodipodi:arg1="0.59818901"
+     sodipodi:arg2="0.91234828"
+     inkscape:flatsided="false"
+     inkscape:rounded="0"
+     inkscape:randomized="0"
+     d="M 822.97019,694.59866 839.09248,885.8754 657.99766,822.2249 558.61122,986.44748 449.51527,828.50827 272.58234,902.94925 277.15619,711.04875 90.259135,667.2742 206.75574,514.71188 81.282885,369.44219 265.2045,314.49167 249.08221,123.21493 430.17702,186.86544 529.56346,22.642857 638.65942,180.58206 815.59235,106.14109 811.01849,298.04158 997.91555,341.81613 881.41894,494.37845 1006.8918,639.64814 Z" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:37.40522385px;line-height:1;font-family:'Universalis ADF Std';-inkscape-font-specification:'Universalis ADF Std, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2.00385118"
+     x="480.94016"
+     y="478.43851"
+     id="text940"
+     transform="rotate(-7.1354706)"><tspan
+       sodipodi:role="line"
+       id="tspan938"
+       x="480.94016"
+       y="478.43851"
+       style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:106.87206268px;font-family:Millimetre;-inkscape-font-specification:'Millimetre, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:2.00385118">ESPACE</tspan><tspan
+       sodipodi:role="line"
+       x="480.94016"
+       y="585.31061"
+       id="tspan942"
+       style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:106.87206268px;font-family:Millimetre;-inkscape-font-specification:'Millimetre, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:2.00385118">CO-WORKING</tspan><tspan
+       sodipodi:role="line"
+       x="480.94016"
+       y="692.18268"
+       id="tspan944"
+       style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:106.87206268px;font-family:Millimetre;-inkscape-font-specification:'Millimetre, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:2.00385118">WIFI GRATUIT</tspan></text>
 </svg>

web/app/themes/la_mine/asset/images/objet_drag_2.svg

@@ -41,33 +41,30 @@
      id="namedview8"
      showgrid="false"
      inkscape:zoom="0.33082922"
-     inkscape:cx="851.82494"
-     inkscape:cy="80.904051"
+     inkscape:cx="552.94284"
+     inkscape:cy="742.06278"
      inkscape:window-x="2786"
      inkscape:window-y="45"
      inkscape:window-maximized="0"
      inkscape:current-layer="svg6" />
-  <g
-     style="enable-background:new"
-     id="g4694"
-     transform="matrix(9.1609582,-0.95788842,0.95788842,9.1609582,1789.9792,5000.2885)">
-    <ellipse
-       ry="13.875243"
-       rx="48.055721"
-       cy="-502.30591"
-       cx="-83.608337"
-       id="path4684"
-       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff0000;stroke-width:2.11666679;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
-    <text
-       id="text4689"
-       y="-497.43756"
-       x="-83.608345"
-       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.93888903px;line-height:1.25;font-family:'Universalis ADF Std';-inkscape-font-specification:'Universalis ADF Std, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458335"
-       xml:space="preserve"><tspan
-         style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:14.11111164px;font-family:Millimetre;-inkscape-font-specification:'Millimetre, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458335"
-         y="-497.43756"
-         x="-83.608345"
-         id="tspan4687"
-         sodipodi:role="line">Fab Lab</tspan></text>
-  </g>
+  <ellipse
+     style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff0000;stroke-width:22;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
+     id="path825"
+     cx="663.44574"
+     cy="371.25583"
+     rx="403.53146"
+     ry="202.52141"
+     transform="rotate(12.909275)" />
+  <text
+     transform="rotate(12.314667)"
+     id="text943"
+     y="425.71249"
+     x="397.31955"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:147.15313721px;line-height:1.25;font-family:'Universalis ADF Std';-inkscape-font-specification:'Universalis ADF Std, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:7.88320446"
+     xml:space="preserve"><tspan
+       style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:147.14666748px;font-family:Millimetre;-inkscape-font-specification:'Millimetre, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:7.88320446"
+       y="425.71249"
+       x="397.31955"
+       id="tspan941"
+       sodipodi:role="line">FAB LAB</tspan></text>
 </svg>

web/app/themes/la_mine/asset/images/objet_drag_4.svg

@@ -40,44 +40,40 @@
      inkscape:window-height="869"
      id="namedview8"
      showgrid="false"
-     inkscape:zoom="0.46786317"
-     inkscape:cx="570.18795"
-     inkscape:cy="532.33754"
+     inkscape:zoom="0.33082922"
+     inkscape:cx="525.98762"
+     inkscape:cy="958.93147"
      inkscape:window-x="2786"
      inkscape:window-y="45"
      inkscape:window-maximized="0"
-     inkscape:current-layer="g5020" />
+     inkscape:current-layer="svg6" />
+  <rect
+     style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff0000;stroke-width:22;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
+     id="rect822"
+     width="698.9223"
+     height="277.85901"
+     x="148.64864"
+     y="425.12723"
+     transform="rotate(-7.7485331)" />
   <g
-     transform="matrix(18.091825,0,0,18.091825,-6978.8339,11151.482)"
-     id="g5020">
-    <rect
-       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff0000;stroke-width:0.82943011;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
-       id="rect945"
-       width="43.261478"
-       height="11.676937"
-       x="485.64999"
-       y="-536.5235"
-       transform="matrix(0.9917817,-0.12794166,0.1671755,0.98592715,0,0)" />
+     style="fill:#000002;fill-opacity:1"
+     transform="matrix(3.4496658,2.2182117,2.2182117,-3.4496658,-2698.4239,3600.34)"
+     id="g1044">
     <g
-       id="g1044"
-       transform="matrix(0.19067539,0.12260851,0.12260851,-0.19067539,236.5936,-417.37868)"
-       style="fill:#000002;fill-opacity:1">
-      <g
-         id="g1046"
-         transform="matrix(0.98133,0.19232,-0.19232,0.98133,148.06539,1066.1704)"
-         style="fill:#000002;fill-opacity:1" />
-    </g>
-    <text
-       xml:space="preserve"
-       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.1336813px;line-height:1.25;font-family:'Universalis ADF Std';-inkscape-font-specification:'Universalis ADF Std, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.43573296"
-       x="481.1763"
-       y="-516.63989"
-       id="text943"
-       transform="rotate(-8.6437813)"><tspan
-         sodipodi:role="line"
-         id="tspan941"
-         x="481.1763"
-         y="-516.63989"
-         style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:8.13332367px;font-family:Millimetre;-inkscape-font-specification:'Millimetre, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.43573296">ATELIERS</tspan></text>
+       style="fill:#000002;fill-opacity:1"
+       transform="matrix(0.98133,0.19232,-0.19232,0.98133,148.06539,1066.1704)"
+       id="g1046" />
   </g>
+  <text
+     transform="rotate(-8.6437813)"
+     id="text943"
+     y="619.4917"
+     x="180.99591"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:147.15313721px;line-height:1.25;font-family:'Universalis ADF Std';-inkscape-font-specification:'Universalis ADF Std, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:7.88320446"
+     xml:space="preserve"><tspan
+       style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:147.14666748px;font-family:Millimetre;-inkscape-font-specification:'Millimetre, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:7.88320446"
+       y="619.4917"
+       x="180.99591"
+       id="tspan941"
+       sodipodi:role="line">ATELIERS</tspan></text>
 </svg>

web/app/themes/la_mine/asset/images/objet_drag_5.svg

@@ -12,7 +12,8 @@
    version="1.1"
    id="svg6"
    sodipodi:docname="objet_drag_5.svg"
-   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   enable-background="new">
   <metadata
      id="metadata12">
     <rdf:RDF>
@@ -26,7 +27,18 @@
     </rdf:RDF>
   </metadata>
   <defs
-     id="defs10" />
+     id="defs10">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter825">
+      <feBlend
+         inkscape:collect="always"
+         mode="darken"
+         in2="BackgroundImage"
+         id="feBlend827" />
+    </filter>
+  </defs>
   <sodipodi:namedview
      pagecolor="#ffffff"
      bordercolor="#666666"
@@ -40,9 +52,9 @@
      inkscape:window-height="869"
      id="namedview8"
      showgrid="false"
-     inkscape:zoom="0.33082922"
-     inkscape:cx="642.36051"
-     inkscape:cy="585.7021"
+     inkscape:zoom="0.23393158"
+     inkscape:cx="676.78615"
+     inkscape:cy="313.47402"
      inkscape:window-x="2786"
      inkscape:window-y="45"
      inkscape:window-maximized="0"
@@ -50,11 +62,6 @@
   <g
      transform="matrix(18.091825,0,0,18.091825,-6978.8339,11151.482)"
      id="g5020">
-    <path
-       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff0000;stroke-width:0.82910375;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
-       d="m 395.05909,-611.63641 -8.07994,14.82568 6.95918,3.88422 -1.76744,3.24305 9.71746,5.42376 1.76745,-3.24307 4.20091,2.34473 -1.76744,3.24305 9.71745,5.42374 1.76746,-3.24305 4.2009,2.34471 -1.76744,3.24307 9.71746,5.42374 1.76745,-3.24305 6.95919,3.88423 8.07993,-14.82568 -9.71755,-5.4238 -1.76746,3.24305 -4.20081,-2.34466 1.76744,-3.24304 -9.71745,-5.42377 -1.76746,3.24307 -4.2008,-2.34466 1.76745,-3.24306 -9.71757,-5.4238 -1.76745,3.24305 -4.20091,-2.34471 1.76745,-3.24306 z"
-       id="rect823"
-       inkscape:connector-curvature="0" />
     <g
        id="g1044"
        transform="matrix(0.19067539,0.12260851,0.12260851,-0.19067539,236.5936,-417.37868)"
@@ -64,17 +71,25 @@
          transform="matrix(0.98133,0.19232,-0.19232,0.98133,148.06539,1066.1704)"
          style="fill:#000002;fill-opacity:1" />
     </g>
-    <text
-       xml:space="preserve"
-       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.1336813px;line-height:1.25;font-family:'Universalis ADF Std';-inkscape-font-specification:'Universalis ADF Std, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.43573296"
-       x="57.896194"
-       y="-713.21735"
-       id="text943"
-       transform="rotate(28.396534)"><tspan
-         sodipodi:role="line"
-         id="tspan941"
-         x="57.896194"
+    <g
+       id="g838">
+      <path
+         inkscape:connector-curvature="0"
+         id="rect823"
+         d="m 395.05909,-611.63641 -8.07994,14.82568 6.95918,3.88422 -1.76744,3.24305 9.71746,5.42376 1.76745,-3.24307 4.20091,2.34473 -1.76744,3.24305 9.71745,5.42374 1.76746,-3.24305 4.2009,2.34471 -1.76744,3.24307 9.71746,5.42374 1.76745,-3.24305 6.95919,3.88423 8.07993,-14.82568 -9.71755,-5.4238 -1.76746,3.24305 -4.20081,-2.34466 1.76744,-3.24304 -9.71745,-5.42377 -1.76746,3.24307 -4.2008,-2.34466 1.76745,-3.24306 -9.71757,-5.4238 -1.76745,3.24305 -4.20091,-2.34471 1.76745,-3.24306 z"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff0000;stroke-width:1.2160188;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke;filter:url(#filter825)" />
+      <text
+         transform="rotate(28.396534)"
+         id="text943"
          y="-713.21735"
-         style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:8.13332367px;font-family:Millimetre;-inkscape-font-specification:'Millimetre, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.43573296">RESSOURCERIE</tspan></text>
+         x="57.896194"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.1336813px;line-height:1.25;font-family:'Universalis ADF Std';-inkscape-font-specification:'Universalis ADF Std, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.43573296"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:8.13332367px;font-family:Millimetre;-inkscape-font-specification:'Millimetre, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.43573296"
+           y="-713.21735"
+           x="57.896194"
+           id="tspan941"
+           sodipodi:role="line">RESSOURCERIE</tspan></text>
+    </g>
   </g>
 </svg>

web/app/themes/la_mine/asset/images/objet_drag_6.svg

@@ -41,7 +41,7 @@
      id="namedview8"
      showgrid="false"
      inkscape:zoom="0.33082922"
-     inkscape:cx="706.8714"
+     inkscape:cx="-3.4648877"
      inkscape:cy="299.91924"
      inkscape:window-x="2786"
      inkscape:window-y="45"
@@ -52,7 +52,7 @@
      id="g5020">
     <path
        sodipodi:type="star"
-       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff0000;stroke-width:1.05444249;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff0000;stroke-width:1.54651565;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
        id="path823"
        sodipodi:sides="13"
        sodipodi:cx="417.29282"

web/app/themes/la_mine/asset/images/objet_drag_7.svg

@@ -41,7 +41,7 @@
      id="namedview8"
      showgrid="false"
      inkscape:zoom="0.33082922"
-     inkscape:cx="518.71144"
+     inkscape:cx="-191.62485"
      inkscape:cy="452.60337"
      inkscape:window-x="2786"
      inkscape:window-y="45"
@@ -52,7 +52,7 @@
      transform="matrix(18.091825,0,0,18.091825,-6978.8339,11151.482)"
      id="g5020">
     <path
-       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff0000;stroke-width:0.82910375;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff0000;stroke-width:1.21601884;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
        d="m 413.01275,-602.08454 -26.53965,10.54724 3.25308,18.51664 55.32549,-9.71981 -3.25307,-18.51663 z"
        id="rect826"
        inkscape:connector-curvature="0" />

web/app/themes/la_mine/asset/images/objet_drag_8.svg

@@ -41,7 +41,7 @@
      id="namedview8"
      showgrid="false"
      inkscape:zoom="0.33082922"
-     inkscape:cx="728.03035"
+     inkscape:cx="17.694062"
      inkscape:cy="381.53235"
      inkscape:window-x="2786"
      inkscape:window-y="45"
@@ -51,7 +51,7 @@
      transform="matrix(18.091825,0,0,18.091825,-6978.8339,11151.482)"
      id="g5020">
     <ellipse
-       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff0000;stroke-width:0.82910375;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff0000;stroke-width:1.21601884;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
        id="path837"
        cx="416.7377"
        cy="-587.51929"

web/app/themes/la_mine/asset/images/objet_drag_9.svg

@@ -41,7 +41,7 @@
      id="namedview8"
      showgrid="false"
      inkscape:zoom="0.33082922"
-     inkscape:cx="344.14649"
+     inkscape:cx="-366.1898"
      inkscape:cy="556.84939"
      inkscape:window-x="2786"
      inkscape:window-y="45"
@@ -51,7 +51,7 @@
      transform="matrix(18.091825,0,0,18.091825,-6978.8339,11151.482)"
      id="g5020">
     <circle
-       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff0000;stroke-width:0.82910375;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff0000;stroke-width:1.21601884;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
        id="path822"
        cx="416.65421"
        cy="-588.02045"

web/app/themes/la_mine/functions.php

@@ -18,14 +18,19 @@
 
 	add_action('wp_enqueue_scripts', 'includejquery');
 
+	function includedrag() {
+		wp_deregister_script('drag-ui');
+		wp_enqueue_script( 'drag-ui',
+		get_template_directory_uri() . '/asset/dist/js/jquery-ui.js',
+		array() );
+	}
+	add_action('wp_enqueue_scripts', 'includedrag');
 
 	function theme_js(){
-
 		wp_enqueue_script( 'rellax',
 		get_template_directory_uri() . '/asset/dist/js/rellax.pkgd.min.js',
 		array() );
 
-
 		wp_enqueue_script( 'flickity',
 		get_template_directory_uri() . '/asset/dist/js/flickity.pkgd.min.js',
 		array() );

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

@@ -43,6 +43,7 @@
 
 				<nav id="nav-main" class="nav-main" role="navigation">
 					{% include "menu.twig" with {'items': menu.get_items} %}
+					<div class="fl_menu"><img src="{{theme.link}}/asset/images/fleche_menu.svg"></div>
 				</nav>
 			{% endblock %}
 		</header>

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

@@ -1,18 +1,18 @@
 <section class="information col-12 col-lg-6 p-0">
-  <div class="d-flex justify-content-around flex-wrap">
-    <div class="logo_lamine col-lg-3 col-sm-6">
+  <div class="d-flex justify-content-right flex-wrap">
+    <div class="logo_lamine col-lg-3 col-md-6">
       <a href="{{site.url}}"><img src="{{ Image(options.lamine_footer.image_logo).src }}" /></a>
     </div>
 
-    <div class="horaires col-lg-3 col-sm-6">
+    <div class="horaires col-lg-3 col-md-6">
       {{options.texte_horaire }}
     </div>
 
-    <div class="adresse col-lg-3 col-sm-6">
+    <div class="adresse col-lg-3 col-md-6">
       {{options.texte_adresse }}
     </div>
 
-    <div class="col-lg-3 col-sm-6">
+    <div class="col-lg-3 col-md-6">
       <div class="collecte">
         {{options.texte_collecte }}
       </div>
@@ -44,7 +44,7 @@
       <form action="https://kevintessier.us19.list-manage.com/subscribe/post?u=a98b763288f940083bf28857c&amp;id=96d6b6e702" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
           <div id="mc_embed_signup_scroll" class="d-flex align-items-baseline">
           	<label for="mce-EMAIL">Recevoir l'actualité de la Mine</label>
-          	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
+          	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="adresse email" required>
               <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
             <div style="position: absolute; left: -5000px;" aria-hidden="true">
               <input type="text" name="b_a98b763288f940083bf28857c_96d6b6e702" tabindex="-1" value="">
@@ -57,7 +57,7 @@
   </div>
   <div class="add_asso">
     <div id="Btn_asso">
-      <a target="_blank" href="{{post.meta('bouton_asso').lien_hello_asso}}">adhérer à l'association</a>
+      <a target="_blank" href="{{post.meta('bouton_asso').lien_hello_asso}}">Adhérer à l'association</a>
     </div>
 
   </div>

web/app/themes/la_mine/templates/html-header.twig

@@ -13,7 +13,7 @@
     <link rel="pingback" href="{{ site.pingback_url }}" />
     <link rel="profile" href="http://gmpg.org/xfn/11">
     {#ajout chloe drag#}
-    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
+      <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
 
     {# BOOTSTRAP #}
     <link href="{{ site.theme.link }}/asset/dist/css/bootstrap.min.css" rel="stylesheet">

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

@@ -4,7 +4,34 @@
 </div>
 <div class="__body">
 	<!--ajout chloe drag-->
-	<div id="draggable" class="ui-widget-content"></div>
+		<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">
+			<img src="{{theme.link}}/asset/images/objet_drag_2.svg">
+		</div>
+		<div id="drag_3" class="group_drag">
+			<img src="{{theme.link}}/asset/images/objet_drag_3.svg">
+		</div>
+		<div id="drag_4" class="group_drag">
+			<img src="{{theme.link}}/asset/images/objet_drag_4.svg">
+		</div>
+		<div id="drag_5" class="group_drag">
+			<img src="{{theme.link}}/asset/images/objet_drag_5.svg">
+		</div>
+		<div id="drag_6" class="group_drag">
+			<img src="{{theme.link}}/asset/images/objet_drag_6.svg">
+		</div>
+		<div id="drag_7" class="group_drag">
+			<img src="{{theme.link}}/asset/images/objet_drag_7.svg">
+		</div>
+		<div id="drag_8" class="group_drag">
+			<img src="{{theme.link}}/asset/images/objet_drag_8.svg">
+		</div>
+		<div id="drag_9" class="group_drag">
+			<img src="{{theme.link}}/asset/images/objet_drag_9.svg">
+		</div>
+
 	<!--fin ajout chloe drag-->
 	<div class="wrapper__content row justify-content-center">
 		{% for item in projet %}