ajout objet hybride et créa+ajout objet drag, design mention, ouverture nouvel onglet, aussi recherche draggable avec en commentaire /ajout chloe drag/ pour que les modif soient facilement retrouvable

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

@@ -17,6 +17,11 @@ 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++) {

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

@@ -10,7 +10,7 @@
 *{
   box-sizing: border-box;
 }
-
+/*START PARALAX*/
 .paralax{
   z-index: -1;
   position: absolute;
@@ -20,11 +20,46 @@
 #section_proch .paralax{
   left: -20%;
 }
-
 .section_accueil .paralax{
-  left: 50%;
+  left: 980px;
+  top: 1000px;
 }
-
+.agenda .paralax{
+  z-index: -1;
+  width: 100%;
+  top: 340px;
+  left: 315px;
+}
+.les-projets .paralax{
+  z-index: -1;
+  top: 420px;
+  left: 940px;
+}
+.la-collecte .paralax{
+  z-index: -1;
+  width: 80%;
+  top: -230px;
+  left: 580px;
+}
+.la-benevole-zone .paralax{
+  z-index: -1;
+  width: 80%;
+  top: -685px;
+  left: 580px;
+}
+.privatiser-lespace .paralax{
+  z-index: -1;
+  width: 80%;
+  top: -1018px;
+  left: 580px;
+}
+.privacy-policy .paralax{
+  z-index: -1;
+  width: 70%;
+  top: 255px;
+  left: 515px;
+}
+/*END PARALAX*/
 body {
   font-size: 16px;
   font-family: Universalis ADF Std, sans-serif;
@@ -64,6 +99,7 @@ header{
   z-index: 999;
   top: 0;
   left: 0;
+  pointer-events: none;
 }
 header > .nav-wrapper{
   height: fit-content;
@@ -72,6 +108,7 @@ header > .nav-wrapper{
   .logoLamine {
     width : 150px;
     height: 150px;
+    pointer-events: auto;
   }
 
   .logoLamine a{
@@ -82,6 +119,37 @@ header > .nav-wrapper{
   .logoLamine img{
     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;
@@ -104,6 +172,7 @@ header > .nav-wrapper{
   .rs{
     /* padding-top: 10px; */
     height: fit-content;
+    pointer-events: auto;
   }
   .rs > div {
     width: 30px;
@@ -120,6 +189,7 @@ header > .nav-wrapper{
   .burger{
     /* padding-top: 10px; */
     height: fit-content;
+    pointer-events: auto;
   }
   .fond_burger{
     background-image: url('../images/form_burger.svg');
@@ -135,13 +205,15 @@ header > .nav-wrapper{
     background: white;
   }
   .nav-main.is-active{
-    display: block
+    display: block;
+    pointer-events: auto;
   }
 
   .menu-item {
     font-family: Millimetre, sans-serif;
     text-transform: uppercase;
     text-align: right;
+    pointer-events: auto;
   }
 
   #nav-main > ul > li > ul {display: none;}
@@ -188,6 +260,7 @@ body > .content-wrapper{
 }
 .btn a{
   padding: 7px 10px;
+  background-color: white;
   border: 4px solid black;
 }
 
@@ -220,7 +293,13 @@ body > .content-wrapper{
 .flickity-button:disabled {
   display: none;
 }
-
+footer .flickity-prev-next-button{
+  width: 50px;
+  height: 50px;
+}
+footer .flickity-button-icon {
+  fill: grey;
+}
 /* END BUTTON */
 
 
@@ -244,6 +323,7 @@ body > .content-wrapper{
   .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;
@@ -251,6 +331,14 @@ body > .content-wrapper{
   .section_accueil#section_projets .wrap_content{
     height: calc(100% - 80px);
   }
+  /*ajout chloe drag*/
+    #draggable {
+      width: 150px;
+      height: 150px;
+      background-color: red;
+      padding: 0.5em;
+    }
+/*fin ajout chloe drag*/
 
   .section_accueil#section_tpsF .titre,
   .section_accueil#section_tpsF .content_asso  {
@@ -285,6 +373,7 @@ body > .content-wrapper{
   margin: 0 10px 20px 10px;
   padding: 2px 8px;
   border: 4px solid black;
+  background-color: white;
   height: 40px;
   display: flex;
   align-items: flex-end;
@@ -324,6 +413,7 @@ 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;
@@ -335,6 +425,7 @@ article .titre_event{
 }
 
 .article-content .data{
+  background-color: white;
   border: 4px solid #ffcc00ff;
   padding: 1em;
   text-transform: uppercase;
@@ -368,7 +459,11 @@ article .titre_event{
 }
 
 article .__img_event img{
-  object-fit: cover;
+  position:relative;
+  top: 0;
+  width:100%;
+  height:auto;
+  object-fit:contain;
 }
 
 .other{
@@ -385,6 +480,7 @@ article .__img_event img{
 .voir_aussi {
   text-transform: uppercase;
   font-weight: bold;
+  background-color: white;
   border: 8px solid #ffcc00ff;
   transform: rotate(-10deg);
   padding: 0.5rem;
@@ -420,6 +516,7 @@ body.la-collecte .__header h3{
 .sider_left_form{
   padding: 0 1rem;
   border: 8px solid #ff56ffff;
+  background-color: white;
 }
 .sider_left_form .acf-form-submit{
   padding-top: 0;
@@ -431,6 +528,7 @@ body.la-collecte .__header h3{
 .sidebar_left .__content,
 .content_zone {
   border: 8px solid blue;
+  background-color: white;
   padding: 1em;
 }
 /* END PAGE LA COLLECTE */
@@ -454,6 +552,7 @@ body.la-collecte .__header h3{
   }
   .la-benevole-zone .__bouttons > div{
     border: 4px solid #5353e1ff;
+    background-color: white;
     margin: 10px auto;
     padding: 0 10px;
     font-weight: bold;
@@ -504,6 +603,7 @@ body.la-collecte .__header h3{
   }
   .association .__bouttons > div{
     border: 4px solid #ffcc00ff;
+    background-color: white;
     margin: 10px auto;
     padding: 0 10px;
     font-weight: bold;
@@ -515,6 +615,7 @@ body.la-collecte .__header h3{
   .tableau_engagements > div:not(.gutter-sizer) {
     margin-bottom: 10px;
     border: 4px solid #ffcc00ff;
+    background-color: white;
     padding: 10px;
     width: calc(50% - 10px)!important;
   }
@@ -563,10 +664,38 @@ body.la-collecte .__header h3{
   }
   .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;
+  align-items: center;
+  border: 8px solid #00FFFF;
+  transform: rotate(-10deg);
+  padding: 0.5rem;
+  background-color: white;
+}
+.privacy-policy h2, .privacy-policy h3{
+  font-family: Universalis ADF Std, 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 {
+  column-count: 2;
+}
+/*END PRIVACY-POLICY*/
 
 .titre_page, .titre{
   position: absolute;
@@ -577,6 +706,7 @@ body.la-collecte .__header h3{
   text-align: center;
   align-items: center;
   border: 8px solid blue;
+  background-color: white;
   transform: rotate(-10deg);
   padding: 0.5rem;
   background-color: white;
@@ -900,11 +1030,19 @@ body.les-temps-forts .titre_page {
 /*START MEDIA QUERIES*/
 @media screen and (min-width: 200px) and (max-width: 1088px) {
     .titre_page,
-    .titre {
+    .titre{
       top: -150px;
       left: 50%;
       transform: rotate(-10deg) translateX(-50%);
     }
+    .privacy-policy .article-h1{
+      top: 100px;
+      left: 50%;
+      transform: rotate(-10deg) translateX(-50%);
+    }
+    .privacy-policy .article-body {
+      column-count: 1;
+    }
     .other .header_other {
       left: 50%;
     }

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

@@ -0,0 +1,364 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   height="1008.842"
+   width="1116.005"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="objet_drag_1.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1179"
+     inkscape:window-height="869"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="0.23393158"
+     inkscape:cx="996.1648"
+     inkscape:cy="504.42099"
+     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>
+</svg>

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

@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   height="1008.842"
+   width="1116.005"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="objet_drag_2.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1179"
+     inkscape:window-height="869"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="0.33082922"
+     inkscape:cx="851.82494"
+     inkscape:cy="80.904051"
+     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>
+</svg>

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

@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   height="1008.842"
+   width="1116.005"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="objet_drag_4.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1179"
+     inkscape:window-height="869"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="0.46786317"
+     inkscape:cx="570.18795"
+     inkscape:cy="532.33754"
+     inkscape:window-x="2786"
+     inkscape:window-y="45"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g5020" />
+  <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)" />
+    <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>
+  </g>
+</svg>

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

@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   height="1008.842"
+   width="1116.005"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="objet_drag_5.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1179"
+     inkscape:window-height="869"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="0.33082922"
+     inkscape:cx="642.36051"
+     inkscape:cy="585.7021"
+     inkscape:window-x="2786"
+     inkscape:window-y="45"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g5020" />
+  <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)"
+       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="57.896194"
+       y="-713.21735"
+       id="text943"
+       transform="rotate(28.396534)"><tspan
+         sodipodi:role="line"
+         id="tspan941"
+         x="57.896194"
+         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>
+  </g>
+</svg>

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

@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   height="1008.842"
+   width="1116.005"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="objet_drag_6.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1179"
+     inkscape:window-height="869"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="0.33082922"
+     inkscape:cx="706.8714"
+     inkscape:cy="299.91924"
+     inkscape:window-x="2786"
+     inkscape:window-y="45"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g5020" />
+  <g
+     transform="matrix(18.091825,0,0,18.091825,-6978.8339,11151.482)"
+     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"
+       id="path823"
+       sodipodi:sides="13"
+       sodipodi:cx="417.29282"
+       sodipodi:cy="-584.7702"
+       sodipodi:r1="28.46666"
+       sodipodi:r2="27.639469"
+       sodipodi:arg1="0.1923956"
+       sodipodi:arg2="0.43405657"
+       inkscape:flatsided="true"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="m 445.23424,-579.32707 -5.73007,12.36155 -10.81843,8.28271 -13.42841,2.3064 -12.9621,-4.19827 -9.52633,-9.74118 -3.9082,-13.05249 2.60525,-13.37364 8.52188,-10.63105 12.48624,-5.45301 13.59016,0.97425 11.58073,7.17831 6.91831,11.73792 z"
+       inkscape:transform-center-x="4.4389608"
+       inkscape:transform-center-y="1.8900029"
+       transform="matrix(1,0,0,0.61826116,0,-226.0778)" />
+    <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;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="418.03494"
+       y="-589.19684"
+       id="text943"
+       transform="rotate(-0.08206641)"><tspan
+         sodipodi:role="line"
+         id="tspan941"
+         x="418.03494"
+         y="-589.19684"
+         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:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.43573296">BRADERIE</tspan><tspan
+         sodipodi:role="line"
+         x="418.03494"
+         y="-580.65674"
+         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:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.43573296"
+         id="tspan817">GUINGUETTE</tspan></text>
+  </g>
+</svg>

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

@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   height="1008.842"
+   width="1116.005"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="objet_drag_7.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1179"
+     inkscape:window-height="869"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="0.33082922"
+     inkscape:cx="518.71144"
+     inkscape:cy="452.60337"
+     inkscape:window-x="2786"
+     inkscape:window-y="45"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g5020"
+     showguides="false" />
+  <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 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" />
+    <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:7.71931744px;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:0.41353488"
+       x="511.78729"
+       y="-508.08301"
+       id="text943"
+       transform="rotate(-10.046333)"><tspan
+         sodipodi:role="line"
+         x="512.5592"
+         y="-508.08301"
+         style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:7.71897793px;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.41353488"
+         id="tspan817">MAISON </tspan><tspan
+         sodipodi:role="line"
+         x="511.78729"
+         y="-499.978"
+         style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:7.71897793px;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.41353488"
+         id="tspan820">DES COMMUNS</tspan></text>
+  </g>
+</svg>

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

@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   height="1008.842"
+   width="1116.005"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="objet_drag_8.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1179"
+     inkscape:window-height="869"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="0.33082922"
+     inkscape:cx="728.03035"
+     inkscape:cy="381.53235"
+     inkscape:window-x="2786"
+     inkscape:window-y="45"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g5020" />
+  <g
+     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"
+       id="path837"
+       cx="416.7377"
+       cy="-587.51929"
+       rx="29.529621"
+       ry="10.847615" />
+    <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:7.33457899px;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:0.39292392"
+       x="417.90836"
+       y="-584.45355"
+       id="text943"
+       transform="rotate(-0.08206641)"><tspan
+         sodipodi:role="line"
+         x="417.90836"
+         y="-584.45355"
+         style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:7.33425665px;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.39292392"
+         id="tspan817">RESTAURATION</tspan></text>
+  </g>
+</svg>

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

@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   height="1008.842"
+   width="1116.005"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="objet_drag_9.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1179"
+     inkscape:window-height="869"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="0.33082922"
+     inkscape:cx="344.14649"
+     inkscape:cy="556.84939"
+     inkscape:window-x="2786"
+     inkscape:window-y="45"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g5020" />
+  <g
+     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"
+       id="path822"
+       cx="416.65421"
+       cy="-588.02045"
+       r="24.226002" />
+    <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;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="418.03448"
+       y="-588.88635"
+       id="text943"
+       transform="rotate(-0.08206641)"><tspan
+         sodipodi:role="line"
+         x="418.03448"
+         y="-588.88635"
+         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:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.43573296"
+         id="tspan817">BOUTIQUE</tspan><tspan
+         sodipodi:role="line"
+         x="418.03448"
+         y="-580.34625"
+         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:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.43573296"
+         id="tspan820">GRATUITE</tspan></text>
+  </g>
+</svg>

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

@@ -15,5 +15,9 @@
 				{% include 'components/thumbnails/thumbnails.twig'%}
 			{% endfor %}
 		</div>
+		<div class="paralax" data-rellax-speed="-5">
+			<img src="{{theme.link}}/asset/images/objet_4.svg" alt="objet 4">
+		</div>
 	</section>
+
 {% endblock %}

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

@@ -11,6 +11,7 @@
 			{% block header %}
 				<div class="logoLamine mr-auto">
 					<a class="hdr-logo-link" href="{{site.url}}"><img src="{{theme.link}}/asset/images/logo_lamine_vect.svg"/>
+						<div id="lumiR_logo"></div>
 						<div id="fond_logo"></div>
 					</a>
 				</div>
@@ -50,6 +51,12 @@
 			{% include "components/hero/hero.twig" %}
 		{% endif %}
 
+		{% if post.slug == "privacy-policy" %}
+		<div class="paralax" data-rellax-speed="5">
+			<img src="{{theme.link}}/asset/images/objet_8.svg" alt="objet 8">
+		</div>
+		{% endif %}
+
 		<section id="content" role="main" class="content-wrapper container-md">
 			{% if title %}<h1>{{title}}</h1>{% endif %}
 			<div class="wrapper {{sidebar_class}}">

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

@@ -19,13 +19,13 @@
 
       <div class="reseaux_sociaux align-items">
         <div class="facebook">
-          <a class="d-flex" href="{{options.facebook.lien_facebook}}">
+          <a class="d-flex" target="_blank" href="{{options.facebook.lien_facebook}}">
             <img src="{{ Image(options.facebook.logo_facebook).src }}" />
             <span>{{options.facebook.texte_facebook}}</span>
           </a>
         </div>
         <div class="insta">
-          <a class="d-flex" href="{{options.instagram.lien_instagram}}">
+          <a class="d-flex" target="_blank" href="{{options.instagram.lien_instagram}}">
             <img src="{{ Image(options.instagram.logo_instagram).src }}" />
             <span>{{options.instagram.texte_instagram}}</span>
           </a>
@@ -57,7 +57,7 @@
   </div>
   <div class="add_asso">
     <div id="Btn_asso">
-      <a 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

@@ -12,6 +12,8 @@
     <link rel="author" href="{{ site.theme.link }}/humans.txt" />
     <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">
 
     {# BOOTSTRAP #}
     <link href="{{ site.theme.link }}/asset/dist/css/bootstrap.min.css" rel="stylesheet">
@@ -19,4 +21,5 @@
     <link href="{{ site.theme.link }}/asset/dist/hamburgers.min.css" rel="stylesheet">
     <link href="{{ site.theme.link }}/asset/dist/style.css" rel="stylesheet">
 
+
     {{function('wp_head')}}

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

@@ -22,7 +22,9 @@
 
 		</div>
 	</div>
-
+	<div class="paralax" data-rellax-speed="-2">
+		<img src="{{theme.link}}/asset/images/objet_6.svg" alt="objet 6">
+	</div>
 </section>
 
 

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

@@ -26,6 +26,9 @@
 
 		</div>
 	</div>
+	<div class="paralax" data-rellax-speed="5">
+		<img src="{{theme.link}}/asset/images/objet_5.svg" alt="objet 5">
+	</div>
 </section>
 
 {% endblock %}

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

@@ -31,5 +31,8 @@
 				{% endfor %}
 			</div>
 		</section>
+		<div class="paralax" data-rellax-speed="5">
+			<img src="{{theme.link}}/asset/images/objet_2.svg" alt="objet 2">
+		</div>
 	{% endfor %}
 {% endblock %}

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

@@ -3,6 +3,9 @@
 	<h2 class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</h2>
 </div>
 <div class="__body">
+	<!--ajout chloe drag-->
+	<div id="draggable" class="ui-widget-content"></div>
+	<!--fin ajout chloe drag-->
 	<div class="wrapper__content row justify-content-center">
 		{% for item in projet %}
 			<div class="colonne_section col-md-6 col-lg-4">

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

@@ -59,7 +59,9 @@
 
 	</div>
 
-
+	<div class="paralax" data-rellax-speed="5">
+		<img src="{{theme.link}}/asset/images/objet_7.svg" alt="objet 7">
+	</div>
 
 
 </section>