header responsive

web/themes/custom/colloque2024/css-compiled/index.css

@@ -1063,7 +1063,7 @@ header {
       @media screen and (max-width: 300px) {
         header .row #block-renderedsitesettingsblock-2 {
           display: none; } }
-      @media screen and (max-width: 550px) {
+      @media screen and (max-width: 1200px) {
         header .row #block-renderedsitesettingsblock-2 {
           align-content: center; } }
       header .row #block-renderedsitesettingsblock-2 a {
@@ -1075,7 +1075,8 @@ header {
           display: flex; } }
       header .row #block-renderedsitesettingsblock-2 .site_setting_entity {
         display: flex;
-        flex-direction: column; }
+        flex-direction: column;
+        align-content: center; }
         header .row #block-renderedsitesettingsblock-2 .site_setting_entity h1 {
           order: 2;
           width: 60%;
@@ -1088,6 +1089,9 @@ header {
           @media screen and (max-width: 550px) {
             header .row #block-renderedsitesettingsblock-2 .site_setting_entity h1 {
               font-size: 1rem; } }
+          @media (max-width: 1370px) {
+            header .row #block-renderedsitesettingsblock-2 .site_setting_entity h1 {
+              width: 100%; } }
         header .row #block-renderedsitesettingsblock-2 .site_setting_entity .__info_colloque {
           width: fit-content;
           order: 1;
@@ -1120,7 +1124,8 @@ header {
                 header .row #block-renderedsitesettingsblock-2 .site_setting_entity .__info_colloque > div:last-child {
                   font-size: 0.6rem; } }
     header .row #block-colloque2024-mainnavigation {
-      width: max-content; }
+      width: max-content;
+      margin: auto; }
       header .row #block-colloque2024-mainnavigation .burger {
         padding-top: 0.25rem;
         z-index: 9999; }

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

@@ -55,7 +55,7 @@ header{
       @media screen and (max-width: 300px) {
         display: none;
       }
-      @media screen and (max-width: 550px) {
+      @media screen and (max-width: 1200px) {
         align-content: center;
       }
       a{
@@ -70,6 +70,7 @@ header{
       .site_setting_entity{
         display: flex;
         flex-direction: column;
+        align-content: center;
         h1{
           order: 2;
           width: 60%;
@@ -82,6 +83,9 @@ header{
           @media screen and (max-width: 550px) {
             font-size: 1rem;
           }
+          @media (max-width: 1370px) {
+            width: 100%;
+          }
         }
         .__info_colloque{
           width: fit-content;
@@ -123,6 +127,7 @@ header{
     }
     #block-colloque2024-mainnavigation{
       width: max-content;
+      margin:auto;
       .burger{
         padding-top: 0.25rem;
         z-index: 9999;

web/themes/custom/colloque2024/favicon.svg

@@ -1,76 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="24.959852mm"
-   height="23.988798mm"
-   viewBox="0 0 24.959852 23.988798"
-   version="1.1"
-   id="svg1"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1">
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath6">
-      <g
-         id="g7"
-         transform="matrix(3.3682829,0,0,-3.3570735,-228.98296,458.32442)">
-        <path
-           d="m 63.235415,136.52491 h 83.391725 v 23.98888 H 63.235415 Z"
-           clip-rule="evenodd"
-           id="path6"
-           style="stroke-width:0.352778" />
-      </g>
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath7">
-      <g
-         id="g8"
-         transform="matrix(3.3682829,0,0,-3.3570735,-218.13411,485.43715)">
-        <path
-           d="m 63.235415,136.52491 h 83.391725 v 23.98888 H 63.235415 Z"
-           clip-rule="evenodd"
-           id="path7"
-           style="stroke-width:0.352778" />
-      </g>
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath8">
-      <g
-         id="g9"
-         transform="matrix(3.3682829,0,0,-3.3570735,-212.99476,474.57255)">
-        <path
-           d="m 63.235415,136.52491 h 83.391725 v 23.98888 H 63.235415 Z"
-           clip-rule="evenodd"
-           id="path8"
-           style="stroke-width:0.352778" />
-      </g>
-    </clipPath>
-  </defs>
-  <g
-     id="layer1"
-     transform="translate(-63.235418,-136.52499)">
-    <path
-       d="M 13.8183,0 14.0698,-6.64588 13.9382,-12.5307 13.818,-17.915 6.56969,-16.0883 4.78412,-15.6384 0,-25.4848 l 6.60634,-5.8679 -4.3384,-10.6998 7.98236,-10.8616 6.4534,4.5557 9.746,-4.1922 4.375,-1.8821 5.2377,9.7189 7.0594,-1.3669 3.8724,9.0357 -3.8724,2.937 -2.1923,7.5325 -3.0267,10.3975 0.9223,1.3977 3.9921,6.04928 -12.4037,6.62508 -10.744,1.36338 z"
-       style="mix-blend-mode:multiply;fill:#2ca089;fill-opacity:1;fill-rule:nonzero;stroke:none"
-       transform="matrix(0.29688718,0,0,-0.2978785,63.235415,141.36496)"
-       clip-path="url(#clipPath8)"
-       id="path569" />
-    <path
-       d="M 21.1065,0 20.6264,-0.39592 18.2439,-2.36166 8.85847,-1.66609 0,-1.00868 1.48995,-5.2236 2.93873,-9.32105 3.05382,-19.9104 13.22,-27.1386 l 4.7536,1.1223 7.3398,-7.6396 -3.8679,-7.8528 -0.0756,-0.1772 -3.9295,-9.1605 7.6473,-2.573 9.5197,0.4359 7.6331,6.5704 3.7745,-1.3945 2.8812,6.8673 4.5616,-3.1157 14.6765,3.2509 -3.6531,7.4774 11.698,2.4618 2.7533,6.1664 -6.59,-0.5277 1.2604,18.40991 -7.5654,2.01928 -2.2065,0.11537 -7.3781,0.38747 -4.2922,-3.46161 -13.5467,5.58677 -4.8687,-1.74577 -2.2431,-0.80419 z"
-       style="mix-blend-mode:multiply;fill:#ff804d;fill-opacity:1;fill-rule:nonzero;stroke:none"
-       transform="matrix(0.29688718,0,0,-0.2978785,64.761222,144.60129)"
-       clip-path="url(#clipPath7)"
-       id="path570" />
-    <path
-       d="M 18.6626,0 7.98406,-9.16965 3.741,-16.9906 0,-23.885 l 6.29101,-2.1779 3.48653,-1.4457 6.93466,-2.8766 -5.4001,-7.6011 7.4492,-8.0343 6.2397,3.197 1.6287,0.8346 8.4111,-7.9241 13.0248,3.5062 -1.9074,7.6696 6.8241,6.9421 3.9627,4.0308 -7.1637,8.409 3.8351,6.0902 -7.0238,6.88892 -4.1455,-2.54497 -18.6196,1.63335 z"
-       style="mix-blend-mode:multiply;fill:#e01a35;fill-opacity:1;fill-rule:nonzero;stroke:none"
-       transform="matrix(0.29688718,0,0,-0.2978785,67.982106,136.52499)"
-       clip-path="url(#clipPath6)"
-       id="path571" />
-  </g>
-</svg>

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

@@ -1,118 +1,135 @@
 <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"/>
+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">
+<style>
+  .sml,.med,.lrg { visibility: hidden; }
 
-              <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" />
+  @media screen and (min-width: 200px){
+    .sml { visibility: visible; }
+  }
+  @media screen and (min-width: 400px){
+    .med { visibility: visible; }
+    .sml,.lrg { visibility: hidden; }
+  }
 
-              <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" />
-              
+  @media screen and (min-width: 600px){
+    .lrg { visibility: visible; }
+    .med { visibility: hidden; }
+  }
+</style>
+<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,-90)">
+    <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:#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:#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" class="lrg"/>
+    <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" class="lrg"/>
+    <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" class="lrg" />
+    <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" class="lrg"/>
+    <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" class="lrg"  />
+    <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+    id="circle_vert_erable" class="dropdown1, lrg" 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, lrg" />
+    
+    <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/template/page--front.html.twig

@@ -62,7 +62,7 @@
   <main role="main" id="mainHome" class="d-flex container home">
     <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
 <div id="background-animated" >
-        <svg
+        {# <svg
           width="1900"
           height="1500"
           viewBox="0 0 502.70834 296.875"
@@ -79,6 +79,22 @@
             <feGaussianBlur in="SourceGraphic" stdDeviation="2" />
           </filter>
             </defs>
+            <style>
+              .sml,.med,.lrg { visibility: hidden; }
+
+              @media screen and (min-width: 200px){
+                .sml { visibility: visible; }
+              }
+              @media screen and (min-width: 400px){
+                .med { visibility: visible; }
+                .sml,.lrg { visibility: hidden; }
+              }
+
+              @media screen and (min-width: 600px){
+                .lrg { visibility: visible; }
+                .med { visibility: hidden; }
+              }
+            </style>
             <g
             id="layer1"
             transform="translate(-51.525162,-90)">
@@ -179,7 +195,147 @@
               
               </g>
               
-        </svg>
+        </svg> #}
+         <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>
+      <style>
+        .sml,.med,.lrg { visibility: hidden; }
+
+        @media screen and (min-width: 200px){
+          .sml { visibility: visible; }
+          /* svg{width: 400%;} */
+        }
+        @media screen and (max-width: 400px){
+          .med { visibility: visible; }
+          .sml,.lrg { visibility: hidden; }
+          /* svg{width: 300px;} */
+        }
+
+        @media screen and (min-width: 600px){
+          .lrg { visibility: visible; }
+          .med { visibility: hidden; }
+        }
+      </style>
+      <g
+      id="layer1"
+      transform="translate(-51.525162,-90)">
+        <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_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"/>
+        <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:#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" />
+
+
+
+        <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 sml" 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 sml"/> 
+        <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 sml" 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 sml"/>
+        <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 sml" 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 sml"/>
+
+        <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+        id="circle_orange_3" class="sml" 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" class="sml" 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" class="sml"/>
+        
+        <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+        id="circle_orange_4" class="sml"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" class="sml"/>
+        <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" class="sml"/>
+        <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+        id="circle_pop_trans_3" class="sml" cx="325.69421" cy="216.84201" r="15.890945" />
+        
+        <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 sml"/>
+        <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 sml" 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 sml" 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 sml"/>
+        
+        <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+        id="circle_orange_5" class="sml" 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" class="sml"/>
+        <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
+        id="circle_vert_clair_erable_4" class="sml" 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" class="sml" 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" class="sml" />
+
+
+        
+        
+        <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 sml"/>
+        <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 sml" cx="200" cy="74.286247" r="15.890945" />
+        
+        </g>
+        
+  </svg>
 
       </div>
     <div class="layout-content">