ajustement page home et programme

composer.lock

@@ -2404,17 +2404,17 @@
         },
         {
             "name": "drupal/admin_toolbar",
-            "version": "2.4.0",
+            "version": "2.5.0",
             "source": {
                 "type": "git",
                 "url": "https://git.drupalcode.org/project/admin_toolbar.git",
-                "reference": "8.x-2.4"
+                "reference": "8.x-2.5"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://ftp.drupal.org/files/projects/admin_toolbar-8.x-2.4.zip",
-                "reference": "8.x-2.4",
-                "shasum": "6240047b8d91ac78f98d861ba8282af971fa0b38"
+                "url": "https://ftp.drupal.org/files/projects/admin_toolbar-8.x-2.5.zip",
+                "reference": "8.x-2.5",
+                "shasum": "c71e58051b8d6818272df96d14cb11407d5e5ceb"
             },
             "require": {
                 "drupal/core": "^8.8.0 || ^9.0"
@@ -2422,8 +2422,8 @@
             "type": "drupal-module",
             "extra": {
                 "drupal": {
-                    "version": "8.x-2.4",
-                    "datestamp": "1601999178",
+                    "version": "8.x-2.5",
+                    "datestamp": "1629907119",
                     "security-coverage": {
                         "status": "covered",
                         "message": "Covered by Drupal's security advisory policy"
@@ -7961,7 +7961,7 @@
             "source": {
                 "type": "git",
                 "url": "https://git.drupalcode.org/project/paragraphs.git",
-                "reference": "2f11d6787e39a4a2bf296385c55ef4c83649cea0"
+                "reference": "185a2975d122f6ece83633883e52ebf43b8d2cc4"
             },
             "require": {
                 "drupal/core": "^8.8 || ^9",
@@ -7989,8 +7989,8 @@
                     "dev-1.x": "1.x-dev"
                 },
                 "drupal": {
-                    "version": "8.x-1.12+14-dev",
-                    "datestamp": "1614720707",
+                    "version": "8.x-1.12+16-dev",
+                    "datestamp": "1629786124",
                     "security-coverage": {
                         "status": "not-covered",
                         "message": "Dev releases are not covered by Drupal security advisories."
@@ -8638,17 +8638,17 @@
         },
         {
             "name": "drupal/smart_date",
-            "version": "3.3.0",
+            "version": "3.4.2",
             "source": {
                 "type": "git",
                 "url": "https://git.drupalcode.org/project/smart_date.git",
-                "reference": "3.3.0"
+                "reference": "3.4.2"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://ftp.drupal.org/files/projects/smart_date-3.3.0.zip",
-                "reference": "3.3.0",
-                "shasum": "ee4370a357894ef085cc7c63a0899f64030e83d2"
+                "url": "https://ftp.drupal.org/files/projects/smart_date-3.4.2.zip",
+                "reference": "3.4.2",
+                "shasum": "4bd52e2e4ccda9e13a8ecad4e56d499ab512dbfc"
             },
             "require": {
                 "drupal/core": "^8 || ^9",
@@ -8661,8 +8661,8 @@
             "type": "drupal-module",
             "extra": {
                 "drupal": {
-                    "version": "3.3.0",
-                    "datestamp": "1621770912",
+                    "version": "3.4.2",
+                    "datestamp": "1630015891",
                     "security-coverage": {
                         "status": "covered",
                         "message": "Covered by Drupal's security advisory policy"
@@ -11772,16 +11772,16 @@
         },
         {
             "name": "phpmailer/phpmailer",
-            "version": "v6.5.0",
+            "version": "v6.5.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/PHPMailer/PHPMailer.git",
-                "reference": "a5b5c43e50b7fba655f793ad27303cd74c57363c"
+                "reference": "dd803df5ad7492e1b40637f7ebd258fee5ca7355"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/PHPMailer/PHPMailer/zipball/a5b5c43e50b7fba655f793ad27303cd74c57363c",
-                "reference": "a5b5c43e50b7fba655f793ad27303cd74c57363c",
+                "url": "https://api.github.com/repos/PHPMailer/PHPMailer/zipball/dd803df5ad7492e1b40637f7ebd258fee5ca7355",
+                "reference": "dd803df5ad7492e1b40637f7ebd258fee5ca7355",
                 "shasum": ""
             },
             "require": {
@@ -11793,10 +11793,12 @@
             "require-dev": {
                 "dealerdirect/phpcodesniffer-composer-installer": "^0.7.0",
                 "doctrine/annotations": "^1.2",
+                "php-parallel-lint/php-console-highlighter": "^0.5.0",
+                "php-parallel-lint/php-parallel-lint": "^1.3",
                 "phpcompatibility/php-compatibility": "^9.3.5",
                 "roave/security-advisories": "dev-latest",
-                "squizlabs/php_codesniffer": "^3.5.6",
-                "yoast/phpunit-polyfills": "^0.2.0"
+                "squizlabs/php_codesniffer": "^3.6.0",
+                "yoast/phpunit-polyfills": "^1.0.0"
             },
             "suggest": {
                 "ext-mbstring": "Needed to send email in multibyte encoding charset or decode encoded addresses",
@@ -11836,7 +11838,7 @@
             "description": "PHPMailer is a full-featured email creation and transfer class for PHP",
             "support": {
                 "issues": "https://github.com/PHPMailer/PHPMailer/issues",
-                "source": "https://github.com/PHPMailer/PHPMailer/tree/v6.5.0"
+                "source": "https://github.com/PHPMailer/PHPMailer/tree/v6.5.1"
             },
             "funding": [
                 {
@@ -11844,7 +11846,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2021-06-16T14:33:43+00:00"
+            "time": "2021-08-18T09:14:16+00:00"
         },
         {
             "name": "psr/cache",

web/themes/custom/popsu/css/styles.css

@@ -1322,8 +1322,8 @@ iframe {
   .header_top_left_container > div[id=''] {
     height: 100%; }
   .header_top_left_container a[rel~='home'] {
-    display: none;
     height: 100%;
+    display: block;
     font-size: 0;
     color: transparent;
     background: left/contain no-repeat url(../images/POPSU_logo.svg); }
@@ -1345,14 +1345,13 @@ iframe {
     text-align: center;
     display: inline-block;
     width: auto; }
-    .header_top_middle_container .views-row a {
+    .header_top_middle_container .views-row .views-field-title a, .header_top_middle_container .views-row .views-field-title span {
+      display: inline-block;
+      width: auto;
+      padding: .2rem .5rem;
       text-transform: uppercase;
       text-decoration: none;
       font-weight: 600; }
-    .header_top_middle_container .views-row .views-field-title {
-      display: inline-block;
-      width: auto;
-      padding: .2rem .5rem; }
 
 .close-block, .open-block {
   cursor: pointer; }
@@ -1414,12 +1413,13 @@ iframe {
     width: 100%; }
 
 footer {
-  background: white;
-  margin-top: 3rem; }
+  background: white; }
 
 #footer-bottom {
   padding: 2rem 0;
-  height: 15rem; }
+  height: 10rem; }
+  #footer-bottom .more {
+    display: none; }
   #footer-bottom * {
     word-wrap: break-word; }
   #footer-bottom h2 {
@@ -1432,18 +1432,19 @@ footer {
       height: 100%;
       display: grid; }
   #footer-bottom .logo-gouv {
-    height: 50%;
+    height: 100%;
+    margin-bottom: 1rem;
     display: block;
     color: transparent;
     font-size: 0;
     background: left/contain no-repeat url(../images/gouv.svg); }
   #footer-bottom .logo-puca {
-    height: 50%;
+    height: 100%;
     display: block;
     color: transparent;
     font-size: 0;
     background: left/contain no-repeat url(../images/puca.svg);
-    margin-top: -1rem; }
+    margin-top: .5rem; }
   #footer-bottom #block-pieddepage ul {
     line-height: 2; }
     #footer-bottom #block-pieddepage ul li a {
@@ -1651,7 +1652,7 @@ footer {
 
 .about {
   box-shadow: inset 0 17rem 18rem white;
-  background: url(../images/motif_croix.svg);
+  background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg);
   font-size: 0.8rem;
   text-align: center;
   padding: 18rem 0 3rem 0;
@@ -1674,7 +1675,7 @@ footer {
     color: white;
     font-family: "trueno";
     font-weight: 500;
-    padding: .5rem 1rem;
+    padding: .3rem .7rem;
     font-size: 0.6rem;
     text-decoration: none;
     text-transform: uppercase;
@@ -1688,7 +1689,7 @@ footer {
       background: white; }
 
 #home_blocks-block_3 {
-  background: url(../images/motif_croix.svg);
+  background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg);
   padding: 2rem; }
   #home_blocks-block_3 h2 {
     text-align: center;
@@ -2245,7 +2246,7 @@ article p, .paragraph p {
   left: 0;
   width: 100vw;
   height: 40vh;
-  background: url(../images/motif_croix.svg);
+  background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg);
   box-shadow: inset 0 -5rem 8rem white;
   z-index: -1; }
 
@@ -2299,7 +2300,7 @@ article p, .paragraph p {
       color: white;
       font-family: "trueno";
       font-weight: 500;
-      padding: .5rem 1rem;
+      padding: .3rem .7rem;
       font-size: 0.45rem;
       text-decoration: none;
       text-transform: uppercase; }
@@ -2564,7 +2565,6 @@ article p, .paragraph p {
 .page-node-type-programme #programme_toc-block_5 .views-row .views-field:not(.views-field-field-image) {
   padding-right: .5rem;
   padding-left: .5rem;
-  padding-bottom: 1rem;
   background-color: black;
   width: 60%;
   margin-left: 30%;
@@ -2753,7 +2753,7 @@ article p, .paragraph p {
       cursor: pointer;
       font-family: "trueno";
       font-weight: 500;
-      padding: .5rem 1rem;
+      padding: .3rem .5rem;
       font-size: 0.45rem;
       text-decoration: none;
       text-transform: uppercase; }
@@ -2824,12 +2824,12 @@ article p, .paragraph p {
     transition: all 250ms ease; }
 
 .page-node-type-programme .block-region-bottom {
-  background: url(../images/motif_croix.svg); }
+  background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg); }
   .page-node-type-programme .block-region-bottom h2 {
     text-align: center; }
-  .page-node-type-programme .block-region-bottom .item-list .slick-slide {
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-slide {
     margin: 0 1rem; }
-  .page-node-type-programme .block-region-bottom .item-list .slick-arrow {
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-arrow {
     position: absolute;
     height: 100%;
     cursor: pointer;
@@ -2837,14 +2837,14 @@ article p, .paragraph p {
     opacity: 0.2;
     transition: opacity 250ms;
     width: 10%; }
-    .page-node-type-programme .block-region-bottom .item-list .slick-arrow:hover {
+    .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-arrow:hover {
       opacity: .5; }
-  .page-node-type-programme .block-region-bottom .item-list .slick-next {
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-next {
     right: 0;
     top: 0; }
-  .page-node-type-programme .block-region-bottom .item-list .views-field:not(.views-field-field-image) {
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field:not(.views-field-field-image) {
     width: 80%; }
-  .page-node-type-programme .block-region-bottom .item-list li {
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-row {
     display: grid !important;
     grid-template-columns: 1fr 1fr;
     align-items: center;
@@ -2853,43 +2853,72 @@ article p, .paragraph p {
     height: auto;
     padding: 1rem;
     background-clip: content-box; }
-  .page-node-type-programme .block-region-bottom .item-list .views-field-field-image {
-    grid-row: 1 / span 4;
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-image {
+    grid-row: 2 / span 4;
     z-index: 0;
-    padding: .5rem; }
-  .page-node-type-programme .block-region-bottom .item-list .views-field:not(.views-field-field-image) {
+    padding: .5rem;
+    grid-column: 1; }
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field:not(.views-field-field-image) {
     background: transparent;
     width: auto;
     margin-left: 0;
     padding-left: 0; }
-  .page-node-type-programme .block-region-bottom .item-list .views-field-field-sous-titre {
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-sous-titre {
     grid-column: 2 / span 1; }
-  .page-node-type-programme .block-region-bottom .item-list .views-field-field-type-de-ressource {
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-type-de-ressource {
     grid-column: 2 / span 1; }
-  .page-node-type-programme .block-region-bottom .item-list .views-field-title {
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title {
     font-weight: 600;
     grid-row: 3 / span 1;
     grid-column: 2 / span 1; }
-  .page-node-type-programme .block-region-bottom .item-list .views-field-view-node {
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-view-node {
     grid-row: 2 / span 1;
     grid-column: 2 / span 1; }
-  .page-node-type-programme .block-region-bottom .item-list .views-field-field-programme {
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-programme, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title-1 {
     padding-left: .5rem !important;
     grid-row: 1 / span 1;
     grid-column: 1 / span 2;
     text-transform: uppercase;
     margin-top: -.5rem; }
-    .page-node-type-programme .block-region-bottom .item-list .views-field-field-programme .field-content {
+    .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title-1 .field-content {
       display: inline-block;
       width: auto;
-      background-color: black !important;
+      background-color: black;
       padding: .3rem .5rem; }
-    .page-node-type-programme .block-region-bottom .item-list .views-field-field-programme .field-content {
+    .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title-1 .field-content {
       font-weight: 600;
       display: inline-block;
       width: auto;
       color: white;
       padding: .02rem .3rem; }
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-1 .views-field {
+    color: #4dabc1 !important; }
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-1 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-1 .views-field-title-1 .field-content {
+    background: #4dabc1; }
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-2 .views-field {
+    color: #61ab32 !important; }
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-2 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-2 .views-field-title-1 .field-content {
+    background: #61ab32; }
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-3 .views-field {
+    color: #646578 !important; }
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-3 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-3 .views-field-title-1 .field-content {
+    background: #646578; }
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-4 .views-field {
+    color: black; }
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-4 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-4 .views-field-title-1 .field-content {
+    background: black; }
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-5 .views-field {
+    color: #ab9569 !important; }
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-5 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-5 .views-field-title-1 .field-content {
+    background: #ab9569; }
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-6 .views-field {
+    color: #e01a35 !important; }
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-6 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-6 .views-field-title-1 .field-content {
+    background: #e01a35; }
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-7 .views-field {
+    color: #28429f !important; }
+  .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-7 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-7 .views-field-title-1 .field-content {
+    background: #28429f; }
   .page-node-type-programme .block-region-bottom footer {
     background-color: transparent;
     text-align: center;
@@ -2901,7 +2930,7 @@ article p, .paragraph p {
       color: white;
       font-family: "trueno";
       font-weight: 500;
-      padding: .5rem 1rem;
+      padding: .3rem .7rem;
       font-size: 0.45rem;
       text-decoration: none;
       text-transform: uppercase; }
@@ -2928,7 +2957,7 @@ article p, .paragraph p {
   .path-archives .content_container .views-element-container > div .views-row:nth-of-type(3n+1) {
     grid-column: 2; }
   .path-archives .content_container .views-element-container > div .views-row {
-    padding: .5rem 1rem;
+    padding: .3rem .7rem;
     background: #28429f; }
     .path-archives .content_container .views-element-container > div .views-row a {
       text-decoration: none;

web/themes/custom/popsu/images/motif_croix.svg

@@ -14,7 +14,7 @@
    height="100"
    viewBox="0 0 99.999999 100"
    sodipodi:docname="motif_croix.svg"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
   <metadata
      id="metadata9539">
     <rdf:RDF>
@@ -23,7 +23,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
+        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -1894,9 +1894,9 @@
      inkscape:window-height="1015"
      id="namedview9535"
      showgrid="false"
-     inkscape:zoom="2.1794731"
-     inkscape:cx="-47.440417"
-     inkscape:cy="26.569258"
+     inkscape:zoom="3.0822404"
+     inkscape:cx="12.337781"
+     inkscape:cy="33.191343"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
@@ -1920,7 +1920,8 @@
        y="0.068064451"
        id="rect10232-0-2-2-9-3-1-5" />
     <g
-       id="g13148">
+       id="g13148"
+       transform="matrix(0.99249299,0,0,0.99249299,4.0185063,4.0529554)">
       <rect
          style="fill:url(#pattern11192-2);stroke:none"
          width="6.8802199"

web/themes/custom/popsu/lib/script.js

@@ -27,10 +27,10 @@ $(function(){
 		});
 	}
 	
-	$('#centre_de_ressources-block_2 .item-list ul').slick({
+	$('#centre_de_ressources-block_2>div>div').slick({
 		slidesToShow: 3,
   		slidesToScroll: 1,
-		centerMode: true,
+		centerMode: false,
   		centerPadding: '60px',
 		infinite: false,
 	});
@@ -147,7 +147,7 @@ $(function(){
 		 $("#home_theme_container").slick({
 			slidesToShow: 5,
 			slidesToScroll: 4,
-			centerMode: true,
+			centerMode: false,
 			// centerPadding: '10%',
 			infinite: false,
 		});

web/themes/custom/popsu/sass/pages/_actu.scss

@@ -43,7 +43,7 @@
 						color: white;
 						font-family: "trueno";
 						font-weight: 500;
-						padding: .5rem 1rem;
+						padding: .3rem .7rem;
 						font-size: $font-small;
 						text-decoration: none;
 						text-transform: uppercase;

web/themes/custom/popsu/sass/pages/_archives.scss

@@ -27,7 +27,7 @@
 					grid-column: 2;
 				}
 				.views-row{
-					padding: .5rem 1rem;
+					padding: .3rem .7rem;
 					background: $col-met;
 					a{
 						text-decoration: none;

web/themes/custom/popsu/sass/pages/_home.scss

@@ -134,14 +134,6 @@
 		padding: .5rem 0 .5rem 0;
 	}
 
-
-
-
-
-
-
-
-
 }
 
 .last-ressources{
@@ -304,7 +296,7 @@
 			color: white;
 			font-family: "trueno";
 			font-weight: 500;
-			padding: .5rem 1rem;
+			padding: .3rem .7rem;
 			font-size: $font-normal;
 			text-decoration: none;
 			text-transform: uppercase;

web/themes/custom/popsu/sass/pages/_programme.scss

@@ -93,7 +93,7 @@
             .views-field:not(.views-field-field-image){
                 padding-right: .5rem;
                 padding-left: .5rem;
-                padding-bottom: 1rem;
+                // padding-bottom: 1rem;
                 background-color: black;
                 width: 60%;
                 margin-left: 30%;
@@ -394,7 +394,7 @@
                     font-family: "trueno";
                     font-weight: 500;
 
-                    padding: .5rem 1rem;
+                    padding: .3rem .5rem;
                     font-size: $font-small;
                     text-decoration: none;
                     text-transform: uppercase;
@@ -485,7 +485,7 @@
         h2{
             text-align: center;
         }
-       .item-list{
+        #centre_de_ressources-block_2{
             .slick-slide{
                 margin: 0 1rem;
             }
@@ -509,7 +509,7 @@
             .views-field:not(.views-field-field-image){
                 width: 80%;
             }
-            li{
+            .views-row{
                 display: grid !important;
                 grid-template-columns: 1fr 1fr;
                 align-items: center;
@@ -520,10 +520,10 @@
                 background-clip: content-box;
             }
             .views-field-field-image{
-                grid-row: 1 / span 4;
-                // margin-top: -3.5rem;
-                z-index: 0;	
+                grid-row: 2 / span 4;
+                z-index: 0;
                 padding: .5rem;
+                grid-column: 1;
             }
             .views-field:not(.views-field-field-image){
                 background: transparent;
@@ -550,11 +550,11 @@
                 grid-row: 2 / span 1;
                 grid-column: 2 / span 1;
             }
-            .views-field-field-programme{
+            .views-field-field-programme,.views-field-title-1{
                 .field-content{
                     display: inline-block;
                     width: auto;
-                    background-color: black !important;
+                    background-color: black;
                     padding: .3rem .5rem;
                 }
                 padding-left: .5rem !important;
@@ -571,6 +571,78 @@
                     // margin-bottom: 1rem;
                 }
             }
+            .programme-1{
+                .views-field{
+                    color: $col-1 !important;
+                }
+                .views-field-field-programme, .views-field-title-1{
+                    .field-content{
+                        background: $col-1 ;
+                    }
+                }
+            }
+            .programme-2{
+                .views-field{
+                    color: $col-2 !important;
+                }
+                .views-field-field-programme, .views-field-title-1{
+                    .field-content{
+                        background: $col-2 ;
+                    }
+                }
+            }
+            .programme-3{
+                .views-field{
+                    color: $col-eur !important;
+                }
+                .views-field-field-programme, .views-field-title-1{
+                    .field-content{
+                        background: $col-eur ;
+                    }
+                }
+            }
+            .programme-4{
+                .views-field{
+                    color: black;
+                }
+                .views-field-field-programme, .views-field-title-1{
+                    .field-content{
+                        background:black ;
+                    }
+                }
+            }
+            
+            .programme-5{
+                .views-field{
+                    color: $col-mond !important;
+                }
+                .views-field-field-programme, .views-field-title-1{
+                    .field-content{
+                        background: $col-mond ;
+                    }
+                }
+            }
+            .programme-6{
+                .views-field{
+                    color: $col-ter !important;
+                }
+                .views-field-field-programme, .views-field-title-1{
+                    .field-content{
+                        background: $col-ter ;
+                    }
+                }
+            }
+            .programme-7{
+                .views-field{
+                    color: $col-met !important;
+                }
+                .views-field-field-programme, .views-field-title-1{
+                    .field-content{
+                        background: $col-met ;
+                    }
+                    
+                }
+            }
         }
         footer{
             background-color: transparent;
@@ -585,7 +657,7 @@
                 font-family: "trueno";
                 font-weight: 500;
 
-                padding: .5rem 1rem;
+                padding: .3rem .7rem;
                 font-size: $font-small;
                 text-decoration: none;
                 text-transform: uppercase;

web/themes/custom/popsu/sass/pages/partials/_header_footer.scss

@@ -147,9 +147,9 @@
 		height: 100%;
 	}
 	a[rel~='home']{
-		display: none;
+		//display: none;
 		height: 100%;
-		// display: block;
+		display: block;
         font-size: 0;
 		color: transparent;
 		background: left / contain no-repeat url(../images/POPSU_logo.svg);
@@ -180,15 +180,16 @@
 		text-align: center;
 		display: inline-block;
 		width: auto;
-        a, span{
-            text-transform: uppercase;
-            text-decoration: none;
-            font-weight: 600;
-        }
-        .views-field-title{
+        // a, span{
+           
+        // }
+        .views-field-title a, .views-field-title span{
             display: inline-block;
             width: auto;
             padding: .2rem .5rem;
+			text-transform: uppercase;
+            text-decoration: none;
+            font-weight: 600;
         }
         
 	}
@@ -280,12 +281,15 @@
 
 footer{
     background: white;
-	margin-top: 3rem;
+	// margin-top: 3rem;
    
 }
 #footer-bottom{
     padding: 2rem 0;
-    height: 15rem;
+    height: 10rem;
+	.more{
+		display: none;
+	}
 	*{
 		word-wrap: break-word;
 	}
@@ -303,19 +307,20 @@ footer{
         }
     }
     .logo-gouv{
-        height: 50%;
+        height: 100%;
+		margin-bottom: 1rem;
 		display: block;
 		color: transparent;
         font-size: 0;
 		background: left / contain no-repeat url(../images/gouv.svg);
     }
     .logo-puca{
-        height: 50%;
+        height: 100%;
 		display: block;
 		color: transparent;
         font-size: 0;
 		background: left / contain no-repeat url(../images/puca.svg);
-        margin-top: -1rem;
+        margin-top: .5rem;
     }
 
     #block-pieddepage{

web/themes/custom/popsu/sass/setup/_variables.scss

@@ -14,7 +14,7 @@ $col-2: #61ab32;
 
 $bck-col: #eff2f9;
 $lightblue: #98d0d9;
-$trame: url(../images/motif_croix.svg);
+$trame: center/80% linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url(../images/motif_croix.svg) ;
 
 
 @media (min-width: 48rem) {

web/themes/custom/popsu/sass/styles.scss

@@ -32,7 +32,7 @@
 @import "pages/actu";
 @import "pages/programme";
 @import "pages/archives";
-@import "pages/node-evenement";
+@import "pages/node-evenement-actu";
 @import "pages/themes";
 @import "pages/projet";