.ressources {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  > .main-title {
    display: none;
  }
  > div {
    padding: 0 $x_margin;
    display: grid;
    grid-template-columns: 0.25fr 1fr;
    grid-auto-rows: auto;
    > div > div:first-of-type {
      display: none;
    }
    > h2 {
      grid-column: 2;
      grid-row: 1;
      margin: 0 !important;
      padding: 0 !important;
      justify-self: start;
      align-self: end;
      > a {
        display: block;
        pointer-events: none;
        > span {
          display: block;
          @include sous_titre_alt();
        }
      }
    }
    // lien
    > div:has(a) {
      grid-column: 2;
      grid-row: 3;
      > div > span {
        margin-top: -1rem;
        @include fluo_button();
      }
      > div > span:last-of-type {
        display: none;
      }
    }
    // image
    > div:has(img) {
      grid-column: 1;
      grid-row: 1/4;
      min-width: 120px;
      padding: 2rem 0;
      margin-right: 2rem;
      img {
        border: solid 1px $teal;
        width: 100%;
        height: auto;
      }
    }
    // date
    > div:has(time) {
      grid-column: 2;
      grid-row: 2;
      margin-top: -1rem;
      align-self: center;
      display: block;
      padding-bottom: 0.5rem;
      @include main_text_content();
    }
  }
}

.views-row:first-of-type {
  > .ressources {
    margin-top: 13vh !important;
    > .main-title {
      display: block;
      padding-top: 5vh !important;
      @include main_title();
    }
  }
}

.ressource {
  .retour_ressources {
    padding-top: 3vh;
    padding-left: $x_margin;
    @include main_text_content();
    a {
      font-size: $sm_font_size;
      font-weight: 800;
      color: $teal;
    }
  }
  > div:not(.retour_ressources) {
    margin: $x_margin;
    display: grid;
    grid-template-columns: 0.25fr 1fr;
    grid-auto-rows: auto;
    > div > div:first-of-type {
      display: none;
    }
    > h2 {
      grid-column: 2;
      grid-row: 1;
      margin: 0 !important;
      padding: 0 !important;
      justify-self: start;
      > span {
        //margin-top: -1rem !important;
        display: block;
        @include sous_titre_alt();
      }
    }
    > div:not(.retour_ressources):first-of-type {
      grid-column: 2;
      grid-row: 3;
      > div > span {
        margin-top: -1rem;
        @include fluo_button();
      }
      > div > span:last-of-type {
        display: none;
      }
    }
    > div:nth-of-type(2) {
      grid-column: 1;
      grid-row: 1/4;
      padding: 2rem 0;
      margin-right: 2rem;
      img {
        width: 100%;
        height: auto;
      }
    }
    > div:nth-of-type(3) {
      grid-column: 2;
      grid-row: 2;
      margin-top: -1rem;
      @include main_text_content();
    }
  }
}
