  /* ajout */
  .paragraph--type-hero-slider {
    position: relative; }
    .paragraph--type-hero-slider .inner {
    padding: 0; }
    .paragraph--type-hero-slider .field.field--name-field-node,
    .paragraph--type-hero-slider .field.field--name-field-image {
    margin-bottom: 0; }
    .paragraph--type-hero-slider .node-links {
    display: block;
    width: auto; }
    .paragraph--type-hero-slider .node-links .button-border-main {
    color: #ffffff; }
  
    @media (max-width: 48rem) {
      .hero-image {
        overflow: hidden; }
        .hero-image img {
          min-width: 100vw;
          min-height: 100vh;
          width: auto;
          max-width: none; } }
    
    .hero-background {
      position: absolute;
      top: 0;
      bottom: 0;
      opacity: 0.8;
      width: 100%; }
      @media (min-width: 75rem) {
        .hero-background {
          width: 50%; } }
    
    .hero-content {
      margin: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
      @media (min-width: 48rem) {
        .hero-content {
          max-width: 82rem; } }
      @media (min-width: 48rem) {
        .hero-content {
          padding: 0 4rem 2rem; } }
      .hero-content .inner {
        position: relative;
        height: 100%; }
    
    .hero-info {
      position: absolute;
      bottom: 0;
      margin: auto; }
      @media (max-width: 48rem) {
        .hero-info {
          top: 7.5rem;
          left: 2rem;
          right: 2rem; } }
      @media (min-width: 75rem) {
        .hero-info {
          top: 0;
          max-width: 50%;
          height: 50%; } }
      .hero-info .field--name-field-categories .field-item + .field-item {
        padding-left: 0; }
        .hero-info .field--name-field-categories .field-item + .field-item::before {
          margin-left: 0; }
    
    @media (min-width: 48rem) {
      .node--view-mode-hero {
        max-height: 100vh;
        overflow: hidden; } }
    
    .node--view-mode-hero .node-title {
      font-size: 3rem; }
      @media (max-width: 1200px) {
        .node--view-mode-hero .node-title {
          font-size: calc(1.425rem + 2.1vw) ; } }
      @media (min-width: 48rem) {
        .node--view-mode-hero .node-title {
          white-space: pre-wrap; } }
    
    .node--view-mode-hero .field.field--name-field-authors {
      display: block; }
    
    .node--view-mode-hero .field.field--name-field-authors .field-item {
      font-size: 1.2rem; }
    
    .node--view-mode-hero .field.field--name-field-dates {
      display: inline-block;
      padding: 0.5rem 1rem;
      background: #ffffff;
      margin: 1rem 0;
      word-break: break-word;
      font-size: 1.2rem; }
    
    .node--view-mode-hero .node-links {
      margin-top: 1rem; }
  
      .carrousel-cell{
        max-width: 100%;
        width: 100%;
      }

      /* position dots in carousel */
      .flickity-page-dots {
        bottom: 100px!important;
        width: auto!important;
        right: 50px!important;
      }
      /* white circles */
      .flickity-page-dots .dot {
        width: 12px!important;
        height: 12px!important;
        opacity: 1!important;
        background: transparent!important;
        border: 2px solid white!important;
      }
      /* fill-in selected dot */
      .flickity-page-dots .dot.is-selected {
        background: white!important;
      }