fonds, ajustements carte index projets, ajustements grille index projets, hover carte leaflet projet, ajustements collectifs des projets

2024-11-07 04:37:14 +01:00
parent dea01885d7
commit 9cd6627bfa
47 changed files with 2795 additions and 209 deletions
--- a/config/sync/core.entity_form_display.node.projet.default.yml
+++ b/config/sync/core.entity_form_display.node.projet.default.yml
@@ -9,6 +9,9 @@ dependencies:
    - field.field.node.projet.field_chronologie
    - field.field.node.projet.field_collectif_du_projet
    - field.field.node.projet.field_diaporama
+    - field.field.node.projet.field_intro
+    - field.field.node.projet.field_legende_carte
+    - field.field.node.projet.field_libelles_carte
    - field.field.node.projet.field_liens
    - field.field.node.projet.field_localisation_textuel
    - field.field.node.projet.field_pieces_jointes
@@ -28,6 +31,7 @@ dependencies:
    - link
    - paragraphs
    - path
+    - text
 third_party_settings:
  field_group:
    group_tabs:
@@ -58,6 +62,7 @@ third_party_settings:
        - field_texte
        - field_chiffres_clefs
        - field_chronologie
+        - field_intro
      label: Contenus
      region: content
      parent_name: group_tabs
@@ -74,6 +79,8 @@ third_party_settings:
    group_carte:
      children:
        - field_carte
+        - field_libelles_carte
+        - field_legende_carte
      label: carte
      region: content
      parent_name: group_tabs
@@ -271,7 +278,7 @@ content:
    third_party_settings: {  }
  field_chiffres_clefs:
    type: paragraphs
-    weight: 4
+    weight: 5
    region: content
    settings:
      title: Paragraphe
@@ -289,7 +296,7 @@ content:
    third_party_settings: {  }
  field_chronologie:
    type: paragraphs
-    weight: 5
+    weight: 6
    region: content
    settings:
      title: Paragraphe
@@ -331,6 +338,36 @@ content:
      progress_indicator: throbber
      preview_image_style: thumbnail
    third_party_settings: {  }
+  field_intro:
+    type: text_textarea
+    weight: 3
+    region: content
+    settings:
+      rows: 5
+      placeholder: ''
+    third_party_settings: {  }
+  field_legende_carte:
+    type: text_textarea
+    weight: 32
+    region: content
+    settings:
+      rows: 5
+      placeholder: ''
+    third_party_settings: {  }
+  field_libelles_carte:
+    type: string_textfield
+    weight: 4
+    region: content
+    settings:
+      size: 60
+      placeholder: 'Un libellé par repère ou zone'
+    third_party_settings:
+      maxlength:
+        maxlength_js: null
+        maxlength_js_label: 'Contenu limité à @limit caractères, restant : <strong>@remaining</strong>'
+        maxlength_js_enforce: false
+      advanced_text_formatter:
+        show_token_tree: 0
  field_liens:
    type: link_default
    weight: 5
@@ -391,7 +428,7 @@ content:
    third_party_settings: {  }
  field_texte:
    type: paragraphs
-    weight: 3
+    weight: 4
    region: content
    settings:
      title: Paragraphe
--- a/config/sync/core.entity_view_display.node.projet.default.yml
+++ b/config/sync/core.entity_view_display.node.projet.default.yml
@@ -9,6 +9,9 @@ dependencies:
    - field.field.node.projet.field_chronologie
    - field.field.node.projet.field_collectif_du_projet
    - field.field.node.projet.field_diaporama
+    - field.field.node.projet.field_intro
+    - field.field.node.projet.field_legende_carte
+    - field.field.node.projet.field_libelles_carte
    - field.field.node.projet.field_liens
    - field.field.node.projet.field_localisation_textuel
    - field.field.node.projet.field_pieces_jointes
@@ -25,6 +28,7 @@ dependencies:
    - geofield
    - image
    - link
+    - text
    - user
 id: node.projet.default
 targetEntityType: node
@@ -37,7 +41,7 @@ content:
    settings:
      link: true
    third_party_settings: {  }
-    weight: 12
+    weight: 14
    region: content
  field_carte:
    type: geofield_default
@@ -86,6 +90,28 @@ content:
    third_party_settings: {  }
    weight: 6
    region: content
+  field_intro:
+    type: text_default
+    label: above
+    settings: {  }
+    third_party_settings: {  }
+    weight: 18
+    region: content
+  field_legende_carte:
+    type: text_default
+    label: above
+    settings: {  }
+    third_party_settings: {  }
+    weight: 19
+    region: content
+  field_libelles_carte:
+    type: string
+    label: above
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+    weight: 12
+    region: content
  field_liens:
    type: link
    label: hidden
@@ -121,7 +147,7 @@ content:
      thousand_separator: ''
      prefix_suffix: true
    third_party_settings: {  }
-    weight: 14
+    weight: 16
    region: content
  field_pour_aller_plus_loin:
    type: entity_reference_label
@@ -129,7 +155,7 @@ content:
    settings:
      link: true
    third_party_settings: {  }
-    weight: 13
+    weight: 15
    region: content
  field_session:
    type: entity_reference_label
@@ -137,7 +163,7 @@ content:
    settings:
      link: true
    third_party_settings: {  }
-    weight: 15
+    weight: 17
    region: content
  field_sous_titre:
    type: string
--- a/config/sync/core.entity_view_display.node.projet.full.yml
+++ b/config/sync/core.entity_view_display.node.projet.full.yml
@@ -10,6 +10,9 @@ dependencies:
    - field.field.node.projet.field_chronologie
    - field.field.node.projet.field_collectif_du_projet
    - field.field.node.projet.field_diaporama
+    - field.field.node.projet.field_intro
+    - field.field.node.projet.field_legende_carte
+    - field.field.node.projet.field_libelles_carte
    - field.field.node.projet.field_liens
    - field.field.node.projet.field_localisation_textuel
    - field.field.node.projet.field_pieces_jointes
@@ -27,6 +30,7 @@ dependencies:
    - image_field_caption
    - leaflet
    - link
+    - text
    - user
 id: node.projet.full
 targetEntityType: node
@@ -47,13 +51,13 @@ content:
      fitbounds_options: '{"padding":[0,0]}'
      reset_map:
        control: false
-        options: '{"position": "topleft", "title": "Reset View"}'
+        options: '{"position":"topleft","title":"Reset View"}'
      map_scale:
        control: false
        options: '{"position":"bottomright","maxWidth":100,"metric":true,"imperial":false,"updateWhenIdle":false}'
      locate:
        control: false
-        options: '{"position": "topright", "setView": "untilPanOrZoom", "returnToPrevBounds":true, "keepCurrentZoomLevel": true, "strings": {"title": "Locate my position"}}'
+        options: '{"position":"topright","setView":"untilPanOrZoom","returnToPrevBounds":true,"keepCurrentZoomLevel":true,"strings":{"title":"Locate my position"}}'
        automatic: false
      leaflet_tooltip:
        value: ''
@@ -61,11 +65,9 @@ content:
      popup: false
      popup_content: ''
      leaflet_popup:
-        control: ''
-        content: ''
-        options: '{"maxWidth":"300","minWidth":"50", "autoPan": true}'
-        value: ''
-        view_mode: full
+        control: '0'
+        content: '[node:field_libelles_carte]'
+        options: '{"maxWidth":"300","minWidth":"50","autoPan":true}'
      map_position:
        force: false
        center:
@@ -82,23 +84,23 @@ content:
        shadowUrl: ''
        className: ''
        iconSize:
-          x: null
-          'y': null
+          x: ''
+          'y': ''
        iconAnchor:
-          x: null
-          'y': null
+          x: ''
+          'y': ''
        shadowSize:
-          x: null
-          'y': null
+          x: ''
+          'y': ''
        shadowAnchor:
-          x: null
-          'y': null
+          x: ''
+          'y': ''
        popupAnchor:
-          x: null
-          'y': null
+          x: ''
+          'y': ''
        html: '<div></div>'
        html_class: leaflet-map-divicon
-        circle_marker_options: '{"radius": 100, "color": "red", "fillColor": "#f03", "fillOpacity": 0.5}'
+        circle_marker_options: '{"radius":100,"color":"red","fillColor":"#f03","fillOpacity":0.5}'
      leaflet_markercluster:
        control: false
        options: '{"spiderfyOnMaxZoom":true,"showCoverageOnHover":true,"removeOutsideVisibleBounds": false}'
@@ -127,7 +129,7 @@ content:
      map_lazy_load:
        lazy_load: false
    third_party_settings: {  }
-    weight: 6
+    weight: 7
    region: content
  field_chiffres_clefs:
    type: entity_reference_revisions_entity_view
@@ -136,7 +138,7 @@ content:
      view_mode: default
      link: ''
    third_party_settings: {  }
-    weight: 5
+    weight: 6
    region: content
  field_chronologie:
    type: entity_reference_revisions_entity_view
@@ -145,7 +147,7 @@ content:
      view_mode: default
      link: ''
    third_party_settings: {  }
-    weight: 7
+    weight: 10
    region: content
  field_collectif_du_projet:
    type: entity_reference_revisions_entity_view
@@ -154,7 +156,7 @@ content:
      view_mode: default
      link: ''
    third_party_settings: {  }
-    weight: 8
+    weight: 11
    region: content
  field_diaporama:
    type: image_caption
@@ -165,8 +167,30 @@ content:
      image_loading:
        attribute: lazy
    third_party_settings: {  }
+    weight: 4
+    region: content
+  field_intro:
+    type: text_default
+    label: above
+    settings: {  }
+    third_party_settings: {  }
    weight: 3
    region: content
+  field_legende_carte:
+    type: text_default
+    label: above
+    settings: {  }
+    third_party_settings: {  }
+    weight: 9
+    region: content
+  field_libelles_carte:
+    type: string
+    label: above
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+    weight: 8
+    region: content
  field_liens:
    type: link
    label: visually_hidden
@@ -177,7 +201,7 @@ content:
      rel: ''
      target: ''
    third_party_settings: {  }
-    weight: 11
+    weight: 14
    region: content
  field_localisation_textuel:
    type: string
@@ -193,7 +217,7 @@ content:
    settings:
      use_description_as_link_text: true
    third_party_settings: {  }
-    weight: 10
+    weight: 13
    region: content
  field_pour_aller_plus_loin:
    type: entity_reference_label
@@ -201,7 +225,7 @@ content:
    settings:
      link: true
    third_party_settings: {  }
-    weight: 9
+    weight: 12
    region: content
  field_sous_titre:
    type: string
@@ -218,7 +242,7 @@ content:
      view_mode: default
      link: ''
    third_party_settings: {  }
-    weight: 4
+    weight: 5
    region: content
  field_th:
    type: entity_reference_label
--- a/config/sync/core.entity_view_display.node.projet.home.yml
+++ b/config/sync/core.entity_view_display.node.projet.home.yml
@@ -10,6 +10,9 @@ dependencies:
    - field.field.node.projet.field_chronologie
    - field.field.node.projet.field_collectif_du_projet
    - field.field.node.projet.field_diaporama
+    - field.field.node.projet.field_intro
+    - field.field.node.projet.field_legende_carte
+    - field.field.node.projet.field_libelles_carte
    - field.field.node.projet.field_liens
    - field.field.node.projet.field_localisation_textuel
    - field.field.node.projet.field_pieces_jointes
@@ -47,6 +50,9 @@ hidden:
  field_chronologie: true
  field_collectif_du_projet: true
  field_diaporama: true
+  field_intro: true
+  field_legende_carte: true
+  field_libelles_carte: true
  field_liens: true
  field_localisation_textuel: true
  field_pieces_jointes: true
--- a/config/sync/core.entity_view_display.node.projet.teaser.yml
+++ b/config/sync/core.entity_view_display.node.projet.teaser.yml
@@ -10,6 +10,9 @@ dependencies:
    - field.field.node.projet.field_chronologie
    - field.field.node.projet.field_collectif_du_projet
    - field.field.node.projet.field_diaporama
+    - field.field.node.projet.field_intro
+    - field.field.node.projet.field_legende_carte
+    - field.field.node.projet.field_libelles_carte
    - field.field.node.projet.field_liens
    - field.field.node.projet.field_localisation_textuel
    - field.field.node.projet.field_pieces_jointes
@@ -72,6 +75,9 @@ hidden:
  field_chiffres_clefs: true
  field_chronologie: true
  field_collectif_du_projet: true
+  field_intro: true
+  field_legende_carte: true
+  field_libelles_carte: true
  field_liens: true
  field_pieces_jointes: true
  field_poids: true
--- a/config/sync/field.field.node.projet.field_intro.yml
+++ b/config/sync/field.field.node.projet.field_intro.yml
@@ -0,0 +1,24 @@
+uuid: 9774fc18-cb39-4264-92c9-9c7dcf826cc0
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_intro
+    - filter.format.wysiwyg
+    - node.type.projet
+  module:
+    - text
+id: node.projet.field_intro
+field_name: field_intro
+entity_type: node
+bundle: projet
+label: intro
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  allowed_formats:
+    - wysiwyg
+field_type: text_long
--- a/config/sync/field.field.node.projet.field_legende_carte.yml
+++ b/config/sync/field.field.node.projet.field_legende_carte.yml
@@ -0,0 +1,24 @@
+uuid: b4547c94-6bee-4e0a-80bb-6cdc7e2fcdef
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_legende_carte
+    - filter.format.wysiwyg
+    - node.type.projet
+  module:
+    - text
+id: node.projet.field_legende_carte
+field_name: field_legende_carte
+entity_type: node
+bundle: projet
+label: legende_carte
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  allowed_formats:
+    - wysiwyg
+field_type: text_long
--- a/config/sync/field.field.node.projet.field_libelles_carte.yml
+++ b/config/sync/field.field.node.projet.field_libelles_carte.yml
@@ -0,0 +1,19 @@
+uuid: 62b4f37c-e8b3-4084-a17e-525f51421f11
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_libelles_carte
+    - node.type.projet
+id: node.projet.field_libelles_carte
+field_name: field_libelles_carte
+entity_type: node
+bundle: projet
+label: libelles_carte
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: string
--- a/config/sync/field.storage.node.field_intro.yml
+++ b/config/sync/field.storage.node.field_intro.yml
@@ -0,0 +1,19 @@
+uuid: a2c12e48-f054-47a0-ae7f-dfddad7306db
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+    - text
+id: node.field_intro
+field_name: field_intro
+entity_type: node
+type: text_long
+settings: {  }
+module: text
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false
--- a/config/sync/field.storage.node.field_legende_carte.yml
+++ b/config/sync/field.storage.node.field_legende_carte.yml
@@ -0,0 +1,19 @@
+uuid: a24ad32a-4555-4a08-9f88-e1c6dadd8760
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+    - text
+id: node.field_legende_carte
+field_name: field_legende_carte
+entity_type: node
+type: text_long
+settings: {  }
+module: text
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false
--- a/config/sync/field.storage.node.field_libelles_carte.yml
+++ b/config/sync/field.storage.node.field_libelles_carte.yml
@@ -0,0 +1,21 @@
+uuid: fbdd3f5f-1614-4c89-bfae-983cdea74493
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+id: node.field_libelles_carte
+field_name: field_libelles_carte
+entity_type: node
+type: string
+settings:
+  max_length: 255
+  case_sensitive: false
+  is_ascii: false
+module: core
+locked: false
+cardinality: -1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false
--- a/web/themes/erabletheme/assets/bg-shapes/bg-1.svg
+++ b/web/themes/erabletheme/assets/bg-shapes/bg-1.svg
@@ -0,0 +1,234 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="1260.9417"
+   height="270.22705"
+   viewBox="0 0 1260.9417 270.22705"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <linearGradient
+       id="swatch21"
+       gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
+      <stop
+         style="stop-color:#eafb44;stop-opacity:1;"
+         offset="0"
+         id="stop21" />
+    </linearGradient>
+    <linearGradient
+       id="swatch20"
+       gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
+      <stop
+         style="stop-color:#00ff80;stop-opacity:1;"
+         offset="0"
+         id="stop20" />
+    </linearGradient>
+    <linearGradient
+       id="swatch19"
+       gradientTransform="translate(159.5901)">
+      <stop
+         style="stop-color:#038788;stop-opacity:1;"
+         offset="0"
+         id="stop19" />
+    </linearGradient>
+    <linearGradient
+       id="swatch18"
+       gradientTransform="translate(39.897525)">
+      <stop
+         style="stop-color:#00a590;stop-opacity:1;"
+         offset="0"
+         id="stop18" />
+    </linearGradient>
+    <linearGradient
+       id="swatch17"
+       gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
+      <stop
+         style="stop-color:#b9ce00;stop-opacity:1;"
+         offset="0"
+         id="stop17" />
+    </linearGradient>
+    <linearGradient
+       id="swatch16"
+       gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
+      <stop
+         style="stop-color:#a19883;stop-opacity:1;"
+         offset="0"
+         id="stop16" />
+    </linearGradient>
+    <linearGradient
+       id="swatch15"
+       gradientTransform="translate(-540.72197,-150.16022)">
+      <stop
+         style="stop-color:#314e41;stop-opacity:1;"
+         offset="0"
+         id="stop15" />
+    </linearGradient>
+    <linearGradient
+       id="swatch14"
+       gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
+      <stop
+         style="stop-color:#8eccb8;stop-opacity:1;"
+         offset="0"
+         id="stop14" />
+    </linearGradient>
+    <linearGradient
+       id="swatch9"
+       gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop9" />
+    </linearGradient>
+    <pattern
+       xlink:href="#pattern49-1"
+       preserveAspectRatio="xMidYMid"
+       id="pattern50-6"
+       patternTransform="matrix(0.06,0,0,0.06,-4418.3565,-1208.7277)"
+       x="0"
+       y="0"
+       width="62.4"
+       height="62.4" />
+    <pattern
+       xlink:href="#pattern48-8"
+       preserveAspectRatio="xMidYMid"
+       id="pattern49-1"
+       patternTransform="translate(-4021.1248,-1220.5028)" />
+    <pattern
+       xlink:href="#pattern44-7"
+       preserveAspectRatio="xMidYMid"
+       id="pattern48-8"
+       patternTransform="translate(-4021.1248,-1220.5028)" />
+    <pattern
+       patternUnits="userSpaceOnUse"
+       width="26"
+       height="26"
+       patternTransform="translate(-4021.1248,-1220.5028)"
+       preserveAspectRatio="xMidYMid"
+       id="pattern44-7">
+      <line
+         x1="3"
+         y1="3"
+         x2="23"
+         y2="23"
+         stroke="#000000"
+         stroke-width="6"
+         stroke-linecap="round"
+         id="line44-9"
+         style="fill:url(#swatch17);stroke:url(#swatch16)" />
+    </pattern>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter36-2"
+       x="0"
+       y="0"
+       width="1"
+       height="1">
+      <feComposite
+         in2="SourceGraphic"
+         operator="arithmetic"
+         k1="0"
+         k2="0"
+         result="composite1"
+         id="feComposite35-3"
+         k3="0"
+         k4="0" />
+      <feColorMatrix
+         in="composite1"
+         values="0"
+         type="saturate"
+         result="colormatrix1"
+         id="feColorMatrix35-7" />
+      <feFlood
+         flood-opacity="1"
+         flood-color="rgb(185,206,0)"
+         result="flood1"
+         id="feFlood35-5" />
+      <feBlend
+         in="flood1"
+         in2="colormatrix1"
+         mode="normal"
+         result="blend1"
+         id="feBlend35-9" />
+      <feBlend
+         in2="blend1"
+         mode="multiply"
+         result="blend2"
+         id="feBlend36-2" />
+      <feColorMatrix
+         in="blend2"
+         values="1"
+         type="saturate"
+         result="colormatrix2"
+         id="feColorMatrix36-2" />
+      <feComposite
+         in="colormatrix2"
+         in2="SourceGraphic"
+         operator="in"
+         result="fbSourceGraphic"
+         id="feComposite36-8" />
+      <feColorMatrix
+         result="fbSourceGraphicAlpha"
+         in="fbSourceGraphic"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+         id="feColorMatrix37-9" />
+      <feComposite
+         id="feComposite37-7"
+         in2="fbSourceGraphic"
+         operator="arithmetic"
+         k1="0"
+         k2="0"
+         result="composite1"
+         in="fbSourceGraphic"
+         k3="0"
+         k4="0" />
+      <feColorMatrix
+         id="feColorMatrix38-3"
+         in="composite1"
+         values="0"
+         type="saturate"
+         result="colormatrix1" />
+      <feFlood
+         id="feFlood38-6"
+         flood-opacity="1"
+         flood-color="rgb(185,206,0)"
+         result="flood1" />
+      <feBlend
+         id="feBlend38-1"
+         in="flood1"
+         in2="colormatrix1"
+         mode="normal"
+         result="blend1" />
+      <feBlend
+         id="feBlend39-2"
+         in2="blend1"
+         mode="multiply"
+         result="blend2" />
+      <feColorMatrix
+         id="feColorMatrix39-9"
+         in="blend2"
+         values="1"
+         type="saturate"
+         result="colormatrix2" />
+      <feComposite
+         id="feComposite39-3"
+         in="colormatrix2"
+         in2="fbSourceGraphic"
+         operator="in"
+         result="composite2" />
+    </filter>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(25.784494,-133.23492)">
+    <path
+       style="fill:url(#pattern50-6);fill-opacity:1;stroke:none;stroke-width:0.2;stroke-linecap:round;stroke-miterlimit:0;filter:url(#filter36-2)"
+       d="m 1586.8398,252.78839 c 0,0 -238.0919,29.21374 -318.4297,29.21374 -80.3377,0 -261.4629,-4.38206 -319.89038,-1.46069 -58.4274,2.92137 -238.0919,49.66335 -297.9801,43.8206 -59.8881,-5.84275 -96.4053,-7.30343 -135.84383,-1.46069 -39.43854,5.84275 -128.54043,24.83168 -163.59691,24.83168 -35.05649,0 24.83167,23.37099 64.27021,30.67442 39.43854,7.30343 112.47283,2.92137 176.74313,11.68549 64.2702,8.76412 154.8328,35.05649 189.8893,40.89923 35.0564,5.84275 182.5858,14.60687 252.69878,13.14618 70.1129,-1.46068 169.4396,49.66335 205.9568,55.5061 36.5172,5.84275 70.1129,23.37099 131.4618,23.37099 61.3488,0 127.0797,-5.84275 163.5969,-5.84275 36.5172,0 65.7309,4.38206 65.7309,4.38206 z"
+       id="path50-4"
+       transform="matrix(-1,0,0,1,1575.6622,-119.55347)" />
+  </g>
+</svg>
--- a/web/themes/erabletheme/assets/bg-shapes/bg-10.svg
+++ b/web/themes/erabletheme/assets/bg-shapes/bg-10.svg
--- a/web/themes/erabletheme/assets/bg-shapes/bg-11.svg
+++ b/web/themes/erabletheme/assets/bg-shapes/bg-11.svg
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="790.91528"
+   height="194.89282"
+   viewBox="0 0 790.91528 194.89282"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <linearGradient
+       id="swatch21"
+       gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
+      <stop
+         style="stop-color:#eafb44;stop-opacity:1;"
+         offset="0"
+         id="stop21" />
+    </linearGradient>
+    <linearGradient
+       id="swatch20"
+       gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
+      <stop
+         style="stop-color:#00ff80;stop-opacity:1;"
+         offset="0"
+         id="stop20" />
+    </linearGradient>
+    <linearGradient
+       id="swatch19"
+       gradientTransform="translate(159.5901)">
+      <stop
+         style="stop-color:#038788;stop-opacity:1;"
+         offset="0"
+         id="stop19" />
+    </linearGradient>
+    <linearGradient
+       id="swatch18"
+       gradientTransform="translate(39.897525)">
+      <stop
+         style="stop-color:#00a590;stop-opacity:1;"
+         offset="0"
+         id="stop18" />
+    </linearGradient>
+    <linearGradient
+       id="swatch17"
+       gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
+      <stop
+         style="stop-color:#b9ce00;stop-opacity:1;"
+         offset="0"
+         id="stop17" />
+    </linearGradient>
+    <linearGradient
+       id="swatch16"
+       gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
+      <stop
+         style="stop-color:#a19883;stop-opacity:1;"
+         offset="0"
+         id="stop16" />
+    </linearGradient>
+    <linearGradient
+       id="swatch15"
+       gradientTransform="translate(-540.72197,-150.16022)">
+      <stop
+         style="stop-color:#314e41;stop-opacity:1;"
+         offset="0"
+         id="stop15" />
+    </linearGradient>
+    <linearGradient
+       id="swatch14"
+       gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
+      <stop
+         style="stop-color:#8eccb8;stop-opacity:1;"
+         offset="0"
+         id="stop14" />
+    </linearGradient>
+    <linearGradient
+       id="swatch9"
+       gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop9" />
+    </linearGradient>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1243.5311,-2768.9917)">
+    <path
+       id="path1337"
+       style="opacity:0.353066;fill:url(#swatch18);fill-opacity:1;stroke:none;stroke-width:0.377954;stroke-linecap:round;stroke-miterlimit:0"
+       d="m 1608.0574,2768.9916 -64.7477,1.9179 -44.2183,34.503 -26.8462,-11.5014 -44.2183,-5.7512 -47.3778,-9.5836 -71.0644,7.668 -66.0536,6.6808 v 65.1306 c 2.8138,0.2807 5.4984,0.4967 7.5861,0.4018 19.8812,-0.9036 46.0886,-3.6154 62.3551,-5.4227 8.9811,-0.9979 14.1507,2.9477 20.4376,6.5437 17.1786,-2.4999 34.2429,-3.9539 50.6368,-3.5048 65.9696,1.8075 101.2129,13.5554 101.2129,13.5554 0,0 2.7367,1.3719 3.1595,1.588 1.1134,0.2721 2.4235,0.5167 3.4837,0.7957 14.6867,3.865 36.5274,12.3377 43.7037,18.1069 l 8.7514,-1.8104 32.6505,26.2485 c 0.6489,0.3125 1.6207,0.8804 2.2355,1.1598 2.4397,1.109 4.4945,3.0781 6.3001,5.3296 2.0359,1.147 12.4939,6.8748 28.7108,13.7711 1.0663,-0.1018 2.795,-0.4363 3.1717,-0.3242 1.803,0.5361 11.6475,0.4315 11.6475,0.4315 l 4.2827,-1.0247 5.1957,-5.8077 6.7626,2.9282 7.0804,3.0256 9.7628,-0.1604 9.8934,-4.1046 8.7713,1.9975 11.6752,0.4072 7.6159,-1.1066 10.3649,2.4711 2.3505,3.7626 -0.4493,3.85 -14.2414,0.054 -16.706,-0.9871 -20.982,1.7275 -8.7547,2.6039 -2.7191,2.729 c 4.3119,1.2414 8.7003,2.4084 13.1614,3.4185 4.069,0.9213 8.2955,1.9711 12.5704,3.0742 l 1.5139,-0.7027 8.5035,-1.7596 9.7119,-2.3195 5.5178,0.1084 4.7729,3.5811 c 0.7852,0.096 1.6983,0.067 2.3207,0.3188 2.1953,0.8882 4.8172,2.2425 7.7299,3.6917 l 5.5443,0.9153 13.0286,-5.3164 11.9252,-0.436 5.9692,-3.7382 -5.6527,-1.9876 -9.0092,-2.3726 -6.3566,2.7046 -6.5724,1.1088 -2.8728,-6.6752 27.7591,-0.018 12.9345,2.0097 c 0,0 18.8499,-3.8918 20.7784,-4.5439 1.9286,-0.6518 14.7792,1.6368 16.9428,1.3612 2.1635,-0.2758 21.3162,-2.8507 21.3162,-2.8507 0,0 27.952,-14.6655 30.5181,-15.1279 2.566,-0.4624 13.2034,5.7645 13.2034,5.7645 l 2.5673,-0.4626 23.9988,-6.0367 5.5233,-2.8762 4.3735,4.5937 10.9369,1.7208 8.5545,0.3995 1.3954,3.4793 -7.918,-0.2113 -11.5601,-3.1297 -12.9599,6.2559 c -10e-5,0 -0.4991,7.5101 2.2022,8.9263 2.7013,1.416 10.3317,-0.9108 10.3317,-0.9108 l 11.2524,-4.0072 9.204,-6.4529 1.4463,5.6384 c 0,0 10.9017,-1.6605 12.6789,-2.9702 1.7772,-1.3097 9.5596,-2.9787 10.8507,-3.8202 1.291,-0.8416 11.5541,-2.6902 12.9965,-2.874 1.4424,-0.1838 12.9488,0.788 12.9488,0.788 l 1.3402,-4.5052 4.825,-8.0619 1.7905,-8.3519 -15.5639,3.3366 c 0,0 -20.7139,-0.338 -23.6502,-2.1303 -1.3303,-0.812 -3.3239,-4.1569 -5.1171,-7.5662 l 0.903,-0.4282 13.7169,-2.9681 c 0,0 8.7748,1.998 11.7272,2.5697 2.9524,0.5715 12.1598,-0.061 12.1598,-0.061 l 17.0745,-2.5818 6.7616,2.9315 c 0,0 3.54,4.4218 5.1337,4.8958 1.5937,0.4739 11.3885,-2.1281 11.3885,-2.1281 l 18.0926,-7.1799 0.3054,-0.035 -0.8177,-59.5985 c 0,0 -36.6206,-12.5259 -103.7582,-21.2952 -61.4674,-8.0287 -104.8416,-3.3868 -175.2033,2.2498 l -32.9051,-5.3971 -55.2726,-32.5863 z m 17.7949,170.3662 c 5.5482,2.1262 11.4828,4.201 17.641,6.1319 l -0.1859,-0.2003 c 0,0 1.0873,-3.6597 -0.104,-4.3203 -1.1914,-0.6606 -9.9963,-0.2147 -9.9963,-0.2147 z m 169.3568,3.6641 -10.4722,0.5688 -6.5004,-0.4172 -5.0386,4.5683 c 0,0 3.3108,2.0688 4.6745,1.6079 1.3636,-0.461 7.9681,-3.698 9.8303,-3.3609 1.8623,0.3371 8.7758,-0.6396 8.7758,-0.6396 z m 142.1998,9.36 c -2.7753,0.2579 -12.6543,2.953 -15.6071,3.808 -2.9528,0.855 -9.4274,2.8283 -10.5065,3.1573 -1.0791,0.329 -4.0547,2.9104 -4.0547,2.9104 l 4.5848,1.566 c 0.2081,0.022 0.4412,0.039 0.6474,0.061 0.6128,-0.081 19.8568,-2.6242 20.919,-2.9481 1.079,-0.329 19.9948,-6.1862 19.9948,-6.1862 0,0 -1.8294,-1.276 -3.6043,-1.8038 -0.5917,-0.1758 -1.1766,-0.2675 -1.6866,-0.2025 -2.0398,0.2599 -7.9117,-0.6198 -10.6868,-0.3619 z m -25.7727,2.5188 c 0,0 -18.8203,3.0675 -20.3501,3.2624 -1.0509,0.134 -6.3155,1.4148 -10.6516,2.5806 2.1988,0.2653 4.3609,0.4532 6.5625,0.6751 l -0.1904,-0.4117 13.1415,-1.2914 z" />
+  </g>
+</svg>
--- a/web/themes/erabletheme/assets/bg-shapes/bg-12.png
+++ b/web/themes/erabletheme/assets/bg-shapes/bg-12.png
--- a/web/themes/erabletheme/assets/bg-shapes/bg-2.svg
+++ b/web/themes/erabletheme/assets/bg-shapes/bg-2.svg
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="1982.4325"
+   height="153.74228"
+   viewBox="0 0 1982.4325 153.74228"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <linearGradient
+       id="swatch21"
+       gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
+      <stop
+         style="stop-color:#eafb44;stop-opacity:1;"
+         offset="0"
+         id="stop21" />
+    </linearGradient>
+    <linearGradient
+       id="swatch20"
+       gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
+      <stop
+         style="stop-color:#00ff80;stop-opacity:1;"
+         offset="0"
+         id="stop20" />
+    </linearGradient>
+    <linearGradient
+       id="swatch19"
+       gradientTransform="translate(159.5901)">
+      <stop
+         style="stop-color:#038788;stop-opacity:1;"
+         offset="0"
+         id="stop19" />
+    </linearGradient>
+    <linearGradient
+       id="swatch18"
+       gradientTransform="translate(39.897525)">
+      <stop
+         style="stop-color:#00a590;stop-opacity:1;"
+         offset="0"
+         id="stop18" />
+    </linearGradient>
+    <linearGradient
+       id="swatch17"
+       gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
+      <stop
+         style="stop-color:#b9ce00;stop-opacity:1;"
+         offset="0"
+         id="stop17" />
+    </linearGradient>
+    <linearGradient
+       id="swatch16"
+       gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
+      <stop
+         style="stop-color:#a19883;stop-opacity:1;"
+         offset="0"
+         id="stop16" />
+    </linearGradient>
+    <linearGradient
+       id="swatch15"
+       gradientTransform="translate(-540.72197,-150.16022)">
+      <stop
+         style="stop-color:#314e41;stop-opacity:1;"
+         offset="0"
+         id="stop15" />
+    </linearGradient>
+    <linearGradient
+       id="swatch14"
+       gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
+      <stop
+         style="stop-color:#8eccb8;stop-opacity:1;"
+         offset="0"
+         id="stop14" />
+    </linearGradient>
+    <linearGradient
+       id="swatch9"
+       gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop9" />
+    </linearGradient>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-14.379108,-134.82294)">
+    <path
+       style="opacity:1;fill:url(#swatch14);fill-opacity:1;stroke:none;stroke-width:0.377952;stroke-linecap:round;stroke-miterlimit:0"
+       d="m 40.772658,134.82293 c 0,0 741.658282,7.91814 805.002752,13.19655 63.34445,5.27888 496.19839,7.91817 562.18219,13.19692 65.9838,5.27887 292.9682,-2.63926 340.4765,-2.63926 47.5085,0 245.4599,-18.47569 248.0993,-2.63949 2.6394,15.83603 -13.1968,48.7559 -60.7051,56.67394 -47.5084,7.91779 -85.7565,8.30202 -175.4946,16.22017 -89.738,7.91801 -311.9226,11.42058 -369.9884,11.42058 -58.0657,0 -155.3377,-0.23955 -258.2725,7.67849 -102.9347,7.91816 -130.6027,-5.11517 -259.90386,10.94163 -153.80098,19.09922 -219.06631,18.47545 -306.16497,21.11495 -87.09866,2.63925 -226.98437,0 -308.80434,5.27854 -81.81996,5.27875 -153.08248,2.6395 -190.033441,2.6395 -36.950943,0 -52.787082,-7.91804 -52.787082,-7.91804 z"
+       id="path449" />
+  </g>
+</svg>
--- a/web/themes/erabletheme/assets/bg-shapes/bg-3.svg
+++ b/web/themes/erabletheme/assets/bg-shapes/bg-3.svg
--- a/web/themes/erabletheme/assets/bg-shapes/bg-4.svg
+++ b/web/themes/erabletheme/assets/bg-shapes/bg-4.svg
@@ -0,0 +1,216 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="1260.9417"
+   height="270.22702"
+   viewBox="0 0 1260.9417 270.22702"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <pattern
+       xlink:href="#pattern80"
+       preserveAspectRatio="xMidYMid"
+       id="pattern27"
+       patternTransform="matrix(-0.10352761,-0.38637033,0.38637033,-0.10352761,96.525969,-7.6204712)"
+       x="0"
+       y="0" />
+    <linearGradient
+       id="swatch21"
+       gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
+      <stop
+         style="stop-color:#eafb44;stop-opacity:1;"
+         offset="0"
+         id="stop21" />
+    </linearGradient>
+    <linearGradient
+       id="swatch20"
+       gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
+      <stop
+         style="stop-color:#00ff80;stop-opacity:1;"
+         offset="0"
+         id="stop20" />
+    </linearGradient>
+    <linearGradient
+       id="swatch19"
+       gradientTransform="translate(159.5901)">
+      <stop
+         style="stop-color:#038788;stop-opacity:1;"
+         offset="0"
+         id="stop19" />
+    </linearGradient>
+    <linearGradient
+       id="swatch18"
+       gradientTransform="translate(39.897525)">
+      <stop
+         style="stop-color:#00a590;stop-opacity:1;"
+         offset="0"
+         id="stop18" />
+    </linearGradient>
+    <linearGradient
+       id="swatch17"
+       gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
+      <stop
+         style="stop-color:#b9ce00;stop-opacity:1;"
+         offset="0"
+         id="stop17" />
+    </linearGradient>
+    <linearGradient
+       id="swatch16"
+       gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
+      <stop
+         style="stop-color:#a19883;stop-opacity:1;"
+         offset="0"
+         id="stop16" />
+    </linearGradient>
+    <linearGradient
+       id="swatch15"
+       gradientTransform="translate(-540.72197,-150.16022)">
+      <stop
+         style="stop-color:#314e41;stop-opacity:1;"
+         offset="0"
+         id="stop15" />
+    </linearGradient>
+    <linearGradient
+       id="swatch14"
+       gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
+      <stop
+         style="stop-color:#8eccb8;stop-opacity:1;"
+         offset="0"
+         id="stop14" />
+    </linearGradient>
+    <linearGradient
+       id="swatch9"
+       gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop9" />
+    </linearGradient>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter36"
+       x="0"
+       y="0"
+       width="1"
+       height="1">
+      <feComposite
+         in2="SourceGraphic"
+         operator="arithmetic"
+         k1="0"
+         k2="0"
+         result="composite1"
+         id="feComposite35"
+         k3="0"
+         k4="0" />
+      <feColorMatrix
+         in="composite1"
+         values="0"
+         type="saturate"
+         result="colormatrix1"
+         id="feColorMatrix35" />
+      <feFlood
+         flood-opacity="1"
+         flood-color="rgb(185,206,0)"
+         result="flood1"
+         id="feFlood35" />
+      <feBlend
+         in="flood1"
+         in2="colormatrix1"
+         mode="normal"
+         result="blend1"
+         id="feBlend35" />
+      <feBlend
+         in2="blend1"
+         mode="multiply"
+         result="blend2"
+         id="feBlend36" />
+      <feColorMatrix
+         in="blend2"
+         values="1"
+         type="saturate"
+         result="colormatrix2"
+         id="feColorMatrix36" />
+      <feComposite
+         in="colormatrix2"
+         in2="SourceGraphic"
+         operator="in"
+         result="fbSourceGraphic"
+         id="feComposite36" />
+      <feColorMatrix
+         result="fbSourceGraphicAlpha"
+         in="fbSourceGraphic"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+         id="feColorMatrix37" />
+      <feComposite
+         id="feComposite37"
+         in2="fbSourceGraphic"
+         operator="arithmetic"
+         k1="0"
+         k2="0"
+         result="composite1"
+         in="fbSourceGraphic"
+         k3="0"
+         k4="0" />
+      <feColorMatrix
+         id="feColorMatrix38"
+         in="composite1"
+         values="0"
+         type="saturate"
+         result="colormatrix1" />
+      <feFlood
+         id="feFlood38"
+         flood-opacity="1"
+         flood-color="rgb(185,206,0)"
+         result="flood1" />
+      <feBlend
+         id="feBlend38"
+         in="flood1"
+         in2="colormatrix1"
+         mode="normal"
+         result="blend1" />
+      <feBlend
+         id="feBlend39"
+         in2="blend1"
+         mode="multiply"
+         result="blend2" />
+      <feColorMatrix
+         id="feColorMatrix39"
+         in="blend2"
+         values="1"
+         type="saturate"
+         result="colormatrix2" />
+      <feComposite
+         id="feComposite39"
+         in="colormatrix2"
+         in2="fbSourceGraphic"
+         operator="in"
+         result="composite2" />
+    </filter>
+    <pattern
+       patternUnits="userSpaceOnUse"
+       width="60"
+       height="60"
+       preserveAspectRatio="xMidYMid"
+       style="fill:#eafb44"
+       id="pattern80">
+      <path
+         id="path80-4"
+         d="M 0,0 H 10 V 50 H 0 Z M 79.142136,3.7867966 86.213203,10.857864 50.857864,46.213203 43.786797,39.142136 Z M 150,20 V 30 H 100 V 20 Z m 56.2132,19.142136 -7.07106,7.071067 -35.35534,-35.355339 7.07106,-7.0710674 z M 250,50 H 240 V 0 h 10 z M 19.142136,63.786797 26.213203,70.857864 -9.1421356,106.2132 -16.213203,99.142136 Z M 90,80 V 90 H 40 V 80 Z m 56.2132,19.142136 -7.07106,7.071064 -35.35534,-35.355336 7.07106,-7.071067 z M 190,110 H 180 V 60 h 10 z m 40.85786,-3.7868 -7.07106,-7.071064 35.35534,-35.355339 7.07106,7.071067 z M 30,140 v 10 h -50 v -10 z m 56.213203,19.14214 -7.071067,7.07106 -35.355339,-35.35534 7.071067,-7.07106 z M 130,170 h -10 v -50 h 10 z m 40.85786,-3.7868 -7.07106,-7.07106 35.35534,-35.35534 7.07106,7.07106 z M 220,150 v -10 h 50 v 10 z m -193.786797,69.14214 -7.071067,7.07106 -35.355339,-35.35534 7.0710674,-7.07106 z M 70,230 H 60 v -50 h 10 z m 40.85786,-3.7868 -7.07106,-7.07106 35.35534,-35.35534 7.07106,7.07106 z M 160,210 v -10 h 50 v 10 z m 63.7868,-19.14214 7.07106,-7.07106 35.35534,35.35534 -7.07106,7.07106 z M 10,290 H 0 v -50 h 10 z m 40.857864,-3.7868 -7.071067,-7.07106 35.355339,-35.35534 7.071067,7.07106 z M 100,270 v -10 h 50 v 10 z m 63.7868,-19.14214 7.07106,-7.07106 35.35534,35.35534 -7.07106,7.07106 z M 240,240 h 10 v 50 h -10 z"
+         style="stroke-width:10;stroke-linecap:square;paint-order:markers fill stroke;stop-color:#000000"
+         transform="scale(0.25)" />
+    </pattern>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1176.9954,-210.0247)">
+    <path
+       style="fill:url(#pattern27);fill-opacity:1;stroke:none;stroke-width:0.2;stroke-linecap:round;stroke-miterlimit:0;filter:url(#filter36)"
+       d="m 2423.3302,210.0247 c 0,0 -238.0919,29.21374 -318.4297,29.21374 -80.3377,0 -261.4629,-4.38206 -319.8904,-1.46069 -58.4274,2.92137 -238.0919,49.66335 -297.9801,43.8206 -59.8881,-5.84275 -96.4052,-7.30343 -135.8438,-1.46069 -39.4385,5.84275 -128.5404,24.83168 -163.5969,24.83168 -35.0565,0 24.8317,23.37099 64.2702,30.67442 39.4386,7.30343 112.4729,2.92137 176.7431,11.68549 64.2702,8.76412 154.8328,35.05649 189.8893,40.89923 35.0564,5.84275 182.5858,14.60687 252.6988,13.14618 70.1129,-1.46068 169.4396,49.66335 205.9568,55.5061 36.5172,5.84275 70.1129,23.37099 131.4618,23.37099 61.3488,0 127.0797,-5.84275 163.5969,-5.84275 36.5172,0 65.7309,4.38206 65.7309,4.38206 z"
+       id="path50" />
+  </g>
+</svg>
--- a/web/themes/erabletheme/assets/bg-shapes/bg-5.svg
+++ b/web/themes/erabletheme/assets/bg-shapes/bg-5.svg
--- a/web/themes/erabletheme/assets/bg-shapes/bg-6.svg
+++ b/web/themes/erabletheme/assets/bg-shapes/bg-6.svg
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="1450.262"
+   height="370.38525"
+   viewBox="0 0 1450.262 370.38525"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <linearGradient
+       id="swatch21"
+       gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
+      <stop
+         style="stop-color:#eafb44;stop-opacity:1;"
+         offset="0"
+         id="stop21" />
+    </linearGradient>
+    <linearGradient
+       id="swatch20"
+       gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
+      <stop
+         style="stop-color:#00ff80;stop-opacity:1;"
+         offset="0"
+         id="stop20" />
+    </linearGradient>
+    <linearGradient
+       id="swatch19"
+       gradientTransform="translate(159.5901)">
+      <stop
+         style="stop-color:#038788;stop-opacity:1;"
+         offset="0"
+         id="stop19" />
+    </linearGradient>
+    <linearGradient
+       id="swatch18"
+       gradientTransform="translate(39.897525)">
+      <stop
+         style="stop-color:#00a590;stop-opacity:1;"
+         offset="0"
+         id="stop18" />
+    </linearGradient>
+    <linearGradient
+       id="swatch17"
+       gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
+      <stop
+         style="stop-color:#b9ce00;stop-opacity:1;"
+         offset="0"
+         id="stop17" />
+    </linearGradient>
+    <linearGradient
+       id="swatch16"
+       gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
+      <stop
+         style="stop-color:#a19883;stop-opacity:1;"
+         offset="0"
+         id="stop16" />
+    </linearGradient>
+    <linearGradient
+       id="swatch15"
+       gradientTransform="translate(-540.72197,-150.16022)">
+      <stop
+         style="stop-color:#314e41;stop-opacity:1;"
+         offset="0"
+         id="stop15" />
+    </linearGradient>
+    <linearGradient
+       id="swatch14"
+       gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
+      <stop
+         style="stop-color:#8eccb8;stop-opacity:1;"
+         offset="0"
+         id="stop14" />
+    </linearGradient>
+    <linearGradient
+       id="swatch9"
+       gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop9" />
+    </linearGradient>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-422.16467,-914.57557)">
+    <path
+       style="fill:url(#swatch14);fill-opacity:1;stroke:none;stroke-width:4.53543;stroke-miterlimit:0"
+       d="m 1206.9083,914.8558 c -42.4803,2.7502 -104.4211,1.9039 -167.8359,38.1011 -63.41457,36.1971 -99.42692,33.4097 -129.39747,21.5683 -29.97071,-11.8413 -56.84986,-27.6235 -99.9351,-20.0434 -43.0851,7.5802 -106.27881,25.9125 -106.27881,25.9125 l -41.26758,-6.9098 c 0,0 -28.35279,21.261 -52.21951,20.575 -23.86679,-0.6862 -33.99122,4.1037 -73.74261,19.6058 -39.75018,15.502 -95.87062,23.4667 -108.80436,34.5419 -12.93359,11.075 -0.5045,15.5205 20.73492,14.1455 21.24056,-1.3746 67.58047,18.0035 86.90075,20.4278 19.3202,2.4243 65.84212,13.4567 85.62673,9.8788 19.78354,-3.5778 36.61852,-2.0422 74.83357,-0.7102 38.21617,1.3321 79.38182,-2.4487 77.88699,4.8672 -1.49604,7.3157 -22.87753,7.5187 -57.8991,12.9361 -35.02188,5.4175 -79.66469,0.1043 -90.07175,2.5499 -10.40805,2.4459 -21.5632,8.5496 -8.70987,16.5113 12.85325,7.962 70.38858,11.7186 87.50596,15.5978 17.11737,3.8796 37.14543,12.1645 58.52661,11.9616 21.3815,-0.2034 54.76632,0.5232 68.08429,2.4829 13.31782,1.9598 40.985,4.5656 54.01936,4.1811 13.03519,-0.3842 44.64272,5.3132 32.31523,11.5583 -12.32734,6.2452 -49.9775,9.6015 -65.21446,11.441 -15.2384,1.8397 -49.3714,4.7714 -46.78336,16.3511 2.58705,11.5797 29.68717,9.4972 55.43408,15.9024 25.7469,6.4051 52.3022,29.3617 89.87202,45.0424 37.56974,15.6809 68.14557,22.6922 97.73217,21.4986 29.5854,-1.1935 60.9102,2.16 82.6948,-24.2543 21.7842,-26.4142 40.5784,-38.1969 65.0915,-51.8592 24.5133,-13.6624 38.2151,1.3322 99.6915,8.1807 61.4766,6.8483 80.0893,3.4119 107.6536,-4.673 27.5656,-8.0847 44.1783,11.3154 120.2243,0.945 76.047,-10.3704 161.935,-27.875 177.2123,-39.2331 15.2781,-11.3582 57.6556,-24.7989 103.0244,-52.8713 45.3682,-28.0724 108.3185,-58.2673 35.0594,-83.9097 -73.2594,-25.6424 -108.7457,-14.2229 -156.8643,-28.6301 -48.1185,-14.407 -13.703,-14.9945 -128.1673,-27.3377 -114.4652,-12.3431 -176.9794,-34.1761 -176.9794,-34.1761 -59.8941,-16.903 -127.4746,-34.9065 -169.9536,-32.1564 z"
+       id="path1339-5" />
+  </g>
+</svg>
--- a/web/themes/erabletheme/assets/bg-shapes/bg-7.svg
+++ b/web/themes/erabletheme/assets/bg-shapes/bg-7.svg
@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="1909.912"
+   height="487.77618"
+   viewBox="0 0 1909.912 487.77618"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <linearGradient
+       id="swatch21"
+       gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
+      <stop
+         style="stop-color:#eafb44;stop-opacity:1;"
+         offset="0"
+         id="stop21" />
+    </linearGradient>
+    <linearGradient
+       id="swatch20"
+       gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
+      <stop
+         style="stop-color:#00ff80;stop-opacity:1;"
+         offset="0"
+         id="stop20" />
+    </linearGradient>
+    <linearGradient
+       id="swatch19"
+       gradientTransform="translate(159.5901)">
+      <stop
+         style="stop-color:#038788;stop-opacity:1;"
+         offset="0"
+         id="stop19" />
+    </linearGradient>
+    <linearGradient
+       id="swatch18"
+       gradientTransform="translate(39.897525)">
+      <stop
+         style="stop-color:#00a590;stop-opacity:1;"
+         offset="0"
+         id="stop18" />
+    </linearGradient>
+    <linearGradient
+       id="swatch17"
+       gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
+      <stop
+         style="stop-color:#b9ce00;stop-opacity:1;"
+         offset="0"
+         id="stop17" />
+    </linearGradient>
+    <linearGradient
+       id="swatch16"
+       gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
+      <stop
+         style="stop-color:#a19883;stop-opacity:1;"
+         offset="0"
+         id="stop16" />
+    </linearGradient>
+    <linearGradient
+       id="swatch15"
+       gradientTransform="translate(-540.72197,-150.16022)">
+      <stop
+         style="stop-color:#314e41;stop-opacity:1;"
+         offset="0"
+         id="stop15" />
+    </linearGradient>
+    <linearGradient
+       id="swatch14"
+       gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
+      <stop
+         style="stop-color:#8eccb8;stop-opacity:1;"
+         offset="0"
+         id="stop14" />
+    </linearGradient>
+    <linearGradient
+       id="swatch9"
+       gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop9" />
+    </linearGradient>
+    <pattern
+       xlink:href="#pattern80"
+       preserveAspectRatio="xMidYMid"
+       id="pattern83"
+       patternTransform="matrix(0.8,0,0,0.8,-19137.05,3107.2027)"
+       x="0"
+       y="0" />
+    <pattern
+       patternUnits="userSpaceOnUse"
+       width="60"
+       height="60"
+       preserveAspectRatio="xMidYMid"
+       style="fill:#eafb44"
+       id="pattern80">
+      <path
+         id="path80-4"
+         d="M 0,0 H 10 V 50 H 0 Z M 79.142136,3.7867966 86.213203,10.857864 50.857864,46.213203 43.786797,39.142136 Z M 150,20 V 30 H 100 V 20 Z m 56.2132,19.142136 -7.07106,7.071067 -35.35534,-35.355339 7.07106,-7.0710674 z M 250,50 H 240 V 0 h 10 z M 19.142136,63.786797 26.213203,70.857864 -9.1421356,106.2132 -16.213203,99.142136 Z M 90,80 V 90 H 40 V 80 Z m 56.2132,19.142136 -7.07106,7.071064 -35.35534,-35.355336 7.07106,-7.071067 z M 190,110 H 180 V 60 h 10 z m 40.85786,-3.7868 -7.07106,-7.071064 35.35534,-35.355339 7.07106,7.071067 z M 30,140 v 10 h -50 v -10 z m 56.213203,19.14214 -7.071067,7.07106 -35.355339,-35.35534 7.071067,-7.07106 z M 130,170 h -10 v -50 h 10 z m 40.85786,-3.7868 -7.07106,-7.07106 35.35534,-35.35534 7.07106,7.07106 z M 220,150 v -10 h 50 v 10 z m -193.786797,69.14214 -7.071067,7.07106 -35.355339,-35.35534 7.0710674,-7.07106 z M 70,230 H 60 v -50 h 10 z m 40.85786,-3.7868 -7.07106,-7.07106 35.35534,-35.35534 7.07106,7.07106 z M 160,210 v -10 h 50 v 10 z m 63.7868,-19.14214 7.07106,-7.07106 35.35534,35.35534 -7.07106,7.07106 z M 10,290 H 0 v -50 h 10 z m 40.857864,-3.7868 -7.071067,-7.07106 35.355339,-35.35534 7.071067,7.07106 z M 100,270 v -10 h 50 v 10 z m 63.7868,-19.14214 7.07106,-7.07106 35.35534,35.35534 -7.07106,7.07106 z M 240,240 h 10 v 50 h -10 z"
+         style="stroke-width:10;stroke-linecap:square;paint-order:markers fill stroke;stop-color:#000000"
+         transform="scale(0.25)" />
+    </pattern>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1338">
+      <path
+         style="fill:none;fill-opacity:1;stroke:none;stroke-width:4.53543;stroke-miterlimit:0"
+         d="m -4048.5468,-1775.4537 c -55.9441,3.6218 -137.5166,2.5073 -221.0302,50.1769 -83.5134,47.6696 -130.9396,43.9987 -170.4091,28.4043 -39.4697,-15.5943 -74.868,-36.3786 -131.6088,-26.396 -56.7406,9.9826 -139.9631,34.1252 -139.9631,34.1252 l -54.347,-9.0998 c 0,0 -37.339,27.9995 -68.7701,27.0961 -31.4312,-0.9037 -44.7645,5.4044 -97.1148,25.8197 -52.3487,20.4153 -126.2561,30.9044 -143.2891,45.4897 -17.0328,14.5852 -0.6644,20.4397 27.3067,18.6289 27.9726,-1.8103 88.9996,23.7095 114.4433,26.9022 25.4436,3.1927 86.7103,17.7217 112.7655,13.0098 26.0538,-4.7118 48.2245,-2.6895 98.5515,-0.9353 50.3285,1.7543 104.5413,-3.2248 102.5727,6.4098 -1.9702,9.6344 -30.1284,9.9017 -76.2498,17.0362 -46.1218,7.1345 -104.9138,0.1373 -118.6193,3.358 -13.7068,3.2211 -28.3975,11.2593 -11.4704,21.7445 16.927,10.4855 92.6977,15.4327 115.2403,20.5414 22.5426,5.1092 48.9184,16.0199 77.0762,15.7527 28.1582,-0.2678 72.1241,0.6891 89.6631,3.2698 17.5388,2.581 53.9749,6.0127 71.1404,5.5063 17.1666,-0.5059 58.7919,6.9972 42.5573,15.2216 -16.2344,8.2246 -65.8175,12.6446 -85.8837,15.0672 -20.0681,2.4227 -65.0193,6.2836 -61.611,21.5335 3.407,15.2497 39.0963,12.5072 73.0035,20.9425 33.9072,8.4352 68.879,38.6676 118.3563,59.3183 49.4772,20.6508 89.7438,29.8843 128.7076,28.3124 38.9624,-1.5718 80.2153,2.8446 108.9044,-31.9416 28.6885,-34.786 53.4394,-50.3031 85.7217,-68.2956 32.2826,-17.9926 50.3272,1.7545 131.288,10.7735 80.9612,9.0189 105.473,4.4934 141.7736,-6.154 36.3024,-10.6471 58.1804,14.9017 158.3286,1.2445 100.1495,-13.6572 213.2591,-36.7098 233.3784,-51.6678 20.1204,-14.958 75.9291,-32.6587 135.6772,-69.6284 59.7474,-36.9697 142.6493,-76.7347 46.1713,-110.5043 -96.4785,-33.7695 -143.2119,-18.7307 -206.5813,-37.7042 -63.3694,-18.9732 -18.0461,-19.7469 -168.789,-36.0022 -150.7441,-16.2551 -233.0718,-45.0079 -233.0718,-45.0079 -78.8771,-22.2603 -167.8767,-45.9699 -223.8191,-42.3482 z"
+         id="path1339" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-86.653251,-942.83186)">
+    <rect
+       style="opacity:0.72093;fill:url(#pattern83);fill-opacity:1;stroke:#000000;stroke-width:0.2;stroke-linecap:round;stroke-miterlimit:0"
+       id="rect1"
+       width="2370.1384"
+       height="1734.9315"
+       x="-5125.0024"
+       y="-2400.8999"
+       clip-path="url(#clipPath1338)"
+       transform="translate(5168.6624,2718.6546)" />
+  </g>
+</svg>
--- a/web/themes/erabletheme/assets/bg-shapes/bg-8.svg
+++ b/web/themes/erabletheme/assets/bg-shapes/bg-8.svg
@@ -0,0 +1,134 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="1909.912"
+   height="487.77625"
+   viewBox="0 0 1909.912 487.77624"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <pattern
+       xlink:href="#pattern44-7"
+       preserveAspectRatio="xMidYMid"
+       id="pattern2"
+       patternTransform="matrix(0.2,0,0,0.2,-4021.1248,-1220.5028)"
+       x="0"
+       y="0" />
+    <linearGradient
+       id="swatch21"
+       gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
+      <stop
+         style="stop-color:#eafb44;stop-opacity:1;"
+         offset="0"
+         id="stop21" />
+    </linearGradient>
+    <linearGradient
+       id="swatch20"
+       gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
+      <stop
+         style="stop-color:#00ff80;stop-opacity:1;"
+         offset="0"
+         id="stop20" />
+    </linearGradient>
+    <linearGradient
+       id="swatch19"
+       gradientTransform="translate(159.5901)">
+      <stop
+         style="stop-color:#038788;stop-opacity:1;"
+         offset="0"
+         id="stop19" />
+    </linearGradient>
+    <linearGradient
+       id="swatch18"
+       gradientTransform="translate(39.897525)">
+      <stop
+         style="stop-color:#00a590;stop-opacity:1;"
+         offset="0"
+         id="stop18" />
+    </linearGradient>
+    <linearGradient
+       id="swatch17"
+       gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
+      <stop
+         style="stop-color:#b9ce00;stop-opacity:1;"
+         offset="0"
+         id="stop17" />
+    </linearGradient>
+    <linearGradient
+       id="swatch16"
+       gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
+      <stop
+         style="stop-color:#a19883;stop-opacity:1;"
+         offset="0"
+         id="stop16" />
+    </linearGradient>
+    <linearGradient
+       id="swatch15"
+       gradientTransform="translate(-540.72197,-150.16022)">
+      <stop
+         style="stop-color:#314e41;stop-opacity:1;"
+         offset="0"
+         id="stop15" />
+    </linearGradient>
+    <linearGradient
+       id="swatch14"
+       gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
+      <stop
+         style="stop-color:#8eccb8;stop-opacity:1;"
+         offset="0"
+         id="stop14" />
+    </linearGradient>
+    <linearGradient
+       id="swatch9"
+       gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop9" />
+    </linearGradient>
+    <pattern
+       patternUnits="userSpaceOnUse"
+       width="26"
+       height="26"
+       patternTransform="translate(-4021.1248,-1220.5028)"
+       preserveAspectRatio="xMidYMid"
+       id="pattern44-7">
+      <line
+         x1="3"
+         y1="3"
+         x2="23"
+         y2="23"
+         stroke="#000000"
+         stroke-width="6"
+         stroke-linecap="round"
+         id="line44-9"
+         style="fill:url(#swatch17);stroke:url(#swatch16)" />
+    </pattern>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1338">
+      <path
+         style="fill:none;fill-opacity:1;stroke:none;stroke-width:4.53543;stroke-miterlimit:0"
+         d="m -4048.5468,-1775.4537 c -55.9441,3.6218 -137.5166,2.5073 -221.0302,50.1769 -83.5134,47.6696 -130.9396,43.9987 -170.4091,28.4043 -39.4697,-15.5943 -74.868,-36.3786 -131.6088,-26.396 -56.7406,9.9826 -139.9631,34.1252 -139.9631,34.1252 l -54.347,-9.0998 c 0,0 -37.339,27.9995 -68.7701,27.0961 -31.4312,-0.9037 -44.7645,5.4044 -97.1148,25.8197 -52.3487,20.4153 -126.2561,30.9044 -143.2891,45.4897 -17.0328,14.5852 -0.6644,20.4397 27.3067,18.6289 27.9726,-1.8103 88.9996,23.7095 114.4433,26.9022 25.4436,3.1927 86.7103,17.7217 112.7655,13.0098 26.0538,-4.7118 48.2245,-2.6895 98.5515,-0.9353 50.3285,1.7543 104.5413,-3.2248 102.5727,6.4098 -1.9702,9.6344 -30.1284,9.9017 -76.2498,17.0362 -46.1218,7.1345 -104.9138,0.1373 -118.6193,3.358 -13.7068,3.2211 -28.3975,11.2593 -11.4704,21.7445 16.927,10.4855 92.6977,15.4327 115.2403,20.5414 22.5426,5.1092 48.9184,16.0199 77.0762,15.7527 28.1582,-0.2678 72.1241,0.6891 89.6631,3.2698 17.5388,2.581 53.9749,6.0127 71.1404,5.5063 17.1666,-0.5059 58.7919,6.9972 42.5573,15.2216 -16.2344,8.2246 -65.8175,12.6446 -85.8837,15.0672 -20.0681,2.4227 -65.0193,6.2836 -61.611,21.5335 3.407,15.2497 39.0963,12.5072 73.0035,20.9425 33.9072,8.4352 68.879,38.6676 118.3563,59.3183 49.4772,20.6508 89.7438,29.8843 128.7076,28.3124 38.9624,-1.5718 80.2153,2.8446 108.9044,-31.9416 28.6885,-34.786 53.4394,-50.3031 85.7217,-68.2956 32.2826,-17.9926 50.3272,1.7545 131.288,10.7735 80.9612,9.0189 105.473,4.4934 141.7736,-6.154 36.3024,-10.6471 58.1804,14.9017 158.3286,1.2445 100.1495,-13.6572 213.2591,-36.7098 233.3784,-51.6678 20.1204,-14.958 75.9291,-32.6587 135.6772,-69.6284 59.7474,-36.9697 142.6493,-76.7347 46.1713,-110.5043 -96.4785,-33.7695 -143.2119,-18.7307 -206.5813,-37.7042 -63.3694,-18.9732 -18.0461,-19.7469 -168.789,-36.0022 -150.7441,-16.2551 -233.0718,-45.0079 -233.0718,-45.0079 -78.8771,-22.2603 -167.8767,-45.9699 -223.8191,-42.3482 z"
+         id="path1339" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(963.5783,-1312.5028)">
+    <rect
+       style="opacity:0.72093;fill:url(#pattern2);fill-opacity:1;stroke:#000000;stroke-width:0.2;stroke-linecap:round;stroke-miterlimit:0"
+       id="rect117"
+       width="2370.1384"
+       height="1734.9315"
+       x="-5125.0024"
+       y="-2400.8999"
+       clip-path="url(#clipPath1338)"
+       transform="translate(4118.4309,3088.3256)" />
+  </g>
+</svg>
--- a/web/themes/erabletheme/assets/bg-shapes/bg-9.svg
+++ b/web/themes/erabletheme/assets/bg-shapes/bg-9.svg
--- a/web/themes/erabletheme/assets/shapes/shape_1.svg
+++ b/web/themes/erabletheme/assets/shapes/shape_1.svg
@@ -1 +1,20 @@
-<svg width="222.286" xmlns="http://www.w3.org/2000/svg" height="250.807" viewBox="7878 1982 222.286 250.807" fill="none"><path d="M7956.274 1986.469c25.826-15.086 24.896 10.832 72.919 35.887 41.211 21.501 51.92 2.311 60.932 33.947 16.959 59.537 14.65 49.316-21.976 102.812-42.619 62.248-26.611 59.748-96.892 70.804-48.919 7.695-58.343 2.108-81.909-42.677-23.049-43.801-6.853-33.684 11.987-90.202 25.777-77.331-4.474-75.867 54.939-110.571Z" style="fill: rgb(177, 178, 181); fill-opacity: 1;" class="fills"/></svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="4.7620153mm"
+   height="4.9964266mm"
+   viewBox="0 0 4.7620153 4.9964266"
+   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" /><g
+     id="layer1"
+     transform="translate(-177.20162,-22.803584)"><path
+       d="m 181.9626,26.11193 q 0.0397,1.34791 -1.38756,1.62542 -1.4272,0.27752 -2.4976,-0.67395 -1.0704,-0.95147 -0.83254,-2.18045 0.23787,-1.22899 1.18934,-1.74437 0.95147,-0.51537 1.82365,-0.23786 0.87218,0.27751 1.26863,1.0704 0.39644,0.79289 0.43608,2.14081 z"
+       stroke="none"
+       stroke-width="0"
+       fill="#d9d9da"
+       id="path1-96" /></g></svg>
--- a/web/themes/erabletheme/assets/shapes/shape_2.svg
+++ b/web/themes/erabletheme/assets/shapes/shape_2.svg
@@ -1 +1,20 @@
-<svg width="246.591" xmlns="http://www.w3.org/2000/svg" height="246.879" viewBox="8155 1982 246.591 246.879" fill="none"><path d="M8256.909 1982.503c76.411 8.718 66.157-14.28 112 36 36.824 40.387 2.098 33.617 12 100 8.098 54.284 31.324 71.301 15 81-75.676 44.968-62.248 32.62-153 1-56.582-19.714-40.462-17.852-68-78-23.129-50.519-26.519-38.204-8-88 11.481-30.87 16.98-12.188 53-33 23.98-13.855 14.077-21.615 37-19Z" style="fill: rgb(177, 178, 181); fill-opacity: 1;" class="fills"/></svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="5.1043558mm"
+   height="5.6061544mm"
+   viewBox="0 0 5.1043558 5.6061544"
+   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" /><g
+     id="layer1"
+     transform="translate(-136.40182,-51.57774)"><path
+       d="m 141.39826,55.206408 q -0.27751,1.03076 -1.50649,1.70472 -1.22898,0.67395 -2.33903,-0.31716 -1.11005,-0.99112 -1.14969,-2.45797 -0.0396,-1.46684 1.18933,-2.18044 1.22898,-0.71361 2.2201,-0.0793 0.99111,0.63431 1.4272,1.46685 0.43609,0.83253 0.15858,1.86329 z"
+       stroke="none"
+       stroke-width="0"
+       fill="#c1c1c2"
+       id="path9" /></g></svg>
--- a/web/themes/erabletheme/assets/shapes/shape_3.svg
+++ b/web/themes/erabletheme/assets/shapes/shape_3.svg
@@ -1 +1,20 @@
-<svg width="230.664" xmlns="http://www.w3.org/2000/svg" height="241.787" viewBox="7868 2259 230.664 241.787" fill="none"><path d="M7963.867 2265.939c58.528-9.681 50.845-14.68 94 23 46.178 40.32 38.587 30.769 40 94 1.253 56.102 5.89 49.362-36 85-47.444 40.362-34.76 34.359-98 29-54.76-4.641-56.58.554-79-44-29.58-58.779-14.343-40.179 1-111 3.183-14.695 10.234-4.116 26.788-17.274 9.446-7.509 4.162-4.495 12.212-13.726 26.091-29.92 8.862-40.015 39-45Z" style="fill: rgb(177, 178, 181); fill-opacity: 1;" class="fills"/></svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="5.7501011mm"
+   height="5.6396027mm"
+   viewBox="0 0 5.7501011 5.6396027"
+   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" /><g
+     id="layer1"
+     transform="translate(-158.23128,-37.392017)"><path
+       d="m 163.6097,41.86311 q -0.59466,1.03076 -1.70471,1.14969 -1.11005,0.11894 -1.94259,-0.51538 -0.83253,-0.63431 -1.50649,-1.98223 -0.67395,-1.34791 0.67396,-2.41832 1.34791,-1.0704 2.85441,-0.51537 1.50649,0.55502 1.86329,1.90294 0.3568,1.34791 -0.23787,2.37867 z"
+       stroke="none"
+       stroke-width="0"
+       fill="#525253"
+       id="path46" /></g></svg>
--- a/web/themes/erabletheme/assets/shapes/shape_4.svg
+++ b/web/themes/erabletheme/assets/shapes/shape_4.svg
@@ -1 +1,20 @@
-<svg width="219.442" xmlns="http://www.w3.org/2000/svg" height="223.162" viewBox="8214 2263 219.442 223.162" fill="none"><path d="M8285.563 2265.424c70.579-3.629 54.165-9.494 108 36 40.831 34.506 28.952 26.455 34 84 4.952 56.455 16.723 53.83-19 87-29.611 27.496-26.449 5.468-79 4-66.782-1.865-64.362 27.389-100-9-27.695-28.278 9.074-29.852 5-88-3.259-46.519-31.368-34.647-16-69 18.632-41.647 20.913-42.629 67-45Z" style="fill: rgb(177, 178, 181); fill-opacity: 1;" class="fills"/></svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="5.7577076mm"
+   height="5.5253091mm"
+   viewBox="0 0 5.7577076 5.5253091"
+   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" /><g
+     id="layer1"
+     transform="translate(-168.5505,-62.321767)"><path
+       d="m 174.06006,65.979288 q -0.47573,1.22898 -1.86329,1.70471 -1.38756,0.47573 -2.61654,-0.43609 -1.22898,-0.91182 -0.99111,-2.37867 0.23786,-1.46685 1.34791,-1.94258 1.11005,-0.47574 2.41832,-0.59467 1.30827,-0.11894 1.74436,1.14969 0.43609,1.26862 -0.0397,2.49761 z"
+       stroke="none"
+       stroke-width="0"
+       fill="#101011"
+       id="path68" /></g></svg>
--- a/web/themes/erabletheme/assets/shapes/shape_5.svg
+++ b/web/themes/erabletheme/assets/shapes/shape_5.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="5.2759376mm"
+   height="5.3690038mm"
+   viewBox="0 0 5.2759376 5.3690038"
+   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" /><g
+     id="layer1"
+     transform="translate(-156.06539,-57.560824)"><path
+       d="m 160.98329,61.620358 q -0.67395,1.34792 -2.06151,1.30827 -1.38756,-0.0396 -2.14081,-0.83253 -0.75324,-0.79289 -0.7136,-1.78401 0.0397,-0.99111 0.79289,-1.78401 0.75325,-0.79288 2.18045,-0.95146 1.42721,-0.15858 2.02188,1.26862 0.59466,1.42721 -0.0793,2.77512 z"
+       stroke="none"
+       stroke-width="0"
+       fill="#2b2b2c"
+       id="path59" /></g></svg>
--- a/web/themes/erabletheme/assets/shapes/shape_6.svg
+++ b/web/themes/erabletheme/assets/shapes/shape_6.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="5.5102415mm"
+   height="5.463378mm"
+   viewBox="0 0 5.5102415 5.463378"
+   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" /><g
+     id="layer1"
+     transform="translate(-178.8088,-30.780204)"><path
+       d="m 183.89626,34.93892 q -0.63431,0.87218 -1.62542,1.18933 -0.99112,0.31716 -2.06152,-0.23786 -1.0704,-0.55503 -1.34792,-1.98223 -0.2775,-1.42721 0.91183,-2.45797 1.18934,-1.03075 2.65619,-0.47573 1.46684,0.55502 1.784,1.82365 0.31716,1.26863 -0.31716,2.14081 z"
+       stroke="none"
+       stroke-width="0"
+       fill="#858586"
+       id="path29" /></g></svg>
--- a/web/themes/erabletheme/css/styles.css
+++ b/web/themes/erabletheme/css/styles.css
@@ -59,7 +59,11 @@ a {
    }
 } */
 body {
-  background-color: lightgrey;
+  overflow-x: hidden;
+}
+body > div:first-of-type {
+  position: relative;
+  z-index: 1;
 }

 .layout-container {
@@ -334,8 +338,10 @@ body.toolbar-fixed header[role=banner] {
  opacity: 1;
 }
 .layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(1),
-.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(2),
-.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(6) {
+.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(6),
+.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(7),
+.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(8),
+.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(9) {
  border-bottom: solid 1px white;
  padding: 12px 0;
 }
@@ -981,6 +987,67 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
  display: none;
 }

+#background {
+  z-index: -1;
+}
+#background img {
+  position: absolute;
+  pointer-events: none;
+}
+#background #bg-top #bg-1 {
+  top: 5vh;
+  left: 0;
+}
+#background #bg-top #bg-3 {
+  top: 13vh;
+  left: -10vw;
+}
+#background #bg-top #bg-2 {
+  top: 8vh;
+  left: -28vw;
+}
+#background #bg-top #bg-4 {
+  top: 18vh;
+  right: -45vw;
+}
+#background #bg-middle #bg-5 {
+  top: -20vh;
+  right: -10vw;
+}
+#background #bg-middle #bg-6 {
+  top: 5vh;
+  right: -5vw;
+}
+#background #bg-middle #bg-7 {
+  width: 85vw;
+  top: 10vh;
+  right: 0vw;
+}
+#background #bg-middle #bg-8 {
+  width: 80vw;
+  top: 45vh;
+  left: -40vw;
+}
+#background #bg-middle #bg-12 {
+  width: 105vw;
+  left: -5vw;
+  top: 30vh;
+}
+#background #bg-bottom #bg-11 {
+  top: -70vh;
+  right: -5vw;
+}
+#background #bg-bottom #bg-10 {
+  width: 110vw;
+  top: -150vh;
+  left: 5vw;
+}
+#background #bg-bottom #bg-4 {
+  transform: scaleX(-1);
+  top: -40vh;
+  left: -45vw;
+}
+
 /* PAGES */
 .home_introduction {
  background-color: white;
@@ -1085,6 +1152,8 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
  .home_introduction {
    display: flex;
    justify-content: space-around;
+    margin-top: 20vh;
+    margin-bottom: 20vh !important;
  }
 }

@@ -1209,6 +1278,8 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
  .map-projets {
    margin-left: 25vw;
    width: calc(100% - 50vw);
+    margin-top: 10vh;
+    margin-bottom: 10vh;
  }
 }
 .map-projets > h2 {
@@ -1634,23 +1705,25 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
 .paragraph--type--membre-equipe:first-of-type {
  margin-top: 5vh;
 }
-.paragraph--type--membre-equipe > div:first-of-type {
+.paragraph--type--membre-equipe > .portrait {
  grid-row: 1/3;
+}
+.paragraph--type--membre-equipe > .portrait > div {
  display: flex;
  align-items: center;
 }
-.paragraph--type--membre-equipe > div:first-of-type > div {
+.paragraph--type--membre-equipe > .portrait > div > div {
  width: 20vw;
  height: 20vw;
  position: relative;
 }
-.paragraph--type--membre-equipe > div:first-of-type > div img {
+.paragraph--type--membre-equipe > .portrait > div > div img {
  border-radius: 10vw;
  width: 100%;
  height: 100%;
  object-fit: cover;
 }
-.paragraph--type--membre-equipe > div:first-of-type > div::after {
+.paragraph--type--membre-equipe > .portrait > div > div::after {
  top: 0;
  left: 0;
  position: absolute;
@@ -1662,48 +1735,48 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
  display: block;
  pointer-events: none;
 }
-.paragraph--type--membre-equipe > div:nth-of-type(2),
-.paragraph--type--membre-equipe > div:nth-of-type(3) {
-  margin-bottom: 2vh;
+.paragraph--type--membre-equipe > .prenom,
+.paragraph--type--membre-equipe > .nom {
  align-self: flex-end;
+  margin-bottom: 2vh;
  font-family: "Marianne", sans-serif;
  font-size: 0.9rem;
  color: #038788;
  font-weight: 800;
 }
@media (min-width: 760px) {
-  .paragraph--type--membre-equipe > div:nth-of-type(2),
-  .paragraph--type--membre-equipe > div:nth-of-type(3) {
+  .paragraph--type--membre-equipe > .prenom,
+  .paragraph--type--membre-equipe > .nom {
    font-size: 1.2rem;
  }
 }
-.paragraph--type--membre-equipe > div:nth-of-type(3) {
+.paragraph--type--membre-equipe > .nom > div {
  padding-left: 0.5rem;
 }
-.paragraph--type--membre-equipe > div:last-of-type {
+.paragraph--type--membre-equipe > .texte {
  grid-column: 2/4;
  font-family: "Marianne", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
 }
-.paragraph--type--membre-equipe > div:last-of-type > div > p {
+.paragraph--type--membre-equipe > .texte p {
  margin-top: 0 !important;
-  padding-left: 0;
+  padding-left: 0 !important;
 }
@media (min-width: 760px) {
  .paragraph--type--membre-equipe {
    grid-template-columns: 10vw auto 1fr;
  }
-  .paragraph--type--membre-equipe > div:first-of-type > div {
+  .paragraph--type--membre-equipe > .portrait > div > div {
    width: 10vw;
    height: 10vw;
    border-radius: 5vw;
  }
-  .paragraph--type--membre-equipe > div:nth-of-type(2) {
+  .paragraph--type--membre-equipe > .prenom {
    padding-left: 3vw;
  }
-  .paragraph--type--membre-equipe > div:last-of-type > div > p {
-    padding-left: 3vw;
+  .paragraph--type--membre-equipe > .texte p {
+    padding-left: 3vw !important;
  }
 }

@@ -2392,12 +2465,16 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
  }
 }
 .layout-content .fullpage.projets > .intro_map > header {
-  margin-right: 5vw;
  padding: 0 3vw;
  font-family: "Marianne", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
 }
+@media (min-width: 1080px) {
+  .layout-content .fullpage.projets > .intro_map > header {
+    max-width: 55vw;
+  }
+}
 .layout-content .fullpage.projets > .intro_map > header h1, .layout-content .fullpage.projets > .intro_map > header h2, .layout-content .fullpage.projets > .intro_map > header h3,
 .layout-content .fullpage.projets > .intro_map > header h4, .layout-content .fullpage.projets > .intro_map > header h5, .layout-content .fullpage.projets > .intro_map > header h6 {
  padding: 0 !important;
@@ -2436,12 +2513,16 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
    width: 100%;
  }
 }
+.layout-content .fullpage.projets > .intro_map > header p {
+  margin-bottom: 1rem;
+}
 .layout-content .fullpage.projets > .intro_map .projets_intro {
  display: none;
 }
 .layout-content .fullpage.projets > .intro_map #sites-map-container {
  width: 70%;
  padding: 0 !important;
+  padding-bottom: 5vh !important;
 }
@media screen and (min-width: 760px) {
  .layout-content .fullpage.projets > .intro_map #sites-map-container {
@@ -2450,8 +2531,10 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
 }
@media (min-width: 1080px) {
  .layout-content .fullpage.projets > .intro_map #sites-map-container {
-    margin-right: 8vw !important;
-    width: 85%;
+    margin: 0 2vw;
+    margin-right: 3vw;
+    margin-top: 5vh;
+    padding-bottom: 0;
  }
 }
 .layout-content .fullpage.projets > .intro_map #sites-map-container #popup h3 {
@@ -2494,38 +2577,40 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  grid-template-rows: repeat(4, auto);
+  grid-column-gap: 1rem;
 }
 .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama {
  grid-column: 1;
-  grid-row: 1/5;
+  grid-row: 1/4;
  align-self: start;
+  overflow: hidden;
+  height: 100%;
 }
 .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content {
-  width: 8rem;
-  height: 8rem;
+  display: block;
+  width: 100%;
+  height: 100%;
 }
 .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a {
  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  display: block;
+  height: auto;
  display: flex;
-  align-items: center;
+  align-items: start;
  justify-content: center;
-}
-.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a img {
-  width: 100%;
-  height: 100%;
  mask-image: url("/themes/erabletheme/assets/shapes/shape_1.svg");
  mask-repeat: no-repeat;
-  mask-size: 100% 100%;
+  mask-size: 100% auto;
  mask-position: center;
-  object-fit: cover;
+}
+.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a img {
+  width: 170%;
+  height: auto;
 }
 .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title {
  grid-column: 2;
  grid-row: 1;
  margin-bottom: 1rem;
+  margin-left: -1rem;
  font-family: "Marianne", sans-serif;
  font-size: 0.9rem;
  color: #038788;
@@ -2545,6 +2630,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
  font-size: 1.1rem !important;
  margin-bottom: 1rem;
  line-height: 1.3;
+  font-size: 0.9rem !important;
  font-family: "Barlow", sans-serif;
  color: black;
  font-size: 1.2rem;
@@ -2561,6 +2647,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
  grid-column: 2;
  grid-row: 3;
  margin-bottom: 1rem;
+  margin-left: -0.5rem;
  font-family: "Marianne", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
@@ -2569,8 +2656,9 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
  color: black;
 }
 .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-th {
-  grid-column: 2;
+  grid-column: 1/3;
  grid-row: 4;
+  padding-left: 1rem;
 }
 .layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-th ul li {
  display: inline-block;
@@ -2642,6 +2730,9 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
  color: black;
  padding: 0.2rem 0.4rem;
 }
+.fullpage.projet_full .intro > div > div:first-of-type {
+  display: none;
+}
 .fullpage.projet_full .diapo {
  margin-top: 3rem;
  margin-left: 9vw;
@@ -2737,7 +2828,8 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
 }
 .fullpage.projet_full .carte {
  width: auto;
-  margin: 4rem 3vw;
+  margin: 0 3vw;
+  margin-top: 4rem;
 }
 .fullpage.projet_full .carte .leaflet-pane path {
  stroke: #00ff80;
@@ -2745,9 +2837,34 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
  fill: #00ff80;
  fill-opacity: 0.2;
 }
+.fullpage.projet_full .carte #leaflet-popup {
+  position: fixed;
+  padding: 0.3rem 0.8rem;
+  background-color: white;
+  font-size: 0.8rem !important;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  font-family: "Marianne", sans-serif;
+  font-size: 1rem;
+  line-height: 1.4;
+}
+.fullpage.projet_full .libelles-carte {
+  display: none;
+}
+.fullpage.projet_full .legende-carte > div > div:first-of-type {
+  display: none;
+}
+.fullpage.projet_full .legende-carte p {
+  margin-top: 1rem !important;
+  font-size: 0.8rem !important;
+  opacity: 0.7;
+}
 .fullpage.projet_full .chronologie {
  display: none;
 }
+.fullpage.projet_full .equipe {
+  margin-top: 4rem;
+}
 .fullpage.projet_full .equipe > div > div:first-of-type {
  margin-left: 3vw;
  margin-bottom: 2rem;
@@ -2781,13 +2898,13 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
 .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div {
  display: grid;
  grid-template-columns: 1fr;
-  grid-row-gap: 1rem;
-  grid-column-gap: 4rem;
+  grid-row-gap: 2rem;
+  grid-column-gap: 1.5rem;
  width: 75%;
 }
@media screen and (min-width: 760px) {
  .fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div {
-    grid-template-columns: repeat(2, 1fr);
+    grid-template-columns: repeat(3, 1fr);
    width: unset;
  }
 }
@@ -2807,45 +2924,37 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
  grid-column-gap: 0;
  flex-direction: column;
 }
-.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:first-of-type {
-  grid-column: 1/span 2;
-  grid-row: 1;
-  margin: 0;
-  padding: 0;
-  display: block;
-  width: 5rem;
-  height: 5rem;
-  margin-bottom: 0.75rem;
+.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .portrait {
+  display: none;
 }
-.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:first-of-type > div {
-  width: 5rem;
-  height: 5rem;
-}
-.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:first-of-type > div > img {
-  width: 5rem;
-  height: auto;
-}
-.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:nth-of-type(2) {
+.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .nom {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  padding: 0;
-  margin-left: 0.3rem;
+  color: black;
+  font-size: 0.9rem;
 }
-.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:nth-of-type(3) {
+.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .nom > div {
+  padding-left: 0.2rem !important;
+}
+.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .prenom {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  padding: 0;
+  color: black;
+  font-size: 0.9rem;
 }
-.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:nth-of-type(4) {
+.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .texte {
  margin-top: 0.5rem;
  grid-column: 1/span 2;
  grid-row: 3;
 }
-.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:nth-of-type(4) p {
-  margin: 0;
-  padding: 0;
+.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .texte p {
+  font-size: 0.9rem;
+  margin: 0 !important;
+  padding: 0 !important;
 }
 .fullpage.projet_full .liens > div > div,
 .fullpage.projet_full .file_fixed > div > div {
--- a/web/themes/erabletheme/css/styles.css.map
+++ b/web/themes/erabletheme/css/styles.css.map
--- a/web/themes/erabletheme/js/erabletheme.js
+++ b/web/themes/erabletheme/js/erabletheme.js
@@ -182,8 +182,8 @@
        }

        let imgs = document.querySelectorAll('.fullpage img');
-        let meetup = document.querySelector('.meetup_list');
-        if (!meetup) {
+        let isActus = document.querySelector('.retour_actus');
+        if (isActus) {
          for (let img of imgs) {
            if (img.height > img.width) {
              img.parentElement.style.padding = '0 12vw';
@@ -284,9 +284,6 @@
          const contentPage = document.querySelector('.projet_full');
          const contentPageTitle = contentPage.querySelector('h2').innerText;

-          console.log(itemTitle, contentPageTitle);
-
-
          if (itemTitle.toLowerCase() === contentPageTitle.toLowerCase()) {
            item.querySelector('a').classList.add('is-active');
          }
@@ -299,27 +296,115 @@

      if (document.querySelector('.projets_list')) {
        const projets = document.querySelectorAll('.projets_list > .views-row');
-        const shapesAmount = 4;
+        const shapesAmount = 6;
        for (let i = 0; i < projets.length; i++) {
          const randomShape = Math.floor(Math.random() * shapesAmount) + 1;
-          const img = projets[i].querySelector('img');
-          img.style.maskImage = `url('/themes/erabletheme/assets/shapes/shape_${randomShape}.svg')`;
+          if (projets[i].querySelector('img')) {
+            const img = projets[i].querySelector('a');
+            img.style.maskImage = `url('/themes/erabletheme/assets/shapes/shape_${randomShape}.svg')`;
+          }
        }
      }

+      //
+      // set bg middle placement
+      //
+
+      setBgMiddlePlacement();
+      setBgBottomPlacement();
+
+      window.addEventListener('resize', () => {
+        setBgMiddlePlacement();
+        setBgBottomPlacement();
+      });
+
+      function setBgMiddlePlacement() {
+        const bgMiddleImgs = document.querySelectorAll('#bg-middle img');
+        const carousel = document.querySelector('.carousel_container');
+        const pageHeight = document.documentElement.scrollHeight;
+        for (let img of bgMiddleImgs) {
+          if (carousel) {
+            img.style.paddingTop = `${carousel.offsetHeight}px`;
+          } else {
+            img.style.paddingTop = `${pageHeight / 2}px`;
+          }
+        }
+        if (pageHeight < 2000) {
+          const bgMiddle = document.querySelector('#bg-middle');
+          bgMiddle.style.display = 'none';
+        }
+      }
+
+      function setBgBottomPlacement() {
+        const bgBottomImgs = document.querySelectorAll('#bg-bottom img');
+        const pageHeight = document.documentElement.scrollHeight;
+        console.log(pageHeight);
+
+        for (let img of bgBottomImgs) {
+          img.style.paddingTop = `${pageHeight}px`;
+        }
+      }
+
+
    }
  }

-  //
-  // on projects pages, replace leaflet icons with erable leafs
-  //
  Drupal.behaviors.customLeafletInteraction = {
    attach: function (context, settings) {
      $(context).on('leafletMapInit', function (e, settings, map, mapid, markers) {
-          const leafletIcons = document.querySelectorAll('.leaflet-marker-pane img');
-          for (let icon of leafletIcons) {
-            icon.setAttribute('src', '/themes/erabletheme/assets/leaf.svg');
-          }
+        //
+        // on projects pages, replace leaflet icons with erable leafs
+        //
+        const leafletIcons = document.querySelectorAll('.leaflet-marker-pane img');
+        for (let icon of leafletIcons) {
+          icon.setAttribute('src', '/themes/erabletheme/assets/leaf.svg');
+        }
+
+        //
+        // set hover on leaflet marker and zones
+        //
+
+        const leafletPlaces = document.querySelectorAll('.leaflet-marker-pane img, .leaflet-overlay-pane path');
+        const libelles = document.querySelectorAll('.libelles-carte > div > div > div');
+        console.log(leafletPlaces);
+        console.log(libelles);
+
+
+        for (let i = 0; i < leafletPlaces.length; i++) {
+          const carte = document.querySelector('.carte');
+
+          leafletPlaces[i].addEventListener('mouseenter', () => {
+            console.log("entre")
+            let div = document.createElement('div');
+            div.setAttribute('id', 'leaflet-popup');
+            div.style.zIndex = '100';
+            const x = leafletPlaces[i].getBoundingClientRect().left + leafletPlaces[i].getBoundingClientRect().width / 2;
+            const y = leafletPlaces[i].getBoundingClientRect().top;
+            setTimeout(() => {
+              div.style.opacity = 1;
+              const divHeight = div.getBoundingClientRect().height;
+              const divWidth = div.getBoundingClientRect().width;
+              setTimeout(() => {
+                div.style.left = `${x - divWidth / 2}px`;
+                div.style.top = `${y - divHeight}px`;
+              }, 10);
+            }, 10);
+
+            div.innerText = libelles[i].innerText;
+
+            carte.appendChild(div);
+          });
+          leafletPlaces[i].addEventListener('mouseleave', () => {
+            console.log("sort")
+            let divs = document.querySelectorAll('#leaflet-popup');
+            for (let div of divs) {
+              div.style.opacity = 0;
+              setTimeout(() => {
+                div.remove();
+              }, 300);
+            }
+          });
+        }

      });
    }
--- a/web/themes/erabletheme/scss/_gouvernance.scss
+++ b/web/themes/erabletheme/scss/_gouvernance.scss
@@ -8,68 +8,70 @@
  &:first-of-type {
    margin-top: 5vh;
  }
-  > div:first-of-type {
-      grid-row: 1 / 3;
-      display: flex;
-      align-items: center;
-      > div {
-          width: 20vw;
-          height: 20vw;
-          position: relative;
-          img {
-            border-radius: 10vw;
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-          }
-          &::after {
-            top: 0;
-            left: 0;
-            position: absolute;
-            content: '';
-            height: 100%;
-            width: 100%;
-            background-image: url('/themes/erabletheme/assets/cercle_dessin.svg');
-            background-size: cover;
-            display: block;
-            pointer-events: none;
-          }
-      }
+  > .portrait {
+    grid-row: 1 / 3;
+    > div {
+        display: flex;
+        align-items: center;
+        > div {
+            width: 20vw;
+            height: 20vw;
+            position: relative;
+            img {
+              border-radius: 10vw;
+              width: 100%;
+              height: 100%;
+              object-fit: cover;
+            }
+            &::after {
+              top: 0;
+              left: 0;
+              position: absolute;
+              content: '';
+              height: 100%;
+              width: 100%;
+              background-image: url('/themes/erabletheme/assets/cercle_dessin.svg');
+              background-size: cover;
+              display: block;
+              pointer-events: none;
+            }
+        }
+    }
  }

-  > div:nth-of-type(2),
-  > div:nth-of-type(3) {
-    margin-bottom: 2vh;
+  > .prenom,
+  > .nom {
    align-self: flex-end;
+    margin-bottom: 2vh;
    @include sous_titre();
  }

-  > div:nth-of-type(3) {
+  > .nom > div {
      padding-left: 0.5rem;
  }

-  > div:last-of-type {
+  > .texte {
    grid-column: 2 / 4;
    @include main_text_content();
-    > div > p {
+    p {
      margin-top: 0 !important;
-      padding-left: 0;
+      padding-left: 0 !important;
    }
  }
  @media (min-width: $breakpoint_tablet) {
    grid-template-columns: 10vw auto 1fr;
-    > div:first-of-type > div {
+    > .portrait > div > div {
      width: 10vw;
      height: 10vw;
      border-radius: 5vw;
    }

-    > div:nth-of-type(2) {
+    > .prenom {
      padding-left: 3vw;
    }

-    > div:last-of-type > div > p {
-      padding-left: 3vw;
+    > .texte p {
+      padding-left: 3vw !important;
    }
  }

--- a/web/themes/erabletheme/scss/_home.scss
+++ b/web/themes/erabletheme/scss/_home.scss
@@ -67,6 +67,8 @@
  @media (min-width: $breakpoint_desktop) {
    display: flex;
    justify-content: space-around;
+    margin-top: 20vh;
+    margin-bottom: 20vh !important;
  }
 }

@@ -138,6 +140,8 @@
  @media (min-width: $breakpoint_desktop) {
    margin-left: 25vw;
    width: calc(100% - 50vw);
+    margin-top: 10vh;
+    margin-bottom: 10vh;
  }
  > h2 {
    @include main_title();
--- a/web/themes/erabletheme/scss/_projets.scss
+++ b/web/themes/erabletheme/scss/_projets.scss
@@ -6,9 +6,12 @@
      flex-direction: row;
    }
    > header {
-      margin-right: 5vw;
+      //margin-right: 5vw;
      padding: 0 3vw;
      @include main_text_content();
+      @media (min-width: $breakpoint_desktop) {
+        max-width: 55vw;
+      }
      h1, h2, h3,
      h4, h5, h6 {
        padding: 0 !important;
@@ -24,6 +27,9 @@
          width: 100%;
        }
      }
+      p {
+        margin-bottom: 1rem;
+      }
    }
    .projets_intro {
      display: none;
@@ -31,12 +37,17 @@
    #sites-map-container {
      width: 70%;
      padding: 0 !important;
+      padding-bottom: 5vh !important;
      @media screen and (min-width: $breakpoint_tablet) {
        width: 50%;
      }
      @media (min-width: $breakpoint_desktop) {
-        margin-right: 8vw !important;
-        width: 85%;
+        //margin-right: 8vw !important;
+        margin: 0 2vw;
+        margin-right: 3vw;
+        margin-top: 5vh;
+        padding-bottom: 0;
+        //width: 85%;
      }
      #popup {
        h3 {
@@ -67,29 +78,31 @@
      display: grid;
      grid-template-columns: 0.5fr 1fr;
      grid-template-rows: repeat(4, auto);
+      grid-column-gap: 1rem;
      > .views-field-field-diaporama {
        grid-column: 1;
-        grid-row: 1/5;
+        grid-row: 1/4;
        align-self: start;
+        overflow: hidden;
+        height: 100%;
        > .field-content {
-          width: 8rem;
-          height: 8rem;
+          display: block;
+          width: 100%;
+          height: 100%;
          > a {
            width: 100%;
-            height: 100%;
-            overflow: hidden;
-            display: block;
+            height: auto;
            display: flex;
-            align-items: center;
+            align-items: start;
            justify-content: center;
+            mask-image: url('/themes/erabletheme/assets/shapes/shape_1.svg');
+            mask-repeat: no-repeat;
+            mask-size: 100% auto;
+            mask-position: center;
            img {
-              width: 100%;
-              height: 100%;
-              mask-image: url('/themes/erabletheme/assets/shapes/shape_1.svg');
-              mask-repeat: no-repeat;
-              mask-size: 100% 100%;
-              mask-position: center;
-              object-fit: cover;
+              width: 170%;
+              height: auto;
+              //object-fit: cover;
            }
          }
        }
@@ -98,6 +111,7 @@
        grid-column: 2;
        grid-row: 1;
        margin-bottom: 1rem;
+        margin-left: -1rem;
        a {
          color: $teal;
        }
@@ -109,6 +123,7 @@
        font-size: 1.1rem !important;
        margin-bottom: 1rem;
        line-height: 1.3;
+        font-size: $m_font_size !important;
        a {
          color: black;
        }
@@ -118,14 +133,16 @@
        grid-column: 2;
        grid-row: 3;
        margin-bottom: 1rem;
+        margin-left: -0.5rem;
        @include main_text_content();
        a {
          color: black;
        }
      }
      > .views-field-field-th {
-        grid-column: 2;
+        grid-column: 1/3;
        grid-row: 4;
+        padding-left: 1rem;
        ul {
          li {
            display: inline-block;
@@ -192,6 +209,11 @@
      }
    }
  }
+  .intro {
+    > div > div:first-of-type {
+      display: none;
+    }
+  }
  .diapo {
    margin-top: 3rem;
    margin-left: calc($x_margin * 3);
@@ -278,7 +300,8 @@
  }
  .carte {
    width: auto;
-    margin: 4rem $x_margin;
+    margin: 0 $x_margin;
+    margin-top: 4rem;
    .leaflet-pane {
      path {
        stroke: $fluo_green;
@@ -287,11 +310,34 @@
        fill-opacity: 0.2;
      }
    }
+    #leaflet-popup {
+      position: fixed;
+      padding: 0.3rem 0.8rem;
+      background-color: white;
+      font-size: $sm_font_size !important;
+      opacity: 0;
+      transition: opacity 0.3s ease;
+      @include main_text_content();
+    }
+  }
+  .libelles-carte {
+    display: none;
+  }
+  .legende-carte {
+    > div > div:first-of-type {
+      display: none;
+    }
+    p {
+      margin-top: 1rem !important;
+      font-size: 0.8rem !important;
+      opacity: 0.7;
+    }
  }
  .chronologie {
    display: none;
  }
  .equipe {
+    margin-top: 4rem;
    > div {
      > div:first-of-type {
        margin-left: $x_margin;
@@ -313,11 +359,11 @@
              > div {
                display: grid;
                grid-template-columns: 1fr;
-                grid-row-gap: 1rem;
-                grid-column-gap: 4rem;
+                grid-row-gap: 2rem;
+                grid-column-gap: 1.5rem;
                width: 75%;
                @media screen and (min-width: $breakpoint_tablet) {
-                  grid-template-columns: repeat(2, 1fr);
+                  grid-template-columns: repeat(3, 1fr);
                  width: unset;
                }
                > div {
@@ -332,44 +378,36 @@
                    grid-template-columns: auto 1fr;
                    grid-column-gap: 0;
                    flex-direction: column;
-                    > div:first-of-type {
-                      grid-column: 1 / span 2;
-                      grid-row: 1;
-                      margin: 0;
-                      padding: 0;
-                      display: block;
-                      width: 5rem;
-                      height: 5rem;
-                      margin-bottom: 0.75rem;
-                      > div {
-                        width: 5rem;
-                        height: 5rem;
-                        > img {
-                          width: 5rem;
-                          height: auto;
-                        }
-                      }
+                    > .portrait {
+                      display: none;
                    }
-                    > div:nth-of-type(2) {
+                    > .nom {
                      grid-column: 2;
                      grid-row: 2;
                      margin: 0;
                      padding: 0;
-                      margin-left: 0.3rem;
+                      color: black;
+                      font-size: $m_font_size;
+                      > div {
+                        padding-left: 0.2rem !important;
+                      }
                    }
-                    > div:nth-of-type(3) {
+                    > .prenom {
                      grid-column: 1;
                      grid-row: 2;
                      margin: 0;
                      padding: 0;
+                      color: black;
+                      font-size: $m_font_size;
                    }
-                    > div:nth-of-type(4) {
+                    > .texte {
                      margin-top: 0.5rem;
                      grid-column: 1 / span 2;
                      grid-row: 3;
                      p {
-                        margin: 0;
-                        padding: 0;
+                        font-size: $m_font_size;
+                        margin: 0 !important;
+                        padding: 0 !important;
                      }
                    }
                  }
@@ -391,7 +429,3 @@
    }
  }
 }
-
-#block-erabletheme-views-block-projets-block-1 {
-  // display: none;
-}
--- a/web/themes/erabletheme/scss/global/_global.scss
+++ b/web/themes/erabletheme/scss/global/_global.scss
@@ -5,9 +5,13 @@
        margin-top: calc(10vh + 3rem);
    }
 } */
-
 body {
-  background-color: lightgrey;
+  //background-color: lightgrey;
+  > div:first-of-type {
+    position: relative;
+    z-index: 1;
+  }
+  overflow-x: hidden;
 }

 .layout-container {
--- a/web/themes/erabletheme/scss/partials/_background.scss
+++ b/web/themes/erabletheme/scss/partials/_background.scss
@@ -0,0 +1,67 @@
+#background {
+  z-index: -1;
+  img {
+    position: absolute;
+    pointer-events: none;
+  }
+  #bg-top {
+    #bg-1 {
+      top: 5vh;
+      left: 0;
+    }
+    #bg-3 {
+      top: 13vh;
+      left: -10vw;
+    }
+    #bg-2 {
+      top: 8vh;
+      left: -28vw;
+    }
+    #bg-4 {
+      top: 18vh;
+      right: -45vw;
+    }
+
+  }
+  #bg-middle {
+    #bg-5 {
+      top: -20vh;
+      right: -10vw;
+    }
+    #bg-6 {
+      top: 5vh;
+      right: -5vw;
+    }
+    #bg-7 {
+      width: 85vw;
+      top: 10vh;
+      right: 0vw;
+    }
+    #bg-8 {
+      width: 80vw;
+      top: 45vh;
+      left: -40vw;
+    }
+    #bg-12 {
+      width: 105vw;
+      left: -5vw;
+      top: 30vh;
+    }
+  }
+  #bg-bottom {
+    #bg-11 {
+      top: -70vh;
+      right: -5vw;
+    }
+    #bg-10 {
+      width: 110vw;
+      top: -150vh;
+      left: 5vw;
+    }
+    #bg-4 {
+      transform: scaleX(-1);
+      top: -40vh;
+      left: -45vw;
+    }
+  }
+}
--- a/web/themes/erabletheme/scss/partials/_header.scss
+++ b/web/themes/erabletheme/scss/partials/_header.scss
@@ -227,8 +227,10 @@ body.toolbar-fixed header[role="banner"] {
                        opacity: 1;
                    }
                    > li:nth-of-type(1),
-                    > li:nth-of-type(2),
-                    > li:nth-of-type(6) {
+                    > li:nth-of-type(6),
+                    > li:nth-of-type(7),
+                    > li:nth-of-type(8),
+                    > li:nth-of-type(9) {
                        border-bottom: solid 1px white;
                        padding: 12px 0;
                    }
--- a/web/themes/erabletheme/scss/styles.scss
+++ b/web/themes/erabletheme/scss/styles.scss
@@ -13,6 +13,7 @@
@import "partials/_articles";
@import "partials/_articles_teaser";
@import "partials/_forms.scss";
+@import "partials/_background.scss";

 /* PAGES */

--- a/web/themes/erabletheme/templates/html.html.twig
+++ b/web/themes/erabletheme/templates/html.html.twig
@@ -44,6 +44,26 @@
    {{ page_top }}
    {{ page }}
    {{ page_bottom }}
+    <div id="background">
+      <div id="bg-top">
+        <img src="/themes/erabletheme/assets/bg-shapes/bg-1.svg" aria-hidden="true" alt="bg shape" id="bg-1">
+        <img src="/themes/erabletheme/assets/bg-shapes/bg-3.svg" aria-hidden="true" alt="bg shape" id="bg-3">
+        <img src="/themes/erabletheme/assets/bg-shapes/bg-2.svg" aria-hidden="true" alt="bg shape" id="bg-2">
+        <img src="/themes/erabletheme/assets/bg-shapes/bg-4.svg" aria-hidden="true" alt="bg shape" id="bg-4">
+      </div>
+      <div id="bg-middle">
+        <img src="/themes/erabletheme/assets/bg-shapes/bg-8.svg" aria-hidden="true" alt="bg shape" id="bg-8">
+        <img src="/themes/erabletheme/assets/bg-shapes/bg-6.svg" aria-hidden="true" alt="bg shape" id="bg-6">
+        <img src="/themes/erabletheme/assets/bg-shapes/bg-7.svg" aria-hidden="true" alt="bg shape" id="bg-7">
+        <img src="/themes/erabletheme/assets/bg-shapes/bg-5.svg" aria-hidden="true" alt="bg shape" id="bg-5">
+        <img src="/themes/erabletheme/assets/bg-shapes/bg-12.png" aria-hidden="true" alt="bg shape" id="bg-12">
+      </div>
+      <div id="bg-bottom">
+        <img src="/themes/erabletheme/assets/bg-shapes/bg-11.svg" aria-hidden="true" alt="bg shape" id="bg-11">
+        <img src="/themes/erabletheme/assets/bg-shapes/bg-10.svg" aria-hidden="true" alt="bg shape" id="bg-10">
+        <img src="/themes/erabletheme/assets/bg-shapes/bg-4.svg" aria-hidden="true" alt="bg shape" id="bg-4">
+      </div>
+    </div>
    <js-bottom-placeholder token="{{ placeholder_token }}">
  </body>
 </html>
--- a/web/themes/erabletheme/templates/node/projet/equipe/field--paragraph--field-nom--membre-equipe.html.twig
+++ b/web/themes/erabletheme/templates/node/projet/equipe/field--paragraph--field-nom--membre-equipe.html.twig
@@ -0,0 +1,74 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set title_classes = [
+    label_display == 'visually_hidden' ? 'visually-hidden',
+  ]
+%}
+
+<div class="nom">
+{% if label_hidden %}
+  {% if multiple %}
+    <div{{ attributes }}>
+      {% for item in items %}
+        <div{{ item.attributes }}>{{ item.content }}</div>
+      {% endfor %}
+    </div>
+  {% else %}
+    {% for item in items %}
+      <div{{ attributes }}>{{ item.content }}</div>
+    {% endfor %}
+  {% endif %}
+{% else %}
+  <div{{ attributes }}>
+    <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
+    {% if multiple %}
+      <div>
+    {% endif %}
+    {% for item in items %}
+      <div{{ item.attributes }}>{{ item.content }}</div>
+    {% endfor %}
+    {% if multiple %}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}
+</div>
--- a/web/themes/erabletheme/templates/node/projet/equipe/field--paragraph--field-portrait--membre-equipe.html.twig
+++ b/web/themes/erabletheme/templates/node/projet/equipe/field--paragraph--field-portrait--membre-equipe.html.twig
@@ -0,0 +1,74 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set title_classes = [
+    label_display == 'visually_hidden' ? 'visually-hidden',
+  ]
+%}
+
+<div class="portrait">
+{% if label_hidden %}
+  {% if multiple %}
+    <div{{ attributes }}>
+      {% for item in items %}
+        <div{{ item.attributes }}>{{ item.content }}</div>
+      {% endfor %}
+    </div>
+  {% else %}
+    {% for item in items %}
+      <div{{ attributes }}>{{ item.content }}</div>
+    {% endfor %}
+  {% endif %}
+{% else %}
+  <div{{ attributes }}>
+    <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
+    {% if multiple %}
+      <div>
+    {% endif %}
+    {% for item in items %}
+      <div{{ item.attributes }}>{{ item.content }}</div>
+    {% endfor %}
+    {% if multiple %}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}
+</div>
--- a/web/themes/erabletheme/templates/node/projet/equipe/field--paragraph--field-prenom--membre-equipe.html.twig
+++ b/web/themes/erabletheme/templates/node/projet/equipe/field--paragraph--field-prenom--membre-equipe.html.twig
@@ -0,0 +1,74 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set title_classes = [
+    label_display == 'visually_hidden' ? 'visually-hidden',
+  ]
+%}
+
+<div class="prenom">
+{% if label_hidden %}
+  {% if multiple %}
+    <div{{ attributes }}>
+      {% for item in items %}
+        <div{{ item.attributes }}>{{ item.content }}</div>
+      {% endfor %}
+    </div>
+  {% else %}
+    {% for item in items %}
+      <div{{ attributes }}>{{ item.content }}</div>
+    {% endfor %}
+  {% endif %}
+{% else %}
+  <div{{ attributes }}>
+    <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
+    {% if multiple %}
+      <div>
+    {% endif %}
+    {% for item in items %}
+      <div{{ item.attributes }}>{{ item.content }}</div>
+    {% endfor %}
+    {% if multiple %}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}
+</div>
--- a/web/themes/erabletheme/templates/node/projet/equipe/field--paragraph--field-texte--membre-equipe.html.twig
+++ b/web/themes/erabletheme/templates/node/projet/equipe/field--paragraph--field-texte--membre-equipe.html.twig
@@ -0,0 +1,74 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set title_classes = [
+    label_display == 'visually_hidden' ? 'visually-hidden',
+  ]
+%}
+
+<div class="texte">
+{% if label_hidden %}
+  {% if multiple %}
+    <div{{ attributes }}>
+      {% for item in items %}
+        <div{{ item.attributes }}>{{ item.content }}</div>
+      {% endfor %}
+    </div>
+  {% else %}
+    {% for item in items %}
+      <div{{ attributes }}>{{ item.content }}</div>
+    {% endfor %}
+  {% endif %}
+{% else %}
+  <div{{ attributes }}>
+    <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
+    {% if multiple %}
+      <div>
+    {% endif %}
+    {% for item in items %}
+      <div{{ item.attributes }}>{{ item.content }}</div>
+    {% endfor %}
+    {% if multiple %}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}
+</div>
--- a/web/themes/erabletheme/templates/node/projet/field--node--field-intro--projet.html.twig
+++ b/web/themes/erabletheme/templates/node/projet/field--node--field-intro--projet.html.twig
@@ -0,0 +1,73 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set title_classes = [
+    label_display == 'visually_hidden' ? 'visually-hidden',
+  ]
+%}
+<div class="intro">
+{% if label_hidden %}
+  {% if multiple %}
+    <div{{ attributes }}>
+      {% for item in items %}
+        <div{{ item.attributes }}>{{ item.content }}</div>
+      {% endfor %}
+    </div>
+  {% else %}
+    {% for item in items %}
+      <div{{ attributes }}>{{ item.content }}</div>
+    {% endfor %}
+  {% endif %}
+{% else %}
+  <div{{ attributes }}>
+    <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
+    {% if multiple %}
+      <div>
+    {% endif %}
+    {% for item in items %}
+      <div{{ item.attributes }}>{{ item.content }}</div>
+    {% endfor %}
+    {% if multiple %}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}
+</div>
--- a/web/themes/erabletheme/templates/node/projet/field--node--field-legende-carte--projet.html.twig
+++ b/web/themes/erabletheme/templates/node/projet/field--node--field-legende-carte--projet.html.twig
@@ -0,0 +1,73 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set title_classes = [
+    label_display == 'visually_hidden' ? 'visually-hidden',
+  ]
+%}
+<div class="legende-carte">
+{% if label_hidden %}
+  {% if multiple %}
+    <div{{ attributes }}>
+      {% for item in items %}
+        <div{{ item.attributes }}>{{ item.content }}</div>
+      {% endfor %}
+    </div>
+  {% else %}
+    {% for item in items %}
+      <div{{ attributes }}>{{ item.content }}</div>
+    {% endfor %}
+  {% endif %}
+{% else %}
+  <div{{ attributes }}>
+    <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
+    {% if multiple %}
+      <div>
+    {% endif %}
+    {% for item in items %}
+      <div{{ item.attributes }}>{{ item.content }}</div>
+    {% endfor %}
+    {% if multiple %}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}
+</div>
--- a/web/themes/erabletheme/templates/node/projet/field--node--field-libelles-carte--projet.html.twig
+++ b/web/themes/erabletheme/templates/node/projet/field--node--field-libelles-carte--projet.html.twig
@@ -0,0 +1,73 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set title_classes = [
+    label_display == 'visually_hidden' ? 'visually-hidden',
+  ]
+%}
+<div class="libelles-carte">
+{% if label_hidden %}
+  {% if multiple %}
+    <div{{ attributes }}>
+      {% for item in items %}
+        <div{{ item.attributes }}>{{ item.content }}</div>
+      {% endfor %}
+    </div>
+  {% else %}
+    {% for item in items %}
+      <div{{ attributes }}>{{ item.content }}</div>
+    {% endfor %}
+  {% endif %}
+{% else %}
+  <div{{ attributes }}>
+    <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
+    {% if multiple %}
+      <div>
+    {% endif %}
+    {% for item in items %}
+      <div{{ item.attributes }}>{{ item.content }}</div>
+    {% endfor %}
+    {% if multiple %}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}
+</div>