Merge branch 'master' of gogs-figureslibres.io:kevin/Popsu-coloque

web/themes/custom/colloque2024/colloque2024.libraries.yml

@@ -15,5 +15,7 @@ global-scripts:
     js/lightbox.js: {}
     js/script.js: {}
     js/animation_home.js: {}
+    js/animation_aside.js: {}
+
   dependencies:
     - core/jquery

web/themes/custom/colloque2024/css-compiled/configs/animation.css

@@ -0,0 +1,51 @@
+@keyframes pulse {
+  0% {
+    transform: scale(0); }
+  100% {
+    transform: scale(0.5); } }
+
+@keyframes slidein {
+  from {
+    transform: translateX(0%); }
+  to {
+    transform: translateX(100%); } }
+
+@keyframes dropDown {
+  from {
+    transform: translateY(0%); }
+  to {
+    transform: translateY(100%); } }
+
+@keyframes translateAnimation {
+  0% {
+    transform: translateX(0);
+    /* Start translation */ }
+  50% {
+    transform: translateX(200); }
+  100% {
+    transform: translateX(500px);
+    /* End translation */ } }
+
+@keyframes changeColor {
+  0% {
+    fill: #b9ce00;
+    /* Initial fill color */ }
+  100% {
+    fill: #ff804d;
+    /* Final fill color */ } }
+
+@keyframes changeColor2 {
+  0% {
+    fill: #038788;
+    /* Initial fill color */ }
+  100% {
+    fill: #349a84;
+    /* Final fill color */ } }
+
+@keyframes traceAppear {
+  0% {
+    opacity: 0; }
+  80% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }

web/themes/custom/colloque2024/css-compiled/pages/layout.css

@@ -6,28 +6,15 @@
   main:not(.home) {
     padding: 4rem 0 !important; } }
 
-body {
-  position: relative; }
-  body #content-ontop {
-    z-index: 3000;
-    position: relative;
-    top: -1200px; }
-  body #background-animated {
-    z-index: 2000;
-    position: relative;
-    left: -350px; }
-  body::before {
-    z-index: -1;
-    content: " ";
-    width: 100%;
-    height: 100%;
-    background-repeat: no-repeat;
-    background-size: content;
-    display: block;
-    position: absolute;
-    opacity: 0.5;
-    top: 100px;
-    left: +53px; }
+body #content-ontop {
+  position: relative;
+  top: -1200px; }
+
+body #background-animated {
+  width: 100VW;
+  z-index: -1;
+  position: relative;
+  left: -400px; }
 
 article.publications, article.interviews {
   margin-top: 1rem; }

web/themes/custom/colloque2024/css/components/footer/footer.scss

@@ -1,9 +1,14 @@
 footer{
   background: white;
+  border-top: 1px solid black;
   width: 100%;
   height: auto;
   padding: 2rem 0 0 0;
   margin-top:2rem;
+  .container{
+   max-width: 90vw; 
+
+  }
   & > .d-flex{
     & > div{
       margin-bottom: 1.5rem;

web/themes/custom/colloque2024/css/components/header/header.scss

@@ -89,9 +89,10 @@ header{
         padding-top: 0.25rem;
         z-index: 9999;
       }
-      // .nav-main{
+      .nav-main{
+        display: none;
         @media screen and (min-width: 1200px) {
-        display: flex;
+        display: block;
           ul{
             margin-bottom: 0;
             flex-wrap: wrap;
@@ -106,7 +107,7 @@ header{
               }
             }
           }
-        // }
+        }
         &.is-active{
           display: block;
           position: fixed;
@@ -145,7 +146,7 @@ header{
                   width: 0%;
                   transition: width 1s ease;
                   height: 1px;
-                  background: $color1;
+                  background: $color2024;
                 }
                 &:hover{
                   &::before{
@@ -201,7 +202,7 @@ header.front{
       }
     }
   }
-  #block-colloque2024-renderedsitesettingsblock-2{
-    // display: none;
+  #block-renderedsitesettingsblock-2{
+    display: none;
   }
 }

web/themes/custom/colloque2024/css/components/slides/slides.scss

@@ -19,7 +19,6 @@
     article {
       width: calc(100% - 30px);
       height: 325px;
-      // background: none;
       display: flex;
       flex-direction: column;
       margin: 3rem $gutter 1.5rem $gutter;
@@ -79,35 +78,26 @@
   .views {
     section.wrap_head {
       // @include croix_or;
-      
       .head {
         display: flex;
         flex-direction: row;
         align-items: center;
         position: relative;
-        
-        .custom-line {
-          flex: 1; /* Pour étendre le trait sur toute la largeur disponible */
-          border: none;
-          border-top: 1px solid #000; /* Couleur et style de la ligne */
-          margin: 10px 0; /* Marge supérieure et inférieure pour l'espacement */
-        }
         h3{
-          // &:after{
-          //   content:url(../images/path1.svg);
-          //   max-width: fit-content;
-          // }
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+
+          &:after{
+            display: block;
+            content: "";
+            max-width: fit-content;
+            width: 100%; /* Étendre la ligne sur toute la largeur */
+            border-bottom: 1px solid #000; /* Couleur et style de la ligne */
+          }
         }
         
       }
-      .head::after {
-        content: "";
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 100%; /* Étendre la ligne sur toute la largeur */
-        border-bottom: 1px solid #000; /* Couleur et style de la ligne */
-      }
     }
   }
   @media screen and (min-width: 576px) {
@@ -135,7 +125,7 @@
       }
     }
     .flickity-viewport {
-      // overflow: initial;
+      overflow: initial;
     }
     .flickity-slider > div {
       width: 70%;
@@ -150,10 +140,7 @@
 
 .flickity-slider {
   position: absolute;
-  // width: 300px;
+  width: 100%;
   height: 100%;
   margin-left: 10px;
-  &:hover{
-    // border: solid 1px black;
-  }
 }

web/themes/custom/colloque2024/css/configs/animation.scss

@@ -43,4 +43,3 @@
 }
 
 
-

web/themes/custom/colloque2024/css/pages/front.scss

@@ -24,9 +24,7 @@ header {
 
 #txt_present {
   margin: 3rem 0;
-  .medias{
-    display: none;
-  }
+
   @media screen and (min-width: 992px) {
     margin: 5rem 0;
   }
@@ -172,27 +170,37 @@ header {
 
 #block-colloque2024-views-block-slide-programme-block-1 {
   h3 {
-    // &::after {
-    //   display: inline-flex;
-    //   width: 60px;
-    //   height: 60px;
-    //   vertical-align: middle;
-    //   margin-left: 20px;
-    //   // @include labelOnline;
-    // }
+    &::after {
+      display: inline-flex;
+      width: 60px;
+      height: 60px;
+      vertical-align: middle;
+      margin-left: 20px;
+      // @include labelOnline;
+    }
   }
 }
 
-#block-colloque2024-mainpagecontent{
-  background-color: transparent;
-}
 
 
 ///changement 2024
 
-#block-colloque2024-mainpagecontent{
+#mainHome{
+  max-width: 100vw;
+  margin: 0;
+  display: flex;
+  .layout-content{
+    margin: auto;
+    height: 1500px;
+    max-width: 1140px;
+  }
+}
+
+
+
+#txt_present{
   .medias{
-    display: none;
+  display: none;
   }
 }
 

web/themes/custom/colloque2024/css/pages/layout.scss

@@ -10,59 +10,18 @@ main:not(.home) {
 //
 body {
  #content-ontop{
- z-index: 3000;
  position: relative;
  top: -1200px;
  }
- 
-
  #background-animated{
- z-index: 2000;
- position: relative;
-  left: -350px;
- 
- }
+  width: 100VW;
+  z-index: -1;
   position: relative;
-  &::before {
-    z-index: -1;
-    content: " ";
-    width: 100%;
-    height: 100%;
-    // background-image: url("../images/fond-ronds-trace.svg");
-    background-repeat: no-repeat;
-    background-size: content;
-    display: block;
-    position: absolute;
-    opacity: 0.5;
-    top: 100px;
-    left: +53px;
-  }
-
-
-
-
-  // &::after {
-  //   z-index: -1;
-  //   content: " ";
-  //   width: 100%;
-  //   height: 100%;
-  //   background: linear-gradient(
-  //     to top,
-  //     white,
-  //     rgba(255, 255, 255, 0.8)
-  //   );
-  //   display: block;
-  //   position: absolute;
-  //   transform: translateY(-100%);
-  //   top: 100%;
-  //   left: 0;
-  // }
+  left: -400px;
+ }
 }
 
 article {
-  .__title {
-    // @include croix_or;
-  }
   &.publications,
   &.interviews {
     margin-top: 1rem;
@@ -78,7 +37,5 @@ article {
     }
   }
 }
-h4 {
-  // @include croix_or;
-}
+
 

web/themes/custom/colloque2024/css/pages/presentation.scss

@@ -15,4 +15,38 @@
   .__wrapper{
     margin-top: 1rem;
   }
+
+  &.main{
+    max-width: 100vw;
+    margin: 0;
+    display: flex;
+  }
+
+}
+
+
+.layout{
+  display: flex;
+  flex-direction: row;
+  #main-content-node{
+  }
+  #aside-animated{
+    display: flex;
+    z-index: -1;
+    position: absolute;
+    width: 25%;
+    top: 0;
+    left: 0;
+    margin: auto;
+    padding: auto;
+    svg{
+      margin: auto;
+    }
+
+  
+  
+  
+  
+  }
+
 }

web/themes/custom/colloque2024/css/pages/programme.scss

@@ -8,14 +8,13 @@
       position: relative;
       color: $color2024;
       &::after{
-        // display: inline-flex;
-        display: none;
+        display: inline-flex;
         position: absolute;
         right: 0;
         width: 100px;
         height: 100px;
         vertical-align: middle;
-        @include labelOnline;
+        // @include labelOnline;
         @media screen and (min-width: 768px) {
           width: 150px;
           height: 150px;

web/themes/custom/colloque2024/images/fond-rond-test.svg

@@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+          width="1900"
+          height="1500"
+          viewBox="0 0 502.70834 296.875"
+          version="1.1"
+          id="svg1"
+          xml:space="preserve"
+          xmlns="http://www.w3.org/2000/svg"
+          xmlns:svg="http://www.w3.org/2000/svg"><defs
+          id="defs1">
+          <filter id="f4" x="-20" y="-20" height="100" width="100">
+              <feGaussianBlur in="SourceGraphic" stdDeviation="20" />
+          </filter>
+          <filter id="f5">
+            <feGaussianBlur in="SourceGraphic" stdDeviation="2" />
+          </filter>
+            </defs>
+            <g
+            id="layer1"
+            transform="translate(-51.525162,-32.699875)">
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_orange" cx="84.683075" cy="132.53793" r="15.890945" />
+              <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_pop_trans" cx="136.45699" cy="74.141045" r="15.890945" />
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_orange_2" cx="194.12822" cy="74.014618" r="15.890945" />
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable" class="toleft1" cx="457" cy="74.184013" r="15.890945" />
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:1.19737"
+              d="m 462.8305,58.142036 c -20.03075,1.78212 -17.31022,32.693116 2.6358,30.918576 20.03076,-1.7821 17.31021,-32.693146 -2.6358,-30.918576 z"
+              id="path_circle_vert_clair_erable" class="toleft1"/> 
+              <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_erable_2" class="toleft3" cx="400" cy="166.14003" r="15.890945" />
+              <path style="filter:url(#f5);fill:#038788;fill-opacity:1;stroke:none"
+              d="m 400,152 c -2.16405,0.16719 -4.2637,0.74796 -6.15277,1.83301 -12.5874,7.23004 -6.72502,27.5444 7.93188,26.41208 5.739,-0.44336 14.95781,-2.24109 18.75404,-6.93203 3.69834,-4.57001 2.81908,-12.55102 -1.70959,-16.24527 -4.33146,-3.53336 -13.29117,-5.49519 -18.82356,-5.06779 z"
+              id="path_circle_vert_erable_2" class="toleft3"/>
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable_3" class="toright3" cx="18" cy="166.14003" r="15.890945" />
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.837592"
+              d="m 10,153.49503 c 1.66599,0.28713 3.23412,0.86965 4.64923,2.10196 1.13385,0.98738 2.12354,2.20392 2.87042,3.70487 3.4694,6.97221 1.26697,16.7678 -4.79211,19.76085 -1.59028,0.78557 -3.27791,0.9903 -4.95918,0.75119 -2.5558,-0.36348 -4.53937,-2.61939 -7.00484,-3.35343 -5.83083,-1.73601 -11.81781,-2.62133 -17.66709,-4.27621 -2.30955,-0.65342 -5.79646,-2.18476 -6.29444,-5.66197 -0.56424,-3.93983 3.36487,-5.83643 5.67455,-6.56082 1.86819,-0.58593 3.8034,-0.59903 5.70306,-0.83564 4.12917,-0.51429 8.33141,-0.76337 12.39795,-1.93444 1.65451,-0.47646 2.95288,-1.74598 4.46326,-2.65107 1.47815,-0.88578 3.33945,-1.32444 4.95919,-1.04529 z"
+              id="path_circle_vert_clair_erable_3" class="toright3"/>
+
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_orange_3" cx="375.24548" cy="166.11342" r="15.890945" />
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable_5" cx="437.38623" cy="165.2007" r="15.890945" />
+
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none"
+              d="m 442.70309,151.34247 c -2.16405,0.16719 -4.2637,0.74796 -6.15277,1.83301 -12.5874,7.23004 -6.72502,27.5444 7.93188,26.41208 5.739,-0.44336 14.95781,-2.24109 18.75404,-6.93204 3.69834,-4.57 2.81908,-12.55101 -1.70959,-16.24526 -4.33146,-3.53336 -13.29117,-5.49519 -18.82356,-5.06779 z"
+              id="path_circle_vert_clair_erable_5" />
+              
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_orange_4" cx="289" cy="216.84201" r="15.890945" />
+              <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:1.19737"
+              d="m 294.96985,200.04259 c -20.03075,1.78212 -17.31022,32.69312 2.6358,30.91858 20.03076,-1.7821 17.31021,-32.69315 -2.6358,-30.91858 z"
+              id="path_circle_orange_4" />
+              <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:1.19737"
+              d="m 318,200.04259 c -20.03075,1.78212 -17.31022,32.69312 2.6358,30.91858 20.03076,-1.7821 17.31021,-32.69315 -2.6358,-30.91858 z"
+              id="path_circle_orange_7" />
+              <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_pop_trans_3" cx="325.69421" cy="216.84201" r="15.890945" />
+              
+
+              <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_erable_4" class="moveup" cx="190.17583" cy="216.84201" r="15.890945" />
+              <path style="filter:url(#f5);fill:#038788;stroke:none;stroke-width:0.837592"
+              d="m 176.96306,228.27149 c 0.28713,-1.66598 0.86969,-3.23411 2.10196,-4.64922 0.98738,-1.13386 2.20392,-2.12354 3.70487,-2.87043 6.97221,-3.4694 16.7678,-1.26697 19.76085,4.79211 0.78557,1.59028 0.9903,3.27791 0.75119,4.95918 -0.36348,2.5558 -2.61938,4.53937 -3.35343,7.00485 -1.73601,5.83082 -2.62133,11.8178 -4.2762,17.66708 -0.65342,2.30955 -2.18477,5.79646 -5.66198,6.29444 -3.93982,0.56424 -5.83643,-3.36487 -6.56082,-5.67454 -0.58593,-1.8682 -0.59903,-3.8034 -0.83564,-5.70307 -0.51428,-4.12917 -0.76337,-8.33141 -1.93444,-12.39795 -0.47645,-1.6545 -1.74598,-2.95288 -2.65106,-4.46326 -0.88579,-1.47815 -1.32445,-3.33945 -1.0453,-4.95919 z"
+              id="path_circle_vert_erable_4" class="moveup"/>
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable_6" class="dropdown2" cx="138.32957" cy="-20.208164" r="15.890945" />
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none"
+              d="m 124.37597,-23.869337 c 0.16719,2.16405 0.74796,4.2637 1.83301,6.15277 7.23004,12.5874 27.5444,6.72502 26.41208,-7.93188 -0.44336,-5.739 -2.24109,-14.95781 -6.93204,-18.75404 -4.57,-3.69834 -12.55101,-2.81908 -16.24526,1.70959 -3.53336,4.33146 -5.49519,13.29117 -5.06779,18.82356 z"
+              id="path_circle_vert_clair_erable_6" class="dropdown2" />
+              
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0322974;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable_7" class="dropdown4" cx="92.832" cy="60" r="22.098158" />
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:1.53571"
+              d="m 91.317542,30 c -25.690903,2.28569 -22.201624,41.93132 3.380606,39.65534 25.690922,-2.28568 22.201612,-41.93136 -3.380606,-39.65534 z"
+              id="path_circle_vert_clair_erable_7" class="dropdown4"/>
+              <path style="filter:url(#f5);fill:#038788;fill-opacity:1;stroke:none"
+              d="m 74.665152,20 c 0.16719,2.16405 0.74796,4.2637 1.83301,6.15277 7.23004,12.5874 27.544398,6.72502 26.412078,-7.93188 -0.44336,-5.739 -2.24109,-14.95781 -6.932038,-18.75404 -4.57,-3.69834 -12.55101,-2.81908 -16.24526,1.70959 -3.53336,4.33146 -5.49519,13.29117 -5.06779,18.82356 z"
+              id="path_circle_vert_erable_3" class="dropdown3"/>
+              <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_erable_3" class="dropdown3" cx="88.886528" cy="20" r="15.890945" />
+                
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0353214;paint-order:fill markers stroke"
+              id="circle_orange_6" class="dropdown5" cx="512.90173" cy="41.339592" r="24.167231" />
+              <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:1.25134"
+              d="m 528.79932,30.726038 c -0.21033,2.69351 -0.94097,5.30686 -2.30601,7.65812 -9.09574,15.66707 -34.65217,8.37038 -33.22766,-9.87252 0.55777,-7.14312 2.8194,-18.61743 8.72084,-23.34246 5.74928,-4.60318 15.78977,-3.5088 20.43731,2.12787 4.44514,5.39121 6.91321,16.54302 6.37552,23.42899 z"
+              id="path_circle_orange_6" class="dropdown5"/>
+              
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_orange_5" cx="484.91324" cy="165.12646" r="15.890945" />
+              <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none"
+              d="m 482.59447,150.98761 c 2.16405,0.16719 4.2637,0.74796 6.15277,1.83301 12.5874,7.23004 6.72502,27.5444 -7.93188,26.41208 -5.739,-0.44336 -14.95781,-2.24109 -18.75404,-6.93204 -3.69834,-4.57 -2.81908,-12.55101 1.70959,-16.24526 4.33146,-3.53336 13.29117,-5.49519 18.82356,-5.06779 z"
+              id="path_circle_orange_5" />
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable_4" cx="438.36194" cy="74.165817" r="15.890945" />
+              <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0330534;paint-order:fill markers stroke"
+              id="circle_pop_trans_4" cx="513.32098" cy="116.0085" r="22.615427" />
+              <path style="filter:url(#f5);fill:#349a84;stroke:none;stroke-width:1.26656"
+              d="m 506.27395,96.085496 c 2.51922,0.43418 4.89045,1.31504 7.03031,3.17846 1.71454,1.493054 3.2111,3.332644 4.34049,5.602294 5.24622,10.54298 1.91584,25.35532 -7.24636,29.88124 -2.40473,1.18789 -4.95667,1.49748 -7.49899,1.13591 -3.86474,-0.54964 -6.86418,-3.96089 -10.59233,-5.07087 -8.81705,-2.6251 -17.87023,-3.96382 -26.71517,-6.46624 -3.49238,-0.98807 -8.76508,-3.30367 -9.5181,-8.56171 -0.85321,-5.95759 5.08816,-8.82552 8.58073,-9.92091 2.82498,-0.886 5.75129,-0.90581 8.62384,-1.2636 6.24391,-0.77769 12.5983,-1.15433 18.74749,-2.92515 2.50185,-0.72048 4.46518,-2.640174 6.74909,-4.008804 2.23517,-1.33942 5.04973,-2.00274 7.499,-1.58062 z"
+              id="path_circle_pop_trans_4"  />
+              <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_erable" class="dropdown1" cx="194.12822" cy="0" r="15.890945" />
+              <path style="filter:url(#f5);fill:#038788;fill-opacity:1;stroke:none;stroke-width:1.19737"
+              d="m 193.12822,-20 c -20.03075,1.78212 -17.31022,32.693118 2.6358,30.918578 20.03076,-1.7821 17.31021,-32.693148 -2.6358,-30.918578 z"
+              id="path_circle_vert_erable" class="dropdown1" />
+              
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:1.19737"
+              d="m 462.8305,58.142036 c -20.03075,1.78212 -17.31022,32.693116 2.6358,30.918576 20.03076,-1.7821 17.31021,-32.693146 -2.6358,-30.918576 z"
+              id="path_circle_vert_clair_erable_2" class="toleft4"/>
+              <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_pop_trans_2" class="toright1" cx="200" cy="74.286247" r="15.890945" />
+              
+              </g>
+              
+        </svg>

web/themes/custom/colloque2024/images/fond-ronds-trace-aside.svg

@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1900"
+   height="1500"
+   viewBox="0 0 502.70834 396.875"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   sodipodi:docname="fond-ronds-trace-aside.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showguides="true"
+     inkscape:zoom="0.38278047"
+     inkscape:cx="714.50876"
+     inkscape:cy="579.96689"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="276"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1"><sodipodi:guide
+       position="35.251929,297.34014"
+       orientation="1,0"
+       id="guide1"
+       inkscape:locked="false" /></sodipodi:namedview><defs
+     id="defs1" /><circle
+     style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+     id="circle_orange"
+     cx="34.928974"
+     cy="164.31612"
+     r="15.890945" /><circle
+     style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+     id="circle_vert_clair_erable_3"
+     cx="112.08936"
+     cy="-35.17004"
+     r="15.890945"
+     transform="rotate(90)" /><circle
+     style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+     id="circle_vert_clair_erable_6"
+     cx="-35.220108"
+     cy="-221.51985"
+     r="15.890945"
+     transform="scale(-1)" /><circle
+     style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+     id="circle_vert_erable_3"
+     cx="-37.172405"
+     cy="-36.306816"
+     r="15.890945"
+     transform="rotate(-177.50808)" /><circle
+     style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+     id="circle_orange_5"
+     cx="280.40448"
+     cy="-36.387135"
+     r="15.890945"
+     transform="rotate(90.300272)" /><path
+     style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.837592"
+     d="m 48.344207,100.2894 c -0.28713,1.66599 -0.86965,3.23412 -2.10196,4.64923 -0.98738,1.13385 -2.20392,2.12354 -3.70487,2.87042 -6.9722,3.4694 -16.76779,1.26697 -19.76085,-4.79211 -0.78557,-1.59028 -0.99029,-3.277907 -0.75119,-4.959168 0.36348,-2.555785 2.61939,-4.539343 3.35343,-7.00481 1.73601,-5.83083 2.62133,-11.81781 4.27621,-17.66709 0.65342,-2.30955 2.18476,-5.796465 5.66197,-6.294445 3.93983,-0.56424 5.83643,3.36487 6.56082,5.674555 0.58593,1.86819 0.59903,3.8034 0.83564,5.70306 0.51429,4.12917 0.76337,8.33141 1.93444,12.39795 0.47646,1.654513 1.74598,2.952874 2.65107,4.463245 0.88578,1.478144 1.32444,3.339432 1.04529,4.959163 z"
+     id="path_circle_vert_clair_erable_3" /><path
+     style="fill:#b9ce00;fill-opacity:1;stroke:none"
+     d="m 49.644548,231.85902 c -0.16719,-2.16405 -0.74796,-4.2637 -1.83301,-6.15277 -7.23004,-12.5874 -27.544402,-6.72502 -26.412082,7.93188 0.44336,5.739 2.241092,14.95781 6.932042,18.75404 4.57,3.69834 12.55101,2.81908 16.24526,-1.70959 3.53336,-4.33146 5.49519,-13.29117 5.06779,-18.82356 z"
+     id="path_circle_vert_clair_erable_6" /><path
+     style="fill:#038788;fill-opacity:1;stroke:none"
+     d="M 49.440746,45.994818 C 49.367804,43.825546 48.878873,41.70263 47.876983,39.76817 41.201061,26.878322 20.651026,31.85192 21.145014,46.544191 c 0.193418,5.75285 1.588628,15.041105 6.110085,19.037701 4.40488,3.893539 12.416572,3.362113 16.304229,-1.001654 3.718344,-4.173739 6.067874,-13.039679 5.881418,-18.58542 z"
+     id="path_circle_vert_erable_3" /><path
+     style="fill:#ff804d;fill-opacity:1;stroke:none"
+     d="m 49.067942,278.34684 c -0.178539,2.16314 -0.770305,4.25972 -1.86524,6.14307 -7.295908,12.54934 -27.579256,6.58058 -26.370138,-8.07018 0.47343,-5.7366 2.319448,-14.94586 7.030229,-18.71746 4.589319,-3.67434 12.565602,-2.75326 16.236067,1.79471 3.510612,4.34991 5.42547,13.31978 4.969082,18.84986 z"
+     id="path_circle_orange_5" /></svg>

web/themes/custom/colloque2024/images/fond-ronds.svg

@@ -1,144 +1,118 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
 <svg
-width="1900"
-height="1500"
-viewBox="0 0 502.70834 396.875"
-version="1.1"
-id="svg1"
-xml:space="preserve"
-inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
-sodipodi:docname="fond-ronds.svg"
-xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-xmlns="http://www.w3.org/2000/svg"
-xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
-  id="namedview1"
-  pagecolor="#ffffff"
-  bordercolor="#666666"
-  borderopacity="1.0"
-  inkscape:showpageshadow="2"
-  inkscape:pageopacity="0.0"
-  inkscape:pagecheckerboard="0"
-  inkscape:deskcolor="#d1d1d1"
-  inkscape:document-units="mm"
-  inkscape:zoom="0.25575084"
-  inkscape:cx="643.20414"
-  inkscape:cy="-11.730167"
-  inkscape:window-width="1920"
-  inkscape:window-height="1016"
-  inkscape:window-x="0"
-  inkscape:window-y="36"
-  inkscape:window-maximized="1"
-  inkscape:current-layer="layer1" /><defs
-  id="defs1" /><g
-  inkscape:label="Calque 1"
-  inkscape:groupmode="layer"
-  id="layer1"
-  transform="translate(-51.525162,-32.699875)"><circle
-    style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0315418;paint-order:fill markers stroke"
-    id="circle_pop_trans"
-    class="dropdown"
-    cx="92.695091"
-    cy="69.974625"
-    r="15" /><circle
-    style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0315418;paint-order:fill markers stroke"
-    id="circle_pop_trans-2"
-    class="moveup"
+          width="1900"
+          height="1500"
+          viewBox="0 0 502.70834 396.875"
+          version="1.1"
+          id="svg1"
+          xml:space="preserve"
+          xmlns="http://www.w3.org/2000/svg"
+          xmlns:svg="http://www.w3.org/2000/svg"><defs
+          id="defs1">
+          <filter id="f4" x="-20" y="-20" height="100" width="100">
+              <feGaussianBlur in="SourceGraphic" stdDeviation="20" />
+          </filter>
+          <filter id="f5">
+            <feGaussianBlur in="SourceGraphic" stdDeviation="2" />
+          </filter>
+            </defs>
+            <g
+            id="layer1"
+            transform="translate(-51.525162,-32.699875)">
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_orange" cx="84.683075" cy="132.53793" r="15.890945" />
+              <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_pop_trans" cx="136.45699" cy="74.141045" r="15.890945" />
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_orange_2" cx="194.12822" cy="74.014618" r="15.890945" />
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable" class="toleft1" cx="457" cy="74.184013" r="15.890945" />
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:1.19737"
+              d="m 462.8305,58.142036 c -20.03075,1.78212 -17.31022,32.693116 2.6358,30.918576 20.03076,-1.7821 17.31021,-32.693146 -2.6358,-30.918576 z"
+              id="path_circle_vert_clair_erable" class="toleft1"/> 
+              <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_erable_2" class="toleft3" cx="400" cy="166.14003" r="15.890945" />
+              <path style="filter:url(#f5);fill:#038788;fill-opacity:1;stroke:none"
+              d="m 400,152 c -2.16405,0.16719 -4.2637,0.74796 -6.15277,1.83301 -12.5874,7.23004 -6.72502,27.5444 7.93188,26.41208 5.739,-0.44336 14.95781,-2.24109 18.75404,-6.93203 3.69834,-4.57001 2.81908,-12.55102 -1.70959,-16.24527 -4.33146,-3.53336 -13.29117,-5.49519 -18.82356,-5.06779 z"
+              id="path_circle_vert_erable_2" class="toleft3"/>
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable_3" class="toright3" cx="18" cy="166.14003" r="15.890945" />
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.837592"
+              d="m 10,153.49503 c 1.66599,0.28713 3.23412,0.86965 4.64923,2.10196 1.13385,0.98738 2.12354,2.20392 2.87042,3.70487 3.4694,6.97221 1.26697,16.7678 -4.79211,19.76085 -1.59028,0.78557 -3.27791,0.9903 -4.95918,0.75119 -2.5558,-0.36348 -4.53937,-2.61939 -7.00484,-3.35343 -5.83083,-1.73601 -11.81781,-2.62133 -17.66709,-4.27621 -2.30955,-0.65342 -5.79646,-2.18476 -6.29444,-5.66197 -0.56424,-3.93983 3.36487,-5.83643 5.67455,-6.56082 1.86819,-0.58593 3.8034,-0.59903 5.70306,-0.83564 4.12917,-0.51429 8.33141,-0.76337 12.39795,-1.93444 1.65451,-0.47646 2.95288,-1.74598 4.46326,-2.65107 1.47815,-0.88578 3.33945,-1.32444 4.95919,-1.04529 z"
+              id="path_circle_vert_clair_erable_3" class="toright3"/>
 
-    cx="88.803978"
-    cy="180.71878"
-    r="15" /><circle
-    style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
-    id="circle_vert_clair_erable"
-    class="moveup"
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_orange_3" cx="375.24548" cy="166.11342" r="15.890945" />
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable_5" cx="437.38623" cy="165.2007" r="15.890945" />
 
-    cx="90.108749"
-    cy="265.0322"
-    r="15" /><circle
-    style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
-    id="circle_vert_clair_erable-93"
-    class="dropdown"
-    cx="89.875549"
-    cy="165.00394"
-    r="15" /><circle
-    style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
-    id="circle_vert_clair_erable-9"
-    cx="267.71634"
-    cy="72.928932"
-    r="15" /><circle
-    style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
-    id="circle_vert_clair_erable-3"
-    cx="466.42831"
-    cy="73.960678"
-    r="15" /><circle
-    style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
-    id="circle_vert_clair_erable-3-1"
-    class="moveup changecolor"
-    cx="402.3569"
-    cy="170.33492"
-    r="15" /><circle
-    style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
-    id="circle_vert_clair_erable-3-1-7"
-    class="toleft"
-    cx="239.84669"
-    cy="131.55588"
-    r="15" /><circle
-    style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
-    id="cercle_vert_erable"
-    class="moveup"
-    cx="352.88077"
-    cy="74.67765"
-    r="15" /><circle
-    style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
-    id="cercle_vert_erable-4"
-    cx="509.92899"
-    cy="126.76264"
-    r="15" /><circle
-    style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
-    id="cercle_vert_erable-4-6"
-    cx="303.03726"
-    cy="220.98933"
-    r="15" /><circle
-    style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
-    id="cercle_vert_erable-4-3"
-    class="torightslow"
-    cx="217.18208"
-    cy="130.37013"
-    r="15" /><circle
-    style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
-    id="cercle_vert_erable-2"
-    class="toright"
-    cx="169.43532"
-    cy="89.477364"
-    r="15" /><circle
-    style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke"
-    id="circle_orange"
-    class="dropdown"
-    cx="465.94473"
-    cy="167.39673"
-    r="15" /><circle
-    style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke"
-    id="circle_orange-7"
-    cx="375.21536"
-    cy="170.19913"
-    r="15" /><circle
-    style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke"
-    id="circle_orange-2"
-    cx="139.51772"
-    cy="206.53943"
-    r="15" /><circle
-    style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke"
-    id="circle_orange-9"
-    class="moveup"
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none"
+              d="m 442.70309,151.34247 c -2.16405,0.16719 -4.2637,0.74796 -6.15277,1.83301 -12.5874,7.23004 -6.72502,27.5444 7.93188,26.41208 5.739,-0.44336 14.95781,-2.24109 18.75404,-6.93204 3.69834,-4.57 2.81908,-12.55101 -1.70959,-16.24526 -4.33146,-3.53336 -13.29117,-5.49519 -18.82356,-5.06779 z"
+              id="path_circle_vert_clair_erable_5" />
+              
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_orange_4" cx="289" cy="216.84201" r="15.890945" />
+              <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:1.19737"
+              d="m 294.96985,200.04259 c -20.03075,1.78212 -17.31022,32.69312 2.6358,30.91858 20.03076,-1.7821 17.31021,-32.69315 -2.6358,-30.91858 z"
+              id="path_circle_orange_4" />
+              <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:1.19737"
+              d="m 318,200.04259 c -20.03075,1.78212 -17.31022,32.69312 2.6358,30.91858 20.03076,-1.7821 17.31021,-32.69315 -2.6358,-30.91858 z"
+              id="path_circle_orange_7" />
+              <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_pop_trans_3" cx="325.69421" cy="216.84201" r="15.890945" />
+              
 
-    cx="271.93399"
-    cy="219.95616"
-    r="15" /><circle
-    style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0315419;paint-order:fill markers stroke"
-    id="circle_orange-6"
-    class="toleft"
-    cx="169.97908"
-    cy="70.481293"
-    r="15" /></g></svg>
+              <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_erable_4" class="moveup" cx="190.17583" cy="216.84201" r="15.890945" />
+              <path style="filter:url(#f5);fill:#038788;stroke:none;stroke-width:0.837592"
+              d="m 176.96306,228.27149 c 0.28713,-1.66598 0.86969,-3.23411 2.10196,-4.64922 0.98738,-1.13386 2.20392,-2.12354 3.70487,-2.87043 6.97221,-3.4694 16.7678,-1.26697 19.76085,4.79211 0.78557,1.59028 0.9903,3.27791 0.75119,4.95918 -0.36348,2.5558 -2.61938,4.53937 -3.35343,7.00485 -1.73601,5.83082 -2.62133,11.8178 -4.2762,17.66708 -0.65342,2.30955 -2.18477,5.79646 -5.66198,6.29444 -3.93982,0.56424 -5.83643,-3.36487 -6.56082,-5.67454 -0.58593,-1.8682 -0.59903,-3.8034 -0.83564,-5.70307 -0.51428,-4.12917 -0.76337,-8.33141 -1.93444,-12.39795 -0.47645,-1.6545 -1.74598,-2.95288 -2.65106,-4.46326 -0.88579,-1.47815 -1.32445,-3.33945 -1.0453,-4.95919 z"
+              id="path_circle_vert_erable_4" class="moveup"/>
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable_6" class="dropdown2" cx="138.32957" cy="-20.208164" r="15.890945" />
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none"
+              d="m 124.37597,-23.869337 c 0.16719,2.16405 0.74796,4.2637 1.83301,6.15277 7.23004,12.5874 27.5444,6.72502 26.41208,-7.93188 -0.44336,-5.739 -2.24109,-14.95781 -6.93204,-18.75404 -4.57,-3.69834 -12.55101,-2.81908 -16.24526,1.70959 -3.53336,4.33146 -5.49519,13.29117 -5.06779,18.82356 z"
+              id="path_circle_vert_clair_erable_6" class="dropdown2" />
+              
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0322974;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable_7" class="dropdown4" cx="92.832" cy="60" r="22.098158" />
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:1.53571"
+              d="m 91.317542,30 c -25.690903,2.28569 -22.201624,41.93132 3.380606,39.65534 25.690922,-2.28568 22.201612,-41.93136 -3.380606,-39.65534 z"
+              id="path_circle_vert_clair_erable_7" class="dropdown4"/>
+              <path style="filter:url(#f5);fill:#038788;fill-opacity:1;stroke:none"
+              d="m 74.665152,20 c 0.16719,2.16405 0.74796,4.2637 1.83301,6.15277 7.23004,12.5874 27.544398,6.72502 26.412078,-7.93188 -0.44336,-5.739 -2.24109,-14.95781 -6.932038,-18.75404 -4.57,-3.69834 -12.55101,-2.81908 -16.24526,1.70959 -3.53336,4.33146 -5.49519,13.29117 -5.06779,18.82356 z"
+              id="path_circle_vert_erable_3" class="dropdown3"/>
+              <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_erable_3" class="dropdown3" cx="88.886528" cy="20" r="15.890945" />
+                
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0353214;paint-order:fill markers stroke"
+              id="circle_orange_6" class="dropdown5" cx="512.90173" cy="41.339592" r="24.167231" />
+              <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:1.25134"
+              d="m 528.79932,30.726038 c -0.21033,2.69351 -0.94097,5.30686 -2.30601,7.65812 -9.09574,15.66707 -34.65217,8.37038 -33.22766,-9.87252 0.55777,-7.14312 2.8194,-18.61743 8.72084,-23.34246 5.74928,-4.60318 15.78977,-3.5088 20.43731,2.12787 4.44514,5.39121 6.91321,16.54302 6.37552,23.42899 z"
+              id="path_circle_orange_6" class="dropdown5"/>
+              
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_orange_5" cx="484.91324" cy="165.12646" r="15.890945" />
+              <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none"
+              d="m 482.59447,150.98761 c 2.16405,0.16719 4.2637,0.74796 6.15277,1.83301 12.5874,7.23004 6.72502,27.5444 -7.93188,26.41208 -5.739,-0.44336 -14.95781,-2.24109 -18.75404,-6.93204 -3.69834,-4.57 -2.81908,-12.55101 1.70959,-16.24526 4.33146,-3.53336 13.29117,-5.49519 18.82356,-5.06779 z"
+              id="path_circle_orange_5" />
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable_4" cx="438.36194" cy="74.165817" r="15.890945" />
+              <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0330534;paint-order:fill markers stroke"
+              id="circle_pop_trans_4" cx="513.32098" cy="116.0085" r="22.615427" />
+              <path style="filter:url(#f5);fill:#349a84;stroke:none;stroke-width:1.26656"
+              d="m 506.27395,96.085496 c 2.51922,0.43418 4.89045,1.31504 7.03031,3.17846 1.71454,1.493054 3.2111,3.332644 4.34049,5.602294 5.24622,10.54298 1.91584,25.35532 -7.24636,29.88124 -2.40473,1.18789 -4.95667,1.49748 -7.49899,1.13591 -3.86474,-0.54964 -6.86418,-3.96089 -10.59233,-5.07087 -8.81705,-2.6251 -17.87023,-3.96382 -26.71517,-6.46624 -3.49238,-0.98807 -8.76508,-3.30367 -9.5181,-8.56171 -0.85321,-5.95759 5.08816,-8.82552 8.58073,-9.92091 2.82498,-0.886 5.75129,-0.90581 8.62384,-1.2636 6.24391,-0.77769 12.5983,-1.15433 18.74749,-2.92515 2.50185,-0.72048 4.46518,-2.640174 6.74909,-4.008804 2.23517,-1.33942 5.04973,-2.00274 7.499,-1.58062 z"
+              id="path_circle_pop_trans_4"  />
+              <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_erable" class="dropdown1" cx="194.12822" cy="0" r="15.890945" />
+              <path style="filter:url(#f5);fill:#038788;fill-opacity:1;stroke:none;stroke-width:1.19737"
+              d="m 193.12822,-20 c -20.03075,1.78212 -17.31022,32.693118 2.6358,30.918578 20.03076,-1.7821 17.31021,-32.693148 -2.6358,-30.918578 z"
+              id="path_circle_vert_erable" class="dropdown1" />
+              
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:1.19737"
+              d="m 462.8305,58.142036 c -20.03075,1.78212 -17.31022,32.693116 2.6358,30.918576 20.03076,-1.7821 17.31021,-32.693146 -2.6358,-30.918576 z"
+              id="path_circle_vert_clair_erable_2" class="toleft4"/>
+              <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_pop_trans_2" class="toright1" cx="200" cy="74.286247" r="15.890945" />
+              
+              </g>
+              
+        </svg>

web/themes/custom/colloque2024/images/fonds-ronds-trace-aside.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+    <svg width="122.54536" height="1037.4219" viewBox="0 0 32.423461 274.48454"  version="1.1"
+      id="svg1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+        <defs id="defs1">
+          
+        <filter id="f5">
+          <feGaussianBlur in="SourceGraphic" stdDeviation="2" />
+        </filter>
+      
+        </defs>
+        <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+        id="circle_orange" cx="15.902803" cy="142.31837" r="15.890945" />
+        <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+        id="circle_vert_clair_erable_3" cx="90.091621" cy="-16.143869" r="15.890945" transform="rotate(90)" />
+        <path style="filter:url(#f5);fill:#038788;fill-opacity:1;stroke:none" d="M 30.414575,23.997078 C 30.341633,21.827806 29.852702,19.70489 28.850812,17.77043 22.17489,4.8805821 1.6248554,9.8541801 2.1188434,24.546451 c 0.193418,5.75285 1.588628,15.041105 6.110085,19.037701 4.4048796,3.893539 12.4165716,3.362113 16.3042286,-1.001654 3.718344,-4.173739 6.067874,-13.039679 5.881418,-18.58542 z"
+        id="path_circle_vert_erable_3" />
+
+        <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.837592" d="m 29.318036,78.29166 c -0.28713,1.66599 -0.86965,3.23412 -2.10196,4.64923 -0.98738,1.13385 -2.20392,2.12354 -3.70487,2.87042 -6.9722,3.4694 -16.7677896,1.26697 -19.7608496,-4.79211 -0.78557,-1.59028 -0.99029,-3.277907 -0.75119,-4.959168 0.36348,-2.555785 2.61939,-4.539343 3.35343,-7.00481 1.73601,-5.83083 2.62133,-11.81781 4.2762096,-17.66709 0.65342,-2.30955 2.18476,-5.796465 5.66197,-6.294445 3.93983,-0.56424 5.83643,3.36487 6.56082,5.674555 0.58593,1.86819 0.59903,3.8034 0.83564,5.70306 0.51429,4.12917 0.76337,8.33141 1.93444,12.39795 0.47646,1.654513 1.74598,2.952874 2.65107,4.463245 0.88578,1.478144 1.32444,3.339432 1.04529,4.959163 z"
+        id="path_circle_vert_clair_erable_3" />
+
+        <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+        id="circle_vert_clair_erable_6" cx="-16.193937" cy="-199.52211" r="15.890945" transform="scale(-1)" /> 
+        <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none" d="m 30.618377,209.86128 c -0.16719,-2.16405 -0.74796,-4.2637 -1.83301,-6.15277 -7.23004,-12.5874 -27.5444016,-6.72502 -26.4120816,7.93188 0.44336,5.739 2.241092,14.95781 6.932042,18.75404 4.5699996,3.69834 12.5510096,2.81908 16.2452596,-1.70959 3.53336,-4.33146 5.49519,-13.29117 5.06779,-18.82356 z"
+        id="path_circle_vert_clair_erable_6" />
+
+        <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+        id="circle_vert_erable_3" cx="-17.207798" cy="-15.157107" r="15.890945" transform="rotate(-177.50808)" /> 
+        <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+        id="circle_orange_5" cx="258.50674" cy="-17.245941" r="15.890945" transform="rotate(90.300272)" />
+        <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none" d="m 30.041771,256.3491 c -0.178539,2.16314 -0.770305,4.25972 -1.86524,6.14307 -7.295908,12.54934 -27.5792556,6.58058 -26.3701376,-8.07018 0.47343,-5.7366 2.319448,-14.94586 7.030229,-18.71746 4.5893186,-3.67434 12.5656016,-2.75326 16.2360666,1.79471 3.510612,4.34991 5.42547,13.31978 4.969082,18.84986 z"
+        id="path_circle_orange_5" />
+
+        
+    </svg>

web/themes/custom/colloque2024/js/animation_aside.js

@@ -0,0 +1,107 @@
+
+
+
+let asideDowns1 = document.getElementsByClassName('asideDown1');
+Array.from(asideDowns1).forEach(asideDown1 => {
+ function slideDown() {
+  let translateY = 0; // Position de départ (en bas)
+  let duration = 17000; // Durée de l'animation en millisecondes
+  let startTime = null; // Temps de départ de l'animation
+  function animate(timestamp) {
+    if (!startTime) startTime = timestamp; // Initialise le temps de départ si ce n'est pas déjà fait
+    let progress = (timestamp - startTime) / duration; // Calcul de la progression de l'animation
+    progress = Math.min(progress, 0.9); // Limite la progression à 0.3 (pour éviter un dépassement)
+    translateY = 410 * progress * (0.7 - progress); // Réduction de la vitesse vers la fin de l'animation
+    asideDown1.style.transform = `translateY(${translateY}%)`; // Appliquer la transformation
+    if (progress < 0.7) {
+        requestAnimationFrame(animate);
+    }
+    // if (progress >= 0.7) {
+    //     // startTime = null;
+    //     requestAnimationFrame(animate);
+
+    // }
+}
+requestAnimationFrame(animate);
+}
+slideDown(); // Lancer l'animation lorsque la page est chargée
+
+});
+
+
+let asideDowns2 = document.getElementsByClassName('asideDown2');
+Array.from(asideDowns2).forEach(asideDown2 => {
+ function slideDown() {
+  let translateY = 0; // Position de départ (en bas)
+  let duration = 25000; // Durée de l'animation en millisecondes
+  let startTime = null; // Temps de départ de l'animation
+  function animate(timestamp) {
+    if (!startTime) startTime = timestamp; // Initialise le temps de départ si ce n'est pas déjà fait
+    let progress = (timestamp - startTime) / duration; // Calcul de la progression de l'animation
+    progress = Math.min(progress, 1); // Limite la progression à 0.3 (pour éviter un dépassement)
+    translateY = 410 * progress * (0.7 - progress); // Réduction de la vitesse vers la fin de l'animation
+    asideDown2.style.transform = `translateY(${translateY}%)`; // Appliquer la transformation
+    if (progress < 0.7) {
+        requestAnimationFrame(animate);
+    }
+    // if (progress >= 0.7) {
+    //     // startTime = null;
+    //     requestAnimationFrame(animate);
+
+    // }
+}
+requestAnimationFrame(animate);
+}
+slideDown(); // Lancer l'animation lorsque la page est chargée
+
+});
+
+
+let asideDown3 = document.getElementById('circle_vert_clair_erable_6');
+ function slideDown() {
+  let translateY = 0; // Position de départ (en bas)
+  let duration = 23000; // Durée de l'animation en millisecondes
+  let startTime = null; // Temps de départ de l'animation
+  function animate(timestamp) {
+    if (!startTime) startTime = timestamp; // Initialise le temps de départ si ce n'est pas déjà fait
+    let progress = (timestamp - startTime) / duration; // Calcul de la progression de l'animation
+    progress = Math.min(progress, 1); // Limite la progression à 0.3 (pour éviter un dépassement)
+    translateY = 410 * progress * (0.7 - progress); // Réduction de la vitesse vers la fin de l'animation
+    asideDown3.style.transform = `translateY(${translateY}%)`; // Appliquer la transformation
+    if (progress < 0.7) {
+        requestAnimationFrame(animate);
+    }
+    // if (progress >= 0.7) {
+    //     // startTime = null;
+    //     requestAnimationFrame(animate);
+
+    // }
+}
+requestAnimationFrame(animate);
+}
+slideDown(); // Lancer l'animation lorsque la page est chargée
+
+
+
+
+// let moveups = document.getElementsByClassName('moveup');
+// console.log(moveups);
+// Array.from(moveups).forEach(moveup => {
+//   function slideUp() {
+//     let translateY = 0; // Position de départ (en bas)
+//     let duration = 6000; // Durée de l'animation en millisecondes
+//     let startTime = null; // Temps de départ de l'animation
+//     function animate(timestamp) {
+//       if (!startTime) startTime = timestamp; // Initialise le temps de départ si ce n'est pas déjà fait
+//       let progress = (timestamp - startTime) / duration; // Calcul de la progression de l'animation
+//       progress = Math.min(progress, 0.8); // Limite la progression à 1 (pour éviter un dépassement)
+//       translateY = -10 * progress * (0.7 - progress); // Déplacement d'un pixel vers le haut à chaque itération
+//       moveup.style.transform = `translateY(${translateY}%)`; // Appliquer la transformation
+//       if (progress < 0.8) {
+//         requestAnimationFrame(animate);
+//       }
+//     }
+//     requestAnimationFrame(animate);
+//   } 
+// slideUp(); // Lancer l'animation lorsque la page est chargée
+// });

web/themes/custom/colloque2024/js/animation_home.js

@@ -3,32 +3,6 @@
 // Récupérer la forme SVG
 
 
-// let dropdowns = document.getElementsByClassName('dropdown');
-// console.log(dropdowns);
-
-// // Parcourir tous les éléments sélectionnés
-// Array.from(dropdowns).forEach(dropdown => {
-//  function slideDown() {
-//   let translateY = -50; // Position de départ (en bas)
-
-//   function animate() {
-//     translateY += 1; // Déplacement d'un pixel vers le haut à chaque itération
-//     dropdown.style.transform = `translateY(${translateY}%)`; // Appliquer la transformation
-          
-//     // dropdown.setAttribute('transform', `translate(0, ${translateY})`); // Appliquer la transformation
-
-//     if (translateY < 100) { // Limite la hauteur à laquelle la forme doit être animée
-//       requestAnimationFrame(animate); // Appel récursif de la fonction animate
-//     }
-//   }
-
-//   animate(); // Lancer l'animation
-// }
-
-// slideDown(); // Lancer l'animation lorsque la page est chargée
-// });
-
-
 let dropdowns1 = document.getElementsByClassName('dropdown1');
 console.log(dropdowns1);
 Array.from(dropdowns1).forEach(dropdown1 => {

web/themes/custom/colloque2024/js/script.js

@@ -134,7 +134,7 @@
     var $slide = $('main section .__slide');
 
     var thumbnails = $('.__slide article.programme.is-selected');
-    var $head_date =  $('#block-views-block-slide-programme-block-1 section.first:before');
+    var $head_date =  $('#block-colloque2024-views-block-slide-programme-block-1 section.first:before');
 
     $slide.each(function() {
       $(this).flickity({

web/themes/custom/colloque2024/template/components/header_slide.html.twig

@@ -1,6 +1,5 @@
 <div class="head">
   {{ header }}
-  <hr class="custom-line">
   {% if more or view.storage.id == 'slide_programme' %}
   
   <div class="wrap d-flex">

web/themes/custom/colloque2024/template/node/node--page-d-accueil.html.twig

@@ -73,6 +73,7 @@
  */
 #}
 
+
 <div class="__img-hero">
   {{content.field_image_hero}}
 </div>

web/themes/custom/colloque2024/template/node/node--presentation.html.twig

@@ -72,26 +72,63 @@
  * @ingroup themeable
  */
 #}
-<div class="__img-hero">
-{{content.field_image}}
-</div>
-<article{{ attributes }} id="presentation">
-  <div class="__title col-12 px-0">
-    <h2>{{label}}</h2>
-  </div>
-  <div class="__wrapper row">
-    <div class="__wrap_side col-sm-12 col-md-1 pr-0 mt-0 mb-3">
-      {% include 'themes/custom/popsu_colloque/template/components/share_rs.html.twig' with { page : 'presentation' }  %}
-    </div>
-    <div class="__wrap_content col-sm-12 col-md-8">
-      {{content.body}}
+<div class="layout">
+  <aside id="aside-animated">
+    <svg width="122.54536" height="1500" viewBox="0 0 32.423461 274.48454"  version="1.1"
+        id="svg1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+          <defs id="defs1">
+            
+          <filter id="f5">
+            <feGaussianBlur in="SourceGraphic" stdDeviation="2" />
+          </filter>
+        
+          </defs>
+          <g transform="scale(0.9)">
+          <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke" id="circle_vert_erable_3" class="asideDown1" cx="16.207798" cy="15.157107" r="15.890945" transform="rotate(-177.50808)" /> 
+          <path style="filter:url(#f5);fill:#038788;fill-opacity:1;stroke:none" d="M 30.414575,23.997078 C 30.341633,21.827806 29.852702,19.70489 28.850812,17.77043 22.17489,4.8805821 1.6248554,9.8541801 2.1188434,24.546451 c 0.193418,5.75285 1.588628,15.041105 6.110085,19.037701 4.4048796,3.893539 12.4165716,3.362113 16.3042286,-1.001654 3.718344,-4.173739 6.067874,-13.039679 5.881418,-18.58542 z"
+          id="path_circle_vert_erable_3" class="asideDown2"/>
+
+          <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke" id="circle_vert_clair_erable_3" cx="90.091621" cy="-16.143869" r="15.890945" transform="rotate(90)" />
+          <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.837592" d="m 29.318036,78.29166 c -0.28713,1.66599 -0.86965,3.23412 -2.10196,4.64923 -0.98738,1.13385 -2.20392,2.12354 -3.70487,2.87042 -6.9722,3.4694 -16.7677896,1.26697 -19.7608496,-4.79211 -0.78557,-1.59028 -0.99029,-3.277907 -0.75119,-4.959168 0.36348,-2.555785 2.61939,-4.539343 3.35343,-7.00481 1.73601,-5.83083 2.62133,-11.81781 4.2762096,-17.66709 0.65342,-2.30955 2.18476,-5.796465 5.66197,-6.294445 3.93983,-0.56424 5.83643,3.36487 6.56082,5.674555 0.58593,1.86819 0.59903,3.8034 0.83564,5.70306 0.51429,4.12917 0.76337,8.33141 1.93444,12.39795 0.47646,1.654513 1.74598,2.952874 2.65107,4.463245 0.88578,1.478144 1.32444,3.339432 1.04529,4.959163 z" id="path_circle_vert_clair_erable_3" />
+
+          <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+          id="circle_orange" cx="15.902803" cy="142.31837" r="15.890945" />
+
+          <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+          id="circle_vert_clair_erable_6" class="asideDown3" cx="16.193937" cy="199.52211" r="15.890945" transform="scale(-1)" /> 
+          <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none" d="m 30.618377,209.86128 c -0.16719,-2.16405 -0.74796,-4.2637 -1.83301,-6.15277 -7.23004,-12.5874 -27.5444016,-6.72502 -26.4120816,7.93188 0.44336,5.739 2.241092,14.95781 6.932042,18.75404 4.5699996,3.69834 12.5510096,2.81908 16.2452596,-1.70959 3.53336,-4.33146 5.49519,-13.29117 5.06779,-18.82356 z" class="asideDown2"
+          id="path_circle_vert_clair_erable_6" />
 
+          <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+          id="circle_orange_5" cx="258.50674" cy="-17.245941" r="15.890945" transform="rotate(90.300272)" />
+          <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none" d="m 30.041771,256.3491 c -0.178539,2.16314 -0.770305,4.25972 -1.86524,6.14307 -7.295908,12.54934 -27.5792556,6.58058 -26.3701376,-8.07018 0.47343,-5.7366 2.319448,-14.94586 7.030229,-18.71746 4.5893186,-3.67434 12.5656016,-2.75326 16.2360666,1.79471 3.510612,4.34991 5.42547,13.31978 4.969082,18.84986 z"
+          id="path_circle_orange_5" />
+          </g>
+    </svg>
+  </aside>
+  <section id="main-content-node">
+    <div class="__img-hero">
+    {{content.field_image}}
     </div>
-    <div class="__wrap_side col-sm-12 col-md-3 mt-3">
-      {{content.field_add_participant}}
-      <div class="notes">
-        {{content.field_les_notes}}
+    <article{{ attributes }} id="presentation">
+      <div class="__title col-12 px-0">
+        <h2>{{label}}</h2>
       </div>
-    </div>
-  </div>
-</article>
+      <div class="__wrapper row">
+        <div class="__wrap_side col-sm-12 col-md-1 pr-0 mt-0 mb-3">
+          {% include 'themes/custom/popsu_colloque/template/components/share_rs.html.twig' with { page : 'presentation' }  %}
+        </div>
+        <div class="__wrap_content col-sm-12 col-md-8">
+          {{content.body}}
+
+        </div>
+        <div class="__wrap_side col-sm-12 col-md-3 mt-3">
+          {{content.field_add_participant}}
+          <div class="notes">
+            {{content.field_les_notes}}
+          </div>
+        </div>
+      </div>
+    </article>
+  </section>
+</div>

web/themes/custom/colloque2024/template/page--front.html.twig

@@ -59,131 +59,129 @@
 
   {{ page.help }}
 
-  <main role="main" class="d-flex container home">
+  <main role="main" id="mainHome" class="d-flex container home">
     <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
 
     <div class="layout-content">
       <div id="background-animated" >
-<svg
-   width="1900"
-   height="1500"
-   viewBox="0 0 502.70834 396.875"
-   version="1.1"
-   id="svg1"
-   xml:space="preserve"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><defs
-   id="defs1">
-   <filter id="f4" x="-20" y="-20" height="100" width="100">
-       <feGaussianBlur in="SourceGraphic" stdDeviation="20" />
-   </filter>
-   <filter id="f5">
-     <feGaussianBlur in="SourceGraphic" stdDeviation="2" />
-   </filter>
- </defs><g
-     id="layer1"
-     transform="translate(-51.525162,-32.699875)">
-     <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_orange" cx="84.683075" cy="132.53793" r="15.890945" />
-       <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_pop_trans" cx="136.45699" cy="74.141045" r="15.890945" />
-       <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_orange_2" cx="194.12822" cy="74.014618" r="15.890945" />
-       <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_vert_clair_erable" class="toleft1" cx="457" cy="74.184013" r="15.890945" />
-      <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:1.19737"
-       d="m 462.8305,58.142036 c -20.03075,1.78212 -17.31022,32.693116 2.6358,30.918576 20.03076,-1.7821 17.31021,-32.693146 -2.6358,-30.918576 z"
-       id="path_circle_vert_clair_erable" class="toleft1"/> 
-       <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_vert_erable_2" class="toleft3" cx="400" cy="166.14003" r="15.890945" />
-       <path style="filter:url(#f5);fill:#038788;fill-opacity:1;stroke:none"
-       d="m 400,152 c -2.16405,0.16719 -4.2637,0.74796 -6.15277,1.83301 -12.5874,7.23004 -6.72502,27.5444 7.93188,26.41208 5.739,-0.44336 14.95781,-2.24109 18.75404,-6.93203 3.69834,-4.57001 2.81908,-12.55102 -1.70959,-16.24527 -4.33146,-3.53336 -13.29117,-5.49519 -18.82356,-5.06779 z"
-       id="path_circle_vert_erable_2" class="toleft3"/>
-       <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_vert_clair_erable_3" class="toright3" cx="18" cy="166.14003" r="15.890945" />
-       <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.837592"
-       d="m 10,153.49503 c 1.66599,0.28713 3.23412,0.86965 4.64923,2.10196 1.13385,0.98738 2.12354,2.20392 2.87042,3.70487 3.4694,6.97221 1.26697,16.7678 -4.79211,19.76085 -1.59028,0.78557 -3.27791,0.9903 -4.95918,0.75119 -2.5558,-0.36348 -4.53937,-2.61939 -7.00484,-3.35343 -5.83083,-1.73601 -11.81781,-2.62133 -17.66709,-4.27621 -2.30955,-0.65342 -5.79646,-2.18476 -6.29444,-5.66197 -0.56424,-3.93983 3.36487,-5.83643 5.67455,-6.56082 1.86819,-0.58593 3.8034,-0.59903 5.70306,-0.83564 4.12917,-0.51429 8.33141,-0.76337 12.39795,-1.93444 1.65451,-0.47646 2.95288,-1.74598 4.46326,-2.65107 1.47815,-0.88578 3.33945,-1.32444 4.95919,-1.04529 z"
-       id="path_circle_vert_clair_erable_3" class="toright3"/>
+        <svg
+          width="1900"
+          height="1500"
+          viewBox="0 0 502.70834 296.875"
+          version="1.1"
+          id="svg1"
+          xml:space="preserve"
+          xmlns="http://www.w3.org/2000/svg"
+          xmlns:svg="http://www.w3.org/2000/svg"><defs
+          id="defs1">
+          <filter id="f4" x="-20" y="-20" height="100" width="100">
+              <feGaussianBlur in="SourceGraphic" stdDeviation="20" />
+          </filter>
+          <filter id="f5">
+            <feGaussianBlur in="SourceGraphic" stdDeviation="2" />
+          </filter>
+            </defs>
+            <g
+            id="layer1"
+            transform="translate(-51.525162,-32.699875)">
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_orange" cx="84.683075" cy="132.53793" r="15.890945" />
+              <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_pop_trans" cx="136.45699" cy="74.141045" r="15.890945" />
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_orange_2" cx="194.12822" cy="74.014618" r="15.890945" />
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable" class="toleft1" cx="457" cy="74.184013" r="15.890945" />
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:1.19737"
+              d="m 462.8305,58.142036 c -20.03075,1.78212 -17.31022,32.693116 2.6358,30.918576 20.03076,-1.7821 17.31021,-32.693146 -2.6358,-30.918576 z"
+              id="path_circle_vert_clair_erable" class="toleft1"/> 
+              <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_erable_2" class="toleft3" cx="400" cy="166.14003" r="15.890945" />
+              <path style="filter:url(#f5);fill:#038788;fill-opacity:1;stroke:none"
+              d="m 400,152 c -2.16405,0.16719 -4.2637,0.74796 -6.15277,1.83301 -12.5874,7.23004 -6.72502,27.5444 7.93188,26.41208 5.739,-0.44336 14.95781,-2.24109 18.75404,-6.93203 3.69834,-4.57001 2.81908,-12.55102 -1.70959,-16.24527 -4.33146,-3.53336 -13.29117,-5.49519 -18.82356,-5.06779 z"
+              id="path_circle_vert_erable_2" class="toleft3"/>
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable_3" class="toright3" cx="18" cy="166.14003" r="15.890945" />
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.837592"
+              d="m 10,153.49503 c 1.66599,0.28713 3.23412,0.86965 4.64923,2.10196 1.13385,0.98738 2.12354,2.20392 2.87042,3.70487 3.4694,6.97221 1.26697,16.7678 -4.79211,19.76085 -1.59028,0.78557 -3.27791,0.9903 -4.95918,0.75119 -2.5558,-0.36348 -4.53937,-2.61939 -7.00484,-3.35343 -5.83083,-1.73601 -11.81781,-2.62133 -17.66709,-4.27621 -2.30955,-0.65342 -5.79646,-2.18476 -6.29444,-5.66197 -0.56424,-3.93983 3.36487,-5.83643 5.67455,-6.56082 1.86819,-0.58593 3.8034,-0.59903 5.70306,-0.83564 4.12917,-0.51429 8.33141,-0.76337 12.39795,-1.93444 1.65451,-0.47646 2.95288,-1.74598 4.46326,-2.65107 1.47815,-0.88578 3.33945,-1.32444 4.95919,-1.04529 z"
+              id="path_circle_vert_clair_erable_3" class="toright3"/>
 
-       
-       
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_orange_3" cx="375.24548" cy="166.11342" r="15.890945" />
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable_5" cx="437.38623" cy="165.2007" r="15.890945" />
 
-       <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_orange_3" cx="375.24548" cy="166.11342" r="15.890945" />
-       <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_vert_clair_erable_5" cx="437.38623" cy="165.2007" r="15.890945" />
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none"
+              d="m 442.70309,151.34247 c -2.16405,0.16719 -4.2637,0.74796 -6.15277,1.83301 -12.5874,7.23004 -6.72502,27.5444 7.93188,26.41208 5.739,-0.44336 14.95781,-2.24109 18.75404,-6.93204 3.69834,-4.57 2.81908,-12.55101 -1.70959,-16.24526 -4.33146,-3.53336 -13.29117,-5.49519 -18.82356,-5.06779 z"
+              id="path_circle_vert_clair_erable_5" />
+              
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_orange_4" cx="289" cy="216.84201" r="15.890945" />
+              <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:1.19737"
+              d="m 294.96985,200.04259 c -20.03075,1.78212 -17.31022,32.69312 2.6358,30.91858 20.03076,-1.7821 17.31021,-32.69315 -2.6358,-30.91858 z"
+              id="path_circle_orange_4" />
+              <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:1.19737"
+              d="m 318,200.04259 c -20.03075,1.78212 -17.31022,32.69312 2.6358,30.91858 20.03076,-1.7821 17.31021,-32.69315 -2.6358,-30.91858 z"
+              id="path_circle_orange_7" />
+              <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_pop_trans_3" cx="325.69421" cy="216.84201" r="15.890945" />
+              
 
-       <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none"
-       d="m 442.70309,151.34247 c -2.16405,0.16719 -4.2637,0.74796 -6.15277,1.83301 -12.5874,7.23004 -6.72502,27.5444 7.93188,26.41208 5.739,-0.44336 14.95781,-2.24109 18.75404,-6.93204 3.69834,-4.57 2.81908,-12.55101 -1.70959,-16.24526 -4.33146,-3.53336 -13.29117,-5.49519 -18.82356,-5.06779 z"
-       id="path_circle_vert_clair_erable_5" />
-       
-       <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_orange_4" cx="289" cy="216.84201" r="15.890945" />
-       <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:1.19737"
-       d="m 294.96985,200.04259 c -20.03075,1.78212 -17.31022,32.69312 2.6358,30.91858 20.03076,-1.7821 17.31021,-32.69315 -2.6358,-30.91858 z"
-       id="path_circle_orange_4" />
-       <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:1.19737"
-       d="m 318,200.04259 c -20.03075,1.78212 -17.31022,32.69312 2.6358,30.91858 20.03076,-1.7821 17.31021,-32.69315 -2.6358,-30.91858 z"
-       id="path_circle_orange_7" />
-       <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_pop_trans_3" cx="325.69421" cy="216.84201" r="15.890945" />
-       
-
-       <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_vert_erable_4" class="moveup" cx="190.17583" cy="216.84201" r="15.890945" />
-       <path style="filter:url(#f5);fill:#038788;stroke:none;stroke-width:0.837592"
-       d="m 176.96306,228.27149 c 0.28713,-1.66598 0.86969,-3.23411 2.10196,-4.64922 0.98738,-1.13386 2.20392,-2.12354 3.70487,-2.87043 6.97221,-3.4694 16.7678,-1.26697 19.76085,4.79211 0.78557,1.59028 0.9903,3.27791 0.75119,4.95918 -0.36348,2.5558 -2.61938,4.53937 -3.35343,7.00485 -1.73601,5.83082 -2.62133,11.8178 -4.2762,17.66708 -0.65342,2.30955 -2.18477,5.79646 -5.66198,6.29444 -3.93982,0.56424 -5.83643,-3.36487 -6.56082,-5.67454 -0.58593,-1.8682 -0.59903,-3.8034 -0.83564,-5.70307 -0.51428,-4.12917 -0.76337,-8.33141 -1.93444,-12.39795 -0.47645,-1.6545 -1.74598,-2.95288 -2.65106,-4.46326 -0.88579,-1.47815 -1.32445,-3.33945 -1.0453,-4.95919 z"
-       id="path_circle_vert_erable_4" class="moveup"/>
-       <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_vert_clair_erable_6" class="dropdown2" cx="138.32957" cy="-20.208164" r="15.890945" />
-       <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none"
-       d="m 124.37597,-23.869337 c 0.16719,2.16405 0.74796,4.2637 1.83301,6.15277 7.23004,12.5874 27.5444,6.72502 26.41208,-7.93188 -0.44336,-5.739 -2.24109,-14.95781 -6.93204,-18.75404 -4.57,-3.69834 -12.55101,-2.81908 -16.24526,1.70959 -3.53336,4.33146 -5.49519,13.29117 -5.06779,18.82356 z"
-       id="path_circle_vert_clair_erable_6" class="dropdown2" />
-      
-       <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0322974;paint-order:fill markers stroke"
-       id="circle_vert_clair_erable_7" class="dropdown4" cx="92.832" cy="60" r="22.098158" />
-       <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:1.53571"
-       d="m 91.317542,30 c -25.690903,2.28569 -22.201624,41.93132 3.380606,39.65534 25.690922,-2.28568 22.201612,-41.93136 -3.380606,-39.65534 z"
-       id="path_circle_vert_clair_erable_7" class="dropdown4"/>
-      <path style="filter:url(#f5);fill:#038788;fill-opacity:1;stroke:none"
-       d="m 74.665152,20 c 0.16719,2.16405 0.74796,4.2637 1.83301,6.15277 7.23004,12.5874 27.544398,6.72502 26.412078,-7.93188 -0.44336,-5.739 -2.24109,-14.95781 -6.932038,-18.75404 -4.57,-3.69834 -12.55101,-2.81908 -16.24526,1.70959 -3.53336,4.33146 -5.49519,13.29117 -5.06779,18.82356 z"
-       id="path_circle_vert_erable_3" class="dropdown3"/>
-       <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_vert_erable_3" class="dropdown3" cx="88.886528" cy="20" r="15.890945" />
-        
-       <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0353214;paint-order:fill markers stroke"
-       id="circle_orange_6" class="dropdown5" cx="512.90173" cy="41.339592" r="24.167231" />
-       <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:1.25134"
-       d="m 528.79932,30.726038 c -0.21033,2.69351 -0.94097,5.30686 -2.30601,7.65812 -9.09574,15.66707 -34.65217,8.37038 -33.22766,-9.87252 0.55777,-7.14312 2.8194,-18.61743 8.72084,-23.34246 5.74928,-4.60318 15.78977,-3.5088 20.43731,2.12787 4.44514,5.39121 6.91321,16.54302 6.37552,23.42899 z"
-       id="path_circle_orange_6" class="dropdown5"/>
-       
-       <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_orange_5" cx="484.91324" cy="165.12646" r="15.890945" />
-       <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none"
-       d="m 482.59447,150.98761 c 2.16405,0.16719 4.2637,0.74796 6.15277,1.83301 12.5874,7.23004 6.72502,27.5444 -7.93188,26.41208 -5.739,-0.44336 -14.95781,-2.24109 -18.75404,-6.93204 -3.69834,-4.57 -2.81908,-12.55101 1.70959,-16.24526 4.33146,-3.53336 13.29117,-5.49519 18.82356,-5.06779 z"
-       id="path_circle_orange_5" />
-       <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_vert_clair_erable_4" cx="438.36194" cy="74.165817" r="15.890945" />
-       <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0330534;paint-order:fill markers stroke"
-       id="circle_pop_trans_4" cx="513.32098" cy="116.0085" r="22.615427" />
-       <path style="filter:url(#f5);fill:#349a84;stroke:none;stroke-width:1.26656"
-       d="m 506.27395,96.085496 c 2.51922,0.43418 4.89045,1.31504 7.03031,3.17846 1.71454,1.493054 3.2111,3.332644 4.34049,5.602294 5.24622,10.54298 1.91584,25.35532 -7.24636,29.88124 -2.40473,1.18789 -4.95667,1.49748 -7.49899,1.13591 -3.86474,-0.54964 -6.86418,-3.96089 -10.59233,-5.07087 -8.81705,-2.6251 -17.87023,-3.96382 -26.71517,-6.46624 -3.49238,-0.98807 -8.76508,-3.30367 -9.5181,-8.56171 -0.85321,-5.95759 5.08816,-8.82552 8.58073,-9.92091 2.82498,-0.886 5.75129,-0.90581 8.62384,-1.2636 6.24391,-0.77769 12.5983,-1.15433 18.74749,-2.92515 2.50185,-0.72048 4.46518,-2.640174 6.74909,-4.008804 2.23517,-1.33942 5.04973,-2.00274 7.499,-1.58062 z"
-       id="path_circle_pop_trans_4"  />
-       <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_vert_erable" class="dropdown1" cx="194.12822" cy="0" r="15.890945" />
-       <path style="filter:url(#f5);fill:#038788;fill-opacity:1;stroke:none;stroke-width:1.19737"
-       d="m 193.12822,-20 c -20.03075,1.78212 -17.31022,32.693118 2.6358,30.918578 20.03076,-1.7821 17.31021,-32.693148 -2.6358,-30.918578 z"
-       id="path_circle_vert_erable" class="dropdown1" />
-       
-       <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:1.19737"
-       d="m 462.8305,58.142036 c -20.03075,1.78212 -17.31022,32.693116 2.6358,30.918576 20.03076,-1.7821 17.31021,-32.693146 -2.6358,-30.918576 z"
-       id="path_circle_vert_clair_erable_2" class="toleft4"/>
-       <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
-       id="circle_pop_trans_2" class="toright1" cx="200" cy="74.286247" r="15.890945" />
-      
-      </g>
-      
-      </svg>
+              <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_erable_4" class="moveup" cx="190.17583" cy="216.84201" r="15.890945" />
+              <path style="filter:url(#f5);fill:#038788;stroke:none;stroke-width:0.837592"
+              d="m 176.96306,228.27149 c 0.28713,-1.66598 0.86969,-3.23411 2.10196,-4.64922 0.98738,-1.13386 2.20392,-2.12354 3.70487,-2.87043 6.97221,-3.4694 16.7678,-1.26697 19.76085,4.79211 0.78557,1.59028 0.9903,3.27791 0.75119,4.95918 -0.36348,2.5558 -2.61938,4.53937 -3.35343,7.00485 -1.73601,5.83082 -2.62133,11.8178 -4.2762,17.66708 -0.65342,2.30955 -2.18477,5.79646 -5.66198,6.29444 -3.93982,0.56424 -5.83643,-3.36487 -6.56082,-5.67454 -0.58593,-1.8682 -0.59903,-3.8034 -0.83564,-5.70307 -0.51428,-4.12917 -0.76337,-8.33141 -1.93444,-12.39795 -0.47645,-1.6545 -1.74598,-2.95288 -2.65106,-4.46326 -0.88579,-1.47815 -1.32445,-3.33945 -1.0453,-4.95919 z"
+              id="path_circle_vert_erable_4" class="moveup"/>
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable_6" class="dropdown2" cx="138.32957" cy="-20.208164" r="15.890945" />
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none"
+              d="m 124.37597,-23.869337 c 0.16719,2.16405 0.74796,4.2637 1.83301,6.15277 7.23004,12.5874 27.5444,6.72502 26.41208,-7.93188 -0.44336,-5.739 -2.24109,-14.95781 -6.93204,-18.75404 -4.57,-3.69834 -12.55101,-2.81908 -16.24526,1.70959 -3.53336,4.33146 -5.49519,13.29117 -5.06779,18.82356 z"
+              id="path_circle_vert_clair_erable_6" class="dropdown2" />
+              
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0322974;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable_7" class="dropdown4" cx="92.832" cy="60" r="22.098158" />
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:1.53571"
+              d="m 91.317542,30 c -25.690903,2.28569 -22.201624,41.93132 3.380606,39.65534 25.690922,-2.28568 22.201612,-41.93136 -3.380606,-39.65534 z"
+              id="path_circle_vert_clair_erable_7" class="dropdown4"/>
+              <path style="filter:url(#f5);fill:#038788;fill-opacity:1;stroke:none"
+              d="m 74.665152,20 c 0.16719,2.16405 0.74796,4.2637 1.83301,6.15277 7.23004,12.5874 27.544398,6.72502 26.412078,-7.93188 -0.44336,-5.739 -2.24109,-14.95781 -6.932038,-18.75404 -4.57,-3.69834 -12.55101,-2.81908 -16.24526,1.70959 -3.53336,4.33146 -5.49519,13.29117 -5.06779,18.82356 z"
+              id="path_circle_vert_erable_3" class="dropdown3"/>
+              <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_erable_3" class="dropdown3" cx="88.886528" cy="20" r="15.890945" />
+                
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0353214;paint-order:fill markers stroke"
+              id="circle_orange_6" class="dropdown5" cx="512.90173" cy="41.339592" r="24.167231" />
+              <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:1.25134"
+              d="m 528.79932,30.726038 c -0.21033,2.69351 -0.94097,5.30686 -2.30601,7.65812 -9.09574,15.66707 -34.65217,8.37038 -33.22766,-9.87252 0.55777,-7.14312 2.8194,-18.61743 8.72084,-23.34246 5.74928,-4.60318 15.78977,-3.5088 20.43731,2.12787 4.44514,5.39121 6.91321,16.54302 6.37552,23.42899 z"
+              id="path_circle_orange_6" class="dropdown5"/>
+              
+              <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_orange_5" cx="484.91324" cy="165.12646" r="15.890945" />
+              <path style="filter:url(#f5);fill:#ff804d;fill-opacity:1;stroke:none"
+              d="m 482.59447,150.98761 c 2.16405,0.16719 4.2637,0.74796 6.15277,1.83301 12.5874,7.23004 6.72502,27.5444 -7.93188,26.41208 -5.739,-0.44336 -14.95781,-2.24109 -18.75404,-6.93204 -3.69834,-4.57 -2.81908,-12.55101 1.70959,-16.24526 4.33146,-3.53336 13.29117,-5.49519 18.82356,-5.06779 z"
+              id="path_circle_orange_5" />
+              <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_clair_erable_4" cx="438.36194" cy="74.165817" r="15.890945" />
+              <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0330534;paint-order:fill markers stroke"
+              id="circle_pop_trans_4" cx="513.32098" cy="116.0085" r="22.615427" />
+              <path style="filter:url(#f5);fill:#349a84;stroke:none;stroke-width:1.26656"
+              d="m 506.27395,96.085496 c 2.51922,0.43418 4.89045,1.31504 7.03031,3.17846 1.71454,1.493054 3.2111,3.332644 4.34049,5.602294 5.24622,10.54298 1.91584,25.35532 -7.24636,29.88124 -2.40473,1.18789 -4.95667,1.49748 -7.49899,1.13591 -3.86474,-0.54964 -6.86418,-3.96089 -10.59233,-5.07087 -8.81705,-2.6251 -17.87023,-3.96382 -26.71517,-6.46624 -3.49238,-0.98807 -8.76508,-3.30367 -9.5181,-8.56171 -0.85321,-5.95759 5.08816,-8.82552 8.58073,-9.92091 2.82498,-0.886 5.75129,-0.90581 8.62384,-1.2636 6.24391,-0.77769 12.5983,-1.15433 18.74749,-2.92515 2.50185,-0.72048 4.46518,-2.640174 6.74909,-4.008804 2.23517,-1.33942 5.04973,-2.00274 7.499,-1.58062 z"
+              id="path_circle_pop_trans_4"  />
+              <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_vert_erable" class="dropdown1" cx="194.12822" cy="0" r="15.890945" />
+              <path style="filter:url(#f5);fill:#038788;fill-opacity:1;stroke:none;stroke-width:1.19737"
+              d="m 193.12822,-20 c -20.03075,1.78212 -17.31022,32.693118 2.6358,30.918578 20.03076,-1.7821 17.31021,-32.693148 -2.6358,-30.918578 z"
+              id="path_circle_vert_erable" class="dropdown1" />
+              
+              <path style="filter:url(#f5);fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:1.19737"
+              d="m 462.8305,58.142036 c -20.03075,1.78212 -17.31022,32.693116 2.6358,30.918576 20.03076,-1.7821 17.31021,-32.693146 -2.6358,-30.918576 z"
+              id="path_circle_vert_clair_erable_2" class="toleft4"/>
+              <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+              id="circle_pop_trans_2" class="toright1" cx="200" cy="74.286247" r="15.890945" />
+              
+              </g>
+              
+        </svg>
 
       </div>
       <div id="content-ontop">