diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index 5a9dada..2734f9d 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -120,8 +120,7 @@
   visibility: hidden; }
 
 .inter-titre {
-  color: #009ee3;
-  text-transform: uppercase; }
+  color: #009ee3; }
 
 a {
   text-decoration: none; }
@@ -130,11 +129,6 @@ a {
 /*
 @import "pages/partials/header_footer";
 @import "pages/home";*/
-.layout--threecol-25-50-25 {
-  padding-top: 2rem;
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" version="1.1"><rect x="0" y="0" width="80" height="80" transform="rotate(35) translate(430, -800) scale(15)" fill="none" stroke="rgb(0,158,227)" stroke-width="0.4px"/></svg>');
-  background-repeat: no-repeat; }
-
 .layout__region--top {
   padding-bottom: 3rem; }
   .layout__region--top .block-region-top {
@@ -142,24 +136,13 @@ a {
   .layout__region--top .block-entity-fieldnodefield-images {
     display: none;
     height: inherit; }
-  .layout__region--top .block-entity-fieldnodetitle {
-    width: 80%;
-    margin: auto; }
-    .layout__region--top .block-entity-fieldnodetitle .field--name-title {
-      font-family: 'Source Code Pro';
-      font-size: 2rem;
-      font-weight: 800;
-      color: #009ee3;
-      background-color: white;
-      text-transform: uppercase;
-      padding: 2rem 1rem 2rem 1rem; }
 
 .layout__region--first .block-region-first {
-  width: 50%;
-  float: right; }
+  display: flex;
+  justify-content: end; }
   .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
     display: flex;
-    justify-content: left;
+    width: 50%;
     padding-right: 2rem; }
     .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre {
       display: flex;
@@ -168,7 +151,7 @@ a {
       color: #09398b;
       border-bottom: 1px solid #009ee3;
       padding-bottom: 0.5rem;
-      padding-top: 0.5rem; }
+      padding-right: 1rem; }
       .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover {
         text-decoration: underline; }
 
@@ -389,6 +372,24 @@ a {
         padding-bottom: 2rem;
         margin-block-start: 0; }
 
+.node-id-20 {
+  background: url("../images/pictos/carre-contour-bleu_partenaire.svg");
+  background-repeat: no-repeat; }
+  .node-id-20 .layout__region--top {
+    padding-bottom: 3rem; }
+    .node-id-20 .layout__region--top .block-region-top {
+      height: 200px; }
+      .node-id-20 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
+        width: 80%;
+        margin: auto; }
+        .node-id-20 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
+          font-family: 'Source Code Pro';
+          font-size: 2rem;
+          font-weight: 800;
+          color: #009ee3;
+          background-color: white;
+          text-transform: uppercase; }
+
 .field--name-field-partenaires {
   padding-top: 3rem; }
   .field--name-field-partenaires .paragraph--type--partenaire {
@@ -451,6 +452,44 @@ a {
         .path-actualites .block-region-content .block-views .node-type-actualite div:first-child h2 {
           margin: 0; }
 
+.node-id-4 {
+  background: url("../images/pictos/carre-contour-bleu_programme.svg");
+  background-repeat: no-repeat; }
+  .node-id-4 .layout__region--top {
+    padding-bottom: 3rem; }
+    .node-id-4 .layout__region--top .block-region-top {
+      height: 200px; }
+      .node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
+        width: 80%;
+        margin-left: 13%; }
+        .node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
+          font-family: 'Source Code Pro';
+          font-size: 2rem;
+          font-weight: 800;
+          color: white;
+          background-color: #009ee3;
+          text-transform: uppercase;
+          padding: 2rem 1rem 2rem 1rem; }
+
+.node-id-4 {
+  background: url("../images/pictos/carre-contour-bleu_contact.svg");
+  background-repeat: no-repeat; }
+  .node-id-4 .layout__region--top {
+    padding-bottom: 3rem; }
+    .node-id-4 .layout__region--top .block-region-top {
+      height: 200px; }
+      .node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
+        width: 80%;
+        margin-left: 13%; }
+        .node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
+          font-family: 'Source Code Pro';
+          font-size: 2rem;
+          font-weight: 800;
+          color: white;
+          background-color: #009ee3;
+          text-transform: uppercase;
+          padding: 2rem 1rem 2rem 1rem; }
+
 /*partials*/
 .layout-container {
   position: relative; }
diff --git a/web/themes/custom/eql/images/pictos/carre-contour-bleu_contact.svg b/web/themes/custom/eql/images/pictos/carre-contour-bleu_contact.svg
new file mode 100644
index 0000000..a63c24b
--- /dev/null
+++ b/web/themes/custom/eql/images/pictos/carre-contour-bleu_contact.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1729.9076"
+   height="1542.5575"
+   viewBox="0 0 457.70473 408.13501"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   sodipodi:docname="carre-contour-bleu_contact.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="0.22583307"
+     inkscape:cx="1224.3557"
+     inkscape:cy="1025.0934"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     inkscape:window-x="0"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(321.89541,336.88183)">
+    <rect
+       style="fill:#ffffff;stroke:#009ee3;stroke-width:1;stroke-miterlimit:10"
+       id="rect1867"
+       width="395"
+       height="330"
+       x="-396.64142"
+       y="-622.02563"
+       transform="rotate(-12.367575)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/eql/images/pictos/carre-contour-bleu_gouvernance.svg b/web/themes/custom/eql/images/pictos/carre-contour-bleu_gouvernance.svg
new file mode 100644
index 0000000..19c1e45
--- /dev/null
+++ b/web/themes/custom/eql/images/pictos/carre-contour-bleu_gouvernance.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="2254.1101"
+   height="2122.175"
+   viewBox="0 0 596.39998 561.49216"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   sodipodi:docname="carre-contour-bleu_gouvernance.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="0.22583307"
+     inkscape:cx="527.07357"
+     inkscape:cy="375.32012"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     inkscape:window-x="0"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(137.59224,164.72754)">
+    <rect
+       style="fill:none;stroke:#009ee3;stroke-width:1.45026;stroke-miterlimit:10"
+       id="rect846"
+       width="590"
+       height="530.63019"
+       x="-216.81145"
+       y="-484.47232"
+       transform="matrix(0.86566806,0.50061843,-0.50152651,0.86514228,0,0)" />
+    <rect
+       style="fill:#ffffff;stroke:#009ee3;stroke-width:1;stroke-miterlimit:10"
+       id="rect1867"
+       width="395"
+       height="330"
+       x="-59.947247"
+       y="-158.27324"
+       transform="rotate(-12.367575)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/eql/images/pictos/carre-contour-bleu_partenaire.svg b/web/themes/custom/eql/images/pictos/carre-contour-bleu_partenaire.svg
new file mode 100644
index 0000000..4c110b6
--- /dev/null
+++ b/web/themes/custom/eql/images/pictos/carre-contour-bleu_partenaire.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1859.6678"
+   height="1859.6678"
+   viewBox="0 0 492.03713 492.03713"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   sodipodi:docname="carre-contour-bleu_partenaire.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="0.23221476"
+     inkscape:cx="850.50579"
+     inkscape:cy="1173.4827"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     inkscape:window-x="0"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(137.2971,127.25679)">
+    <rect
+       style="fill:none;stroke:#009ee3;stroke-width:1.;stroke-miterlimit:10"
+       id="rect846"
+       width="350"
+       height="320"
+       x="-18.882277"
+       y="-141.13676"
+       transform="rotate(35)" />
+    <rect
+       style="fill:#ffffff;stroke:#009ee3;stroke-width:1;stroke-miterlimit:10"
+       id="rect846-3"
+       width="264.6261"
+       height="264.62564"
+       x="-66.884071"
+       y="-216.47726"
+       transform="rotate(75)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/eql/images/pictos/carre-contour-bleu_programme.svg b/web/themes/custom/eql/images/pictos/carre-contour-bleu_programme.svg
new file mode 100644
index 0000000..cb6c372
--- /dev/null
+++ b/web/themes/custom/eql/images/pictos/carre-contour-bleu_programme.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1859.6678"
+   height="1859.6678"
+   viewBox="0 0 492.03713 492.03713"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   sodipodi:docname="carre-contour-bleu_programme.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="0.23221476"
+     inkscape:cx="850.50579"
+     inkscape:cy="1173.4827"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     inkscape:window-x="0"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(137.2971,127.25679)">
+    <rect
+       style="fill:none;stroke:#009ee3;stroke-width:1.;stroke-miterlimit:10"
+       id="rect846"
+       width="352.12128"
+       height="352.12128"
+       x="-18.882277"
+       y="-141.13676"
+       transform="rotate(35)" />
+    <rect
+       style="fill:white;stroke:#009ee3;stroke-width:1;stroke-miterlimit:10"
+       id="rect846-3"
+       width="264.6261"
+       height="264.62564"
+       x="-39.998676"
+       y="-250.01031"
+       transform="rotate(75)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/eql/scss/global/_layout.scss b/web/themes/custom/eql/scss/global/_layout.scss
index 1660693..d8ee903 100644
--- a/web/themes/custom/eql/scss/global/_layout.scss
+++ b/web/themes/custom/eql/scss/global/_layout.scss
@@ -35,5 +35,5 @@
     } 
     .inter-titre {
         color: $blue-light;
-        text-transform: uppercase;
+        // text-transform: uppercase;
     }
\ No newline at end of file
diff --git a/web/themes/custom/eql/scss/pages/_contact.scss b/web/themes/custom/eql/scss/pages/_contact.scss
new file mode 100644
index 0000000..842b473
--- /dev/null
+++ b/web/themes/custom/eql/scss/pages/_contact.scss
@@ -0,0 +1,29 @@
+.node-id-5{
+    .region-content{
+        background: url('../images/pictos/carre-contour-bleu_contact.svg');
+        background-repeat: no-repeat;
+    
+    }
+
+
+    .layout__region--top{               //bandeau titre page static
+        padding-bottom: 3rem;
+        .block-region-top{
+            height: 200px;
+            .block-entity-fieldnodetitle{
+                width: 80%;
+                margin-left: 13%;
+                .field--name-title{
+                    font-family: 'Source Code Pro';
+                    font-size: 2rem;
+                    font-weight: 800;
+                    color: $white;
+                    background-color: $blue-light;
+                    text-transform: uppercase;
+                    // padding: 2rem 1rem 2rem 1rem;
+                }
+            }
+        }
+    
+    }
+}
\ No newline at end of file
diff --git a/web/themes/custom/eql/scss/pages/_partenaires.scss b/web/themes/custom/eql/scss/pages/_partenaires.scss
index efb9fc7..aa680d7 100644
--- a/web/themes/custom/eql/scss/pages/_partenaires.scss
+++ b/web/themes/custom/eql/scss/pages/_partenaires.scss
@@ -1,4 +1,30 @@
+.node-id-20{
 
+    background: url('../images/pictos/carre-contour-bleu_partenaire.svg');
+    background-repeat: no-repeat;
+
+
+    .layout__region--top{               //bandeau titre page static
+        padding-bottom: 3rem;
+        .block-region-top{
+            height: 200px;
+            .block-entity-fieldnodetitle{
+                width: 80%;
+                margin: auto;
+                .field--name-title{
+                    font-family: 'Source Code Pro';
+                    font-size: 2rem;
+                    font-weight: 800;
+                    color: $blue-light;
+                    background-color: $white;
+                    text-transform: uppercase;
+                    // padding: 2rem 1rem 2rem 1rem;
+                }
+            }
+        }
+    
+    }
+}
 
 .field--name-field-partenaires{
     padding-top: 3rem;
diff --git a/web/themes/custom/eql/scss/pages/_programme.scss b/web/themes/custom/eql/scss/pages/_programme.scss
new file mode 100644
index 0000000..647cec4
--- /dev/null
+++ b/web/themes/custom/eql/scss/pages/_programme.scss
@@ -0,0 +1,27 @@
+.node-id-4{
+
+    background: url('../images/pictos/carre-contour-bleu_programme.svg');
+    background-repeat: no-repeat;
+
+
+    .layout__region--top{               //bandeau titre page static
+        padding-bottom: 3rem;
+        .block-region-top{
+            height: 200px;
+            .block-entity-fieldnodetitle{
+                width: 80%;
+                margin-left: 13%;
+                .field--name-title{
+                    font-family: 'Source Code Pro';
+                    font-size: 2rem;
+                    font-weight: 800;
+                    color: $white;
+                    background-color: $blue-light;
+                    text-transform: uppercase;
+                    // padding: 2rem 1rem 2rem 1rem;
+                }
+            }
+        }
+    
+    }
+}
\ No newline at end of file
diff --git a/web/themes/custom/eql/scss/pages/_static.scss b/web/themes/custom/eql/scss/pages/_static.scss
index 9d77113..47a66e8 100644
--- a/web/themes/custom/eql/scss/pages/_static.scss
+++ b/web/themes/custom/eql/scss/pages/_static.scss
@@ -1,9 +1,9 @@
 
-.layout--threecol-25-50-25{
-    padding-top: 2rem;
-    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" version="1.1"><rect x="0" y="0" width="80" height="80" transform="rotate(35) translate(430, -800) scale(15)" fill="none" stroke="rgb(0,158,227)" stroke-width="0.4px"/></svg>');
-    background-repeat: no-repeat;
-}
+// .layout--threecol-25-50-25{
+//     padding-top: 2rem;
+//     background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" version="1.1"><rect x="0" y="0" width="80" height="80" transform="rotate(35) translate(430, -800) scale(15)" fill="none" stroke="rgb(0,158,227)" stroke-width="0.4px"/></svg>');
+//     background-repeat: no-repeat;
+// }
 .layout__region--top{               //bandeau titre page static
     padding-bottom: 3rem;
     .block-region-top{
@@ -14,30 +14,17 @@
         height: inherit;
 
     }
-    .block-entity-fieldnodetitle{
-        width: 80%;
-        margin: auto;
-        .field--name-title{
-            font-family: 'Source Code Pro';
-            font-size: 2rem;
-            font-weight: 800;
-            color: $blue-light;
-            background-color: $white;
-            text-transform: uppercase;
-            padding: 2rem 1rem 2rem 1rem;
-        }
-    }
-
 }
 
 .layout__region--first{             // menu ancres a gauche
 
     .block-region-first{
-        width: 50%;
-        float: right;
+       display: flex;
+       justify-content: end;
         .block-entity-fieldnodefield-textes{
             display: flex;
-            justify-content: left;
+            width: 50%;
+            // justify-content: flex-end;
             padding-right: 2rem;
                
             .field--name-field-titre{
@@ -47,8 +34,8 @@
                 color: $blue-dark;
                 border-bottom: 1px solid $blue-light;
                 padding-bottom: 0.5rem;
-                padding-top: 0.5rem;
-                
+                padding-right: 1rem;
+
                 &:hover{
                     text-decoration: underline;
                 }
diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss
index 2569531..908e310 100644
--- a/web/themes/custom/eql/scss/styles.scss
+++ b/web/themes/custom/eql/scss/styles.scss
@@ -24,6 +24,8 @@
 @import "pages/_gouvernance";
 @import "pages/_ami";
 @import "pages/_toutesactualites";
+@import "pages/_programme";
+@import "pages/_contact";
 
 
 /*partials*/