add pipe nav

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

@@ -81,6 +81,13 @@ header{
             margin-bottom: 0;
             li{
               margin: 0 0.5rem;
+              &:not(:last-child){
+                &:after{
+                  display: inline-block;
+                  content: "|";
+                  margin-left: 0.5rem;
+                }
+              }
             }
           }
         }

web/themes/custom/popsu_colloque/css/index.scss

@@ -57,6 +57,43 @@ article img,
       @media screen and (min-width: 768px){
         position: relative;
       }
+      .notes{
+        & > div{
+          position: absolute;
+          margin-top: 2rem;
+          @media screen and (min-width: 768px){
+            margin-top: -2rem;
+          }
+          &> div{
+            background: white;
+            padding: 0.5rem;
+            p{
+              font-family: 'cormorantBold';
+              margin: 0;
+              color: $color2;
+            }
+          }
+        }
+        .close{
+          cursor: pointer;
+          background: $color2;
+          position: absolute;
+          top: -12px;
+          left: -15px;
+          width: 30px;
+          height: 27px;
+          &::after{
+            content: "+";
+            color: white;
+            display: block;
+            margin: auto;
+            text-align: center;
+            transform: rotate(45deg);
+            margin-top: -6px;
+          }
+        }
+
+      }
     }
   }
 }

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

@@ -48,9 +48,9 @@ article{
     margin-top: 1rem;
     .paragraph--type--images{
       img{
+        max-width: 100%;
         max-height: 400px;
         object-fit: contain;
-        width: auto;
         @media screen and (min-width: 992px) {
           width: 100%;
         }