typographie

2020-07-28 22:14:58 +02:00
parent f7a6562f51
commit b8dad034eb
91 changed files with 718 additions and 255 deletions
@@ -35,6 +35,7 @@
        "drupal/metatag": "^1.13",
        "drupal/paragraphs": "^1.12",
        "drupal/pathauto": "^1.8",
+        "drupal/redirect_after_login": "^2.6",
        "drupal/schema_metatag": "^1.5",
        "drupal/site_settings": "^1.19",
        "drupal/subpathauto": "^1.1",
@@ -4,7 +4,7 @@
        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
        "This file is @generated automatically"
    ],
-    "content-hash": "93ffc8bc2bab9aea79ee40fc534d99f1",
+    "content-hash": "4adedd5f54b7450a9a32db9fc6e7b567",
    "packages": [
        {
            "name": "asm89/stack-cors",
@@ -4104,6 +4104,63 @@
                "documentation": "https://www.drupal.org/docs/8/modules/pathauto"
            }
        },
+        {
+            "name": "drupal/redirect_after_login",
+            "version": "2.6.0",
+            "source": {
+                "type": "git",
+                "url": "https://git.drupalcode.org/project/redirect_after_login.git",
+                "reference": "8.x-2.6"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://ftp.drupal.org/files/projects/redirect_after_login-8.x-2.6.zip",
+                "reference": "8.x-2.6",
+                "shasum": "c969cf714f667ad9af72a765ba95fed59ea63160"
+            },
+            "require": {
+                "drupal/core": "^8 || ^9"
+            },
+            "type": "drupal-module",
+            "extra": {
+                "drupal": {
+                    "version": "8.x-2.6",
+                    "datestamp": "1587318962",
+                    "security-coverage": {
+                        "status": "covered",
+                        "message": "Covered by Drupal's security advisory policy"
+                    }
+                }
+            },
+            "notification-url": "https://packages.drupal.org/8/downloads",
+            "license": [
+                "GPL-2.0+"
+            ],
+            "authors": [
+                {
+                    "name": "Shamsher Alam",
+                    "homepage": "https://www.drupal.org/u/shamsher_alam",
+                    "role": "Author"
+                },
+                {
+                    "name": "pen",
+                    "homepage": "https://www.drupal.org/user/2435634"
+                },
+                {
+                    "name": "prempatel2447",
+                    "homepage": "https://www.drupal.org/user/3250112"
+                },
+                {
+                    "name": "rahul-kr-sh",
+                    "homepage": "https://www.drupal.org/user/3561577"
+                }
+            ],
+            "description": "Redirect user after login to a configured url",
+            "homepage": "https://drupal.org/project/redirect_after_login",
+            "support": {
+                "source": "https://git.drupalcode.org/project/redirect_after_login"
+            }
+        },
        {
            "name": "drupal/schema_metatag",
            "version": "1.6.0",
@@ -4,9 +4,6 @@
 # 'example.settings.local.php' file, which sits next to this file.
 parameters:
  http.response.debug_cacheability_headers: true
-  twig.config:
-    debug: true
-    auto_reload: true
 services:
  cache.backend.null:
    class: Drupal\Core\Cache\NullBackendFactory
@@ -1,4 +1,4 @@
 #toolbar-administration{
-  z-index: 1000;
+  z-index: 99999; 
  position: fixed;
 }
@@ -4,7 +4,7 @@
  background: white;
  border-radius: 0;
  a{
-    font-family: 'truenoregular';
+    font-family: 'truenobold';
    font-size: 0.6rem;
    color: $color2;
    span{
@@ -4,18 +4,7 @@ footer{
  height: auto;
  padding: 2rem 0 0 0;
  margin-top:2rem;
-  h2{
-    font-size: 1.5rem;
-    text-transform: uppercase;
-    line-height: 1rem;
-  }
-  a{
-    color: black;
-    &:hover{
-      color: black;
-    }
-  }
-  & > .row{
+  & > .d-flex{
    & > div{
      margin-bottom: 1.5rem;
    }
@@ -75,7 +64,6 @@ footer{
  }
  .site_setting_entity{
    img{
-      // width: 100%;
      height: auto;
    }
  }
@@ -182,21 +182,3 @@ header.front{
    display: none;
  }
 }
-
-
-#block-mainnavigation{
-  ul{
-    li{
-      font-size: 0.8rem;
-      a{
-        color: black;
-        font-family: 'truenoregular';
-        &:hover{
-          color: black;
-          text-decoration: none;
-          font-weight: bold;
-        }
-      }
-    }
-  }
-}
@@ -20,12 +20,13 @@
        color: $color2;
        background: white;
        transition: color 0.3s ease, background 0.3s ease;
-        font-size: 1.7rem;
+        font-size: 2rem;
        font-family: 'dukefill';
        letter-spacing: 0.05rem;
        text-transform: uppercase;
-        @media screen and (min-width: 576px) {
+        @media screen and (min-width: 768px) {
          // padding: 1rem 1rem;
+          font-size: 2.5rem;
        }
        &:hover{
          text-decoration: none;
@@ -11,22 +11,20 @@ body{
    margin-right: -50vw;
  }
 }
-.__img-hero{
-  height: 300px;
-    img{
-      width:100%;
-      height: 100%;
-      object-fit: cover;
-    }
-}

 .__img-hero{
+  height: 300px;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
+  img{
+    width:100%;
+    height: 100%;
+    object-fit: cover;
+  }
 }

 .participant_full{
@@ -52,12 +52,12 @@
      &.first{
        flex-direction: column;
        span{
+          font-family: 'truenolight';
          position: absolute;
          top: -2.5rem;
          width: max-content;
          font-size: 1.2rem;
          line-height: 1.2;
-          font-family: 'truenoregular';
        }
      }
    }
@@ -51,6 +51,9 @@ section{
    .__wrap{
      padding: 0.5rem;
    }
+     div > *{
+      color:$color2;
+    }
  }

  &.bibliographie{
@@ -69,7 +72,7 @@ section{
      width: calc(100% / 4 - #{$gutter} * 2);
    }
    & > div  * {
-      color: $col_black;
+      color: $color2;
      &.__auteur *{
        font-size: 1.4rem;
      }
@@ -103,7 +106,6 @@ section{
  .__publications{
    .publications{
      // margin: $gutter;
-
      .__media{
        padding: 0.5rem 0 0.5rem 0.5rem;
      }
@@ -28,6 +28,11 @@ h2{
  font-family: 'dukefill';
  font-size: 2.5rem;
  line-height: 2.5rem;
+  color: $color2;
+  @media screen and (min-width: 768px) {
+    font-size: 3rem;
+    line-height: 3.5rem;
+  }
  a{
    color: $color2;
  }
@@ -38,6 +43,10 @@ h3{
  font-family: 'dukefill';
  font-size: 2rem;
  color: $lightgrey;
+  @media screen and (min-width: 768px){
+    font-size: 2.5rem;
+    line-height: 3.5rem;
+  }
 }

 p {
@@ -50,6 +59,19 @@ p{
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: 'truenoregular';
+  strong{
+    font-family: 'truenobold';
+    em{
+      font-family: 'truenobold_italic';
+    }
+  }
+  em{
+    font-family: 'truenoregular_italic';
+  }
+  a{
+    display: inline;
+    background: $underline;
+  }
 }

 a{
@@ -86,8 +108,6 @@ img{
  object-fit: cover;
 }

-
-
 button{
  outline:0;
  border: 0;
@@ -96,3 +116,15 @@ button{
    border: 0;
  }
 }
+
+footer{
+  *{
+    font-family: 'truenobold';
+    color: $col_black;
+  }
+  h2{
+    text-transform: uppercase;
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+}
@@ -20,10 +20,51 @@
    font-style: normal;
 }

+
+@font-face {
+    font-family: 'truenolight';
+    src: url('../fonts/trueno/truenolt-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenolt-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'truenolight_italic';
+    src: url('../fonts/trueno/truenoltit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenoltit-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
@font-face {
    font-family: 'truenoregular';
-    src: url('../fonts/truenorg-webfont.woff2') format('woff2'),
-         url('../fonts/truenorg-webfont.woff') format('woff');
+    src: url('../fonts/trueno/truenorg-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenorg-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'truenoregular_italic';
+    src: url('../fonts/trueno/truenorgit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenorgit-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'truenobold';
+    src: url('../fonts/trueno/truenobd-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenobd-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'truenobold_italic';
+    src: url('../fonts/trueno/truenobdit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenobdit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
@@ -66,13 +107,28 @@
  }
 }

-main{
-// page publication
+
+form{
+  label{
+    font-family: 'truenolight';
+  }
+  .select-items{
+    div{
+      font-family: 'truenolight';
+    }
+  }
+  .select-selected{
+    font-family: 'truenoregular';
+  }
+  input{
+    font-family: 'truenolight';
+  }
+}
+
 .thumbnails{
  &.programme{
    .__content{
-      font-family: 'truenoregular';
-      font-weight: bold;
+      font-family: 'truenobold';
      font-size: 1rem;
      text-transform: uppercase;
    }
@@ -102,6 +158,32 @@ main{
  }
 }

+// thumbnails_participants
+.thumbnails_participants{
+  @include shadow_participants;
+    *{
+      color: $color2;
+    }
+    .__name{
+      font-family: 'truenoregular';
+      font-size: 1rem;
+    }
+    .__qualite{
+      font-family: 'truenoregular_italic';
+      font-size: 0.8rem;
+    }
+  }
+
+  .paragraph--type--role-de-l-intervenant{
+    .___title_inter{
+      div{
+        font-family: 'truenobold';
+        font-size: 0.8rem;
+        text-transform: uppercase;
+      }
+    }
+  }
+
 // page shadow_participants
 article{
  &.participant_full{
@@ -109,14 +191,17 @@ article{
      h2{
        font-family: 'truenoregular';
        font-size: 2rem;
+        line-height: 1;
        letter-spacing: normal;
+
      }
    }
    .status{
      div{
-        font-family: 'truenoregular';
-        font-style: italic;
-        font-size: 0.8rem;
+        font-family: 'truenoregular_italic';
+        color: $color2;
+        font-size: 1rem;
+        line-height: 1.2rem;
        text-align: center;
        @media screen and (min-width: 768px) {
          text-align: left;
@@ -125,34 +210,3 @@ article{
    }
  }
 }
-
-
-// thumbnails_participants
-.thumbnails_participants{
-  @include shadow_participants;
-  *{
-    color: $color2;
-  }
-  .__name{
-    font-family: 'truenoregular';
-    font-size: 1rem;
-  }
-  .__qualite{
-    font-family: 'truenoregular';
-    font-size: 0.8rem;
-    font-style: italic;
-  }
-}
-
-.paragraph--type--role-de-l-intervenant{
-  .___title_inter{
-    div{
-      font-family: 'truenoregular';
-      font-weight: bold;
-      font-size: 0.8rem;
-      text-transform: uppercase;
-    }
-  }
-}
-
-}
@@ -51,14 +51,20 @@ article img,
 }

 .side_notes{
-  position: relative;
+  & > a{
+    position: absolute;
+    // margin-top: -5.5rem;
+    transform: translateY(-50%);
+  }
 }

-.side_notes > *{
-  position: absolute;
-  width: 300px;
+.side_notes *{
+  margin: 0 0 0 0;
+  padding: 0;
+  flex: 100%;
+  max-width: 100%;
 }

 .side_notes .d-flex {
-  flex-direction: column;
+  // flex-direction: column;
 }
@@ -1,36 +1,57 @@
+header{
+  #block-mainnavigation{
+    ul{
+      li{
+        font-size: 0.8rem;
+        a{
+          color: black;
+          font-family: 'truenoregular';
+          &:hover{
+            font-family: 'truenobold';
+            color: black;
+            text-decoration: none;
+          }
+        }
+      }
+    }
+  }
+}
+
 #txt_present{
 margin: 3rem 0;
 @media screen and (min-width: 992px) {
   margin: 5rem 0;
 }
+
 & * {
   color: $color2;
 }
+
 & > div{
   margin: 2rem auto;
 }
+
 .__title-present{
   h2{
-     font-size: 1.5rem;
-     letter-spacing: $letter_spacingH;
+     font-size: 1.9rem;
     font-family: 'truenoregular';
     line-height: normal;
   }
 }
+
 .__sub-title-present{
   p{
-     font-family: 'truenoregular';
-     font-style: italic;
-     font-size: 0.8rem;
-     line-height: 1rem;
+     font-family: 'truenoregular_italic';
+     font-size: 0.9rem;
+     line-height: 1.3rem;
   }
 }
+
 .__body-present{
   p{
-     font-family: 'truenoregular';
-     font-weight: lighter;
-     font-size: 1rem;
-     line-height: 1.5rem;
+     font-family: 'truenolight';
+     font-size: 1.2rem;
+     line-height: 1.8rem;
   }
 }

@@ -7,6 +7,40 @@ main:not(.home){
  }
 }

+//
+body{
+  position: relative;
+  &::before{
+    z-index: -1;
+    content: " ";
+    width: 100%;
+    height: 100%;
+    background-image: url("../images/croix_fond.svg");
+    background-size: content;
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+  &::after{
+    z-index: -1;
+    content: " ";
+    width: 100%;
+    height: 100%;
+    background:
+    linear-gradient(
+      to top,
+      rgba(255, 255, 255, 0.8), white, rgba(255, 255, 255, 0.8)
+    );
+    display: block;
+    position: absolute;
+    transform: translateY(-50%);
+    top: 50%;
+    left: 0;
+  }
+}
+
+
 article{
  .__title{
    @include croix_or;
@@ -6,7 +6,7 @@
    }
    h3{
      font-size: 1.5rem;
-      font-family: 'truenoregular';
+      font-family: 'truenolight';
      color: $col_black;
    }
    .views{
@@ -0,0 +1,132 @@
+/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 28, 2020 */
+
+
+
+@font-face {
+    font-family: 'truenobold_italic';
+    src: url('truenobdit-webfont.woff2') format('woff2'),
+         url('truenobdit-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenobold_outline';
+    src: url('truenobdol-webfont.woff2') format('woff2'),
+         url('truenobdol-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenobold_outline_italic';
+    src: url('truenobdolit-webfont.woff2') format('woff2'),
+         url('truenobdolit-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoblack';
+    src: url('truenoblk-webfont.woff2') format('woff2'),
+         url('truenoblk-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoblack_italic';
+    src: url('truenoblkit-webfont.woff2') format('woff2'),
+         url('truenoblkit-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoblack_outline';
+    src: url('truenoblkol-webfont.woff2') format('woff2'),
+         url('truenoblkol-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoblack_outline_italic';
+    src: url('truenoblkolit-webfont.woff2') format('woff2'),
+         url('truenoblkolit-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoextrabold';
+    src: url('truenoexbd-webfont.woff2') format('woff2'),
+         url('truenoexbd-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoextrabold_italic';
+    src: url('truenoexbdit-webfont.woff2') format('woff2'),
+         url('truenoexbdit-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoextrabold_outline';
+    src: url('truenoexbdol-webfont.woff2') format('woff2'),
+         url('truenoexbdol-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoXBdoutlineIt';
+    src: url('truenoexbdolit-webfont.woff2') format('woff2'),
+         url('truenoexbdolit-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
@@ -7,78 +7,36 @@
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   sodipodi:docname="croix_fond.svg"
-   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
-   id="svg8"
+   width="15"
+   height="15"
+   viewBox="0 0 3.96875 3.9687498"
   version="1.1"
-   viewBox="0 0 1.6898056 1.6898055"
-   height="4.79pt"
-   width="4.79pt">
+   id="svg8"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="croix_fond.svg">
  <defs
-     id="defs2">
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath138">
-      <path
-         d="M 270.537,513.328 H 402.448 V 428.777 H 270.537 Z"
-         id="path136" />
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath154">
-      <path
-         d="m 287.707,556.237 h 90.128 v -78.999 h -90.128 z"
-         id="path152" />
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath170">
-      <path
-         d="m 262.498,530.522 h 74.377 v -86.151 h -74.377 z"
-         id="path168" />
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath190">
-      <path
-         d="m 406.086,506.959 h 22.617 V 480.26 h -22.617 z"
-         id="path188" />
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath206">
-      <path
-         d="m 357.604,507.208 h 21.209 v -26.625 h -21.209 z"
-         id="path204" />
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath222">
-      <path
-         d="m 380.867,507.541 h 20.731 V 480.26 h -20.731 z"
-         id="path220" />
-    </clipPath>
-  </defs>
+     id="defs2" />
  <sodipodi:namedview
-     inkscape:window-maximized="1"
-     inkscape:window-y="0"
-     inkscape:window-x="2005"
-     inkscape:window-height="1015"
-     inkscape:window-width="1920"
-     units="pt"
-     showgrid="false"
-     inkscape:document-rotation="0"
-     inkscape:current-layer="layer1"
-     inkscape:document-units="mm"
-     inkscape:cy="-1.3773898"
-     inkscape:cx="31.450874"
-     inkscape:zoom="7.9195959"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     borderopacity="1.0"
-     bordercolor="#666666"
+     showguides="false"
+     id="base"
     pagecolor="#ffffff"
-     id="base" />
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.186896"
+     inkscape:cx="18.206074"
+     inkscape:cy="6.3000167"
+     inkscape:document-units="px"
+     inkscape:current-layer="g900"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1029"
+     inkscape:window-x="0"
+     inkscape:window-y="22"
+     inkscape:window-maximized="1" />
  <metadata
     id="metadata5">
    <rdf:RDF>
@@ -92,16 +50,20 @@
    </rdf:RDF>
  </metadata>
  <g
-     id="layer1"
+     inkscape:label="Calque 1"
     inkscape:groupmode="layer"
-     inkscape:label="Calque 1">
-    <path
-       id="path833"
-       d="M 0.84490277,-0.00332422 V 1.6931298"
-       style="fill:none;stroke:#28429f;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    <path
-       style="fill:none;stroke:#28429f;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 1.6931298,0.84490277 H -0.00332423"
-       id="path833-2" />
+     id="layer1">
+    <g
+       transform="translate(0.99233661,0.51599475)"
+       id="g900">
+      <path
+         id="path833"
+         d="M 0.99286612,0.66810522 V 2.2556052"
+         style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 1.7866161,1.4618552 H 0.19911613"
+         id="path833-2" />
+    </g>
  </g>
 </svg>
@@ -8,9 +8,7 @@
        $this = $(this);
        if ( $this.is('#ressource') || $this.is('#publication') ) {
          e.preventDefault();
-
          var $url = $this.attr("href");
-
          if ($( ".side_notes" )[0]) {
            $( ".side_notes" ).remove();
          }
@@ -22,10 +20,10 @@

    function content_type($url, $this) {
      if ($this.is('#ressource')) {
-        $("<div class='side_notes'><a href="+$url+"></a> </div>").insertAfter("article");
+        $("<div class='side_notes'><a href="+$url+"></a> </div>").insertAfter(".__wrap_side article");
      }else if ( $this.is('#publication') ) {
        console.log('clcik');
-        $("<div class='side_notes'></>").insertAfter("article");
+        $("<div class='side_notes'></>").insertAfter(".__wrap_side article");
      }
    }

@@ -37,9 +35,9 @@
        async: true,
        success: function(data) {
          if ($this.is('#ressource')) {
-            $(data).find('article > div:not(.__wrap_side) .__wrapper').appendTo('.side_notes a');
+            $(data).find('article.publications .__wrapper').appendTo('.side_notes a');
          }else if ($this.is('#publication')) {
-            $(data).find('article > div:not(.__wrap_side) .__wrapper').appendTo('.side_notes');
+            $(data).find('article.publications .__wrapper').appendTo('.side_notes');
          }
          position_link($this);
        },
@@ -27,7 +27,8 @@
 * @ingroup themeable
 */
 #}
-<div{{ attributes }} class="container">
+
+<div id="block-popsu-colloque-submenu" class="container">
  {{ title_prefix }}
  {% if label %}
    <h2{{ title_attributes }}>{{ label }}</h2>
@@ -27,7 +27,7 @@
 * @ingroup themeable
 */
 #}
-<div{{ attributes }} class="col-12 col-md-6 px-0 col-lg-12">
+<div id="block-renderedsitesettingsblock-3" class="col-12 col-md-6 px-0 col-lg-12 px-0">
  {{ title_prefix }}
  {% if label %}
    <h2{{ title_attributes }}>{{ label }}</h2>
@@ -27,7 +27,7 @@
 * @ingroup themeable
 */
 #}
-<div{{ attributes }} class="col-12 col-md-6 col-lg-4">
+<div id="block-renderedsitesettingsblock-4" class="col-12 col-md-6 col-lg-4 px-0">
  {{ title_prefix }}
  {% if label %}
    <h2{{ title_attributes }}>{{ label }}</h2>
@@ -29,7 +29,7 @@
 #}


-<div{{ attributes }} class="col-12 col-md-6 col-lg-4">
+<div id="block-renderedsitesettingsblock-5" class="col-12 col-md-6 col-lg-4 px-0">
  {{ title_prefix }}
  {% if label %}
    <h2{{ title_attributes }}>{{ label }}</h2>
@@ -27,10 +27,9 @@
 * @ingroup themeable
 */
 #}
-<div class="col-12 d-md-flex d-lg-block col-lg-4">
+<div class="col-12 d-md-flex d-lg-block col-lg-4 px-0">

-
-<div{{ attributes }} class="col-12 col-md-6 col-lg-12 px-0">
+<div id="block-renderedsitesettingsblock" class="col-12 col-md-6 col-lg-12 px-0">
  {{ title_prefix }}
  {% if label %}
    <h2{{ title_attributes }}>{{ label }}</h2>
@@ -72,7 +72,7 @@
 * @ingroup themeable
 */
 #}
-<article{{ attributes }} class="col-12 col-md-10 mb-5 px-0">
+<article class="col-12 col-md-10 mb-5 px-0">
  {{ title_prefix }}
  {% if label and not page %}
    <h2{{ title_attributes }}>
@@ -73,7 +73,7 @@
 */

 #}
-<article{{ attributes }} class="row" id="moments">
+<article class="row" id="moments">
  <div class="__wrapper col-sm-12 col-md-9">
    <div class="__img-hero">
    {{content.field_image}}
@@ -72,7 +72,7 @@
 * @ingroup themeable
 */
 #}
-<article{{ attributes }} class="participant_full row">
+<article class="participant_full row">
  <div class="hero col">
    <figure class="d-md-flex d-block">
      <div class="__img">
@@ -75,7 +75,7 @@
 {% set isoClassTheme = content.field_theme[0][ '#plain_text'] %}
 {% set isoClassPublication = content.field_type_de_publication[0][ '#plain_text'] %}

-<article{{ attributes }} class="{{isoClassTheme}} {{isoClassPublication}} thumbnails publications">
+<article class="{{isoClassTheme}} {{isoClassPublication}} thumbnails publications">
  <div{{ content_attributes }}>
    <a href="{{ url }}">
      <div class="d-flex">
@@ -79,7 +79,7 @@
  {% set class = 'link_ext' %}
 {% endif %}

-<article{{ attributes }} class="thumbnails bibliographie {{class}}">
+<article class="thumbnails bibliographie {{class}}">
 <div>
 {% if urlExt %}
  <a target="_blank" href="{{urlExt}}">
@@ -73,7 +73,7 @@
 */
 #}

-<article{{ attributes }} class="thumbnails publications">
+<article class="thumbnails publications">
  <div{{ content_attributes }}>
    <a href="{{ url }}">
      <div class="d-flex">
@@ -0,0 +1,82 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a single page.
+ *
+ * The doctype, html, head and body tags are not in this template. Instead they
+ * can be found in the html.html.twig template in this directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - messages: Status and error messages. Should be displayed prominently.
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.header: Items for the header region.
+ * - page.primary_menu: Items for the primary menu region.
+ * - page.secondary_menu: Items for the secondary menu region.
+ * - page.highlighted: Items for the highlighted content region.
+ * - page.help: Dynamic help text, mostly for admin pages.
+ * - page.content: The main content of the current page.
+ * - page.sidebar_first: Items for the first sidebar.
+ * - page.sidebar_second: Items for the second sidebar.
+ * - page.footer: Items for the footer region.
+ * - page.breadcrumb: Items for the breadcrumb region.
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="layout-container">
+  <header role="banner" class="front container-fluid">
+    {{ page.header }}
+  </header>
+
+  {{ page.primary_menu }}
+  {{ page.secondary_menu }}
+
+  {{ page.breadcrumb }}
+
+  {{ page.highlighted }}
+
+  {{ page.help }}
+
+  <main role="main" class="d-flex container">
+    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+
+    <div class="layout-content mx-auto">
+      {{ page.content }}
+    </div>{# /.layout-content #}
+
+    {% if page.sidebar_second %}
+      <aside class="layout-sidebar-second col-2" role="complementary">
+        {{ page.sidebar_second }}
+      </aside>
+    {% endif %}
+  </main>
+
+  {% if page.footer %}
+    <footer role="contentinfo" class="container-fluid">
+      {{ page.footer }}
+    </footer>
+  {% endif %}
+
+</div>{# /.layout-container #}
@@ -0,0 +1,82 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a single page.
+ *
+ * The doctype, html, head and body tags are not in this template. Instead they
+ * can be found in the html.html.twig template in this directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - messages: Status and error messages. Should be displayed prominently.
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.header: Items for the header region.
+ * - page.primary_menu: Items for the primary menu region.
+ * - page.secondary_menu: Items for the secondary menu region.
+ * - page.highlighted: Items for the highlighted content region.
+ * - page.help: Dynamic help text, mostly for admin pages.
+ * - page.content: The main content of the current page.
+ * - page.sidebar_first: Items for the first sidebar.
+ * - page.sidebar_second: Items for the second sidebar.
+ * - page.footer: Items for the footer region.
+ * - page.breadcrumb: Items for the breadcrumb region.
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="layout-container">
+  <header role="banner" class="front container-fluid">
+    {{ page.header }}
+  </header>
+
+  {{ page.primary_menu }}
+  {{ page.secondary_menu }}
+
+  {{ page.breadcrumb }}
+
+  {{ page.highlighted }}
+
+  {{ page.help }}
+
+  <main role="main" class="d-flex container">
+    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+
+    <div class="layout-content">
+      {{ page.content }}
+    </div>{# /.layout-content #}
+
+    {% if page.sidebar_second %}
+      <aside class="layout-sidebar-second col-2" role="complementary">
+        {{ page.sidebar_second }}
+      </aside>
+    {% endif %}
+  </main>
+
+  {% if page.footer %}
+    <footer role="contentinfo" class="container-fluid">
+      {{ page.footer }}
+    </footer>
+  {% endif %}
+
+</div>{# /.layout-container #}
@@ -15,7 +15,7 @@
 */
 #}
 {% if content %}
-  <div{{ attributes }} class="d-flex container">
+  <div{{ attributes }} class="d-flex flex-wrap px-0 container">
    {{ content }}
  </div>
 {% endif %}