@keyframes floatingBarFadeinout {

      0%,
      49% {
            display: flex;
            opacity: 1;
            z-index: 9;
      }

      51%,
      to {
            display: none;
            opacity: 0;
            z-index: 1;
      }
}

@keyframes floatingBarFadeinout3item {

      0%,
      32% {
            display: flex;
            opacity: 1;
            z-index: 9;
      }

      33%,
      to {
            display: none;
            opacity: 0;
            z-index: 1;
      }
}

@keyframes floatingBarFadeinout4item {

      0%,
      22%,
      23%,
      24% {
            display: flex;
            opacity: 1;
            z-index: 9;
      }

      25%,
      26%,
      to {
            display: none;
            opacity: 0;
            z-index: 1;
      }
}

.floating_bar_HP,
.floating_bar_HP ul {
      width: 100%;
      height: 100%;
      position: relative
}

.floating_bar_HP {
      overflow: hidden;
      border: 0
}

.floating_bar_HP ul {
      padding: 0;
      margin: 0;
      list-style: none
}

.floating_bar_HP li {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      z-index: 1
}

.floating_bar_HP li a {
      color: #fff;
      text-decoration: underline
}

.floating_bar_HP li .paragraph-body {
      color: #fff
}

.floating_bar_HP .floatingTextMobile {
      display: block
}

.floating_bar_HP .floatingTextMobile .font-size-mobile {
      font-size: .9em
}

.floating_bar_HP .floatingTextDesktop {
      display: none
}

.floating_bar_HP._2msg_2021 li.item1 {
      animation: floatingBarFadeinout 10s infinite .1s linear;
      -webkit-animation: floatingBarFadeinout 10s infinite .1s linear;
      transition: .5s linear all
}

.floating_bar_HP._2msg_2021 li.item2 {
      animation: floatingBarFadeinout 10s infinite 5.1s linear;
      -webkit-animation: floatingBarFadeinout 10s infinite 5.1s linear;
      transition: .5s linear all
}

.floating_bar_HP._3msg_2021 .item1 {
      animation: floatingBarFadeinout3item 15s infinite .1s linear;
      -webkit-animation: floatingBarFadeinout3item 15s infinite .1s linear;
      transition: .5s linear all
}

.floating_bar_HP._3msg_2021 .item2 {
      animation: floatingBarFadeinout3item 15s infinite 5.1s linear;
      -webkit-animation: floatingBarFadeinout3item 15s infinite 5.1s linear;
      transition: .5s linear all
}

.floating_bar_HP._3msg_2021 .item3 {
      animation: floatingBarFadeinout3item 15s infinite 10.1s linear;
      -webkit-animation: floatingBarFadeinout3item 15s infinite 10.1s linear;
      transition: .5s linear all
}

.floating_bar_HP._4msg_2022 .item1 {
      animation: floatingBarFadeinout4item 20s infinite .1s linear;
      -webkit-animation: floatingBarFadeinout4item 20s infinite .1s linear;
      transition: .5s linear all
}

.floating_bar_HP._4msg_2022 .item2 {
      animation: floatingBarFadeinout4item 20s infinite 5.1s linear;
      -webkit-animation: floatingBarFadeinout4item 20s infinite 5.1s linear;
      transition: .5s linear all
}

.floating_bar_HP._4msg_2022 .item3 {
      animation: floatingBarFadeinout4item 20s infinite 10.1s linear;
      -webkit-animation: floatingBarFadeinout4item 20s infinite 10.1s linear;
      transition: .5s linear all
}

.floating_bar_HP._4msg_2022 .item4 {
      animation: floatingBarFadeinout4item 20s infinite 15.1s linear;
      -webkit-animation: floatingBarFadeinout4item 20s infinite 15.1s linear;
      transition: .5s linear all
}


.floating_bar_HP p.body-02 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
}

.floating_bar_HP p.body-02 span.font-size-mobile {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
}

.floating_bar_HP a span {
      display: block;
}

/* Style pour base body */
.floatingBar#floatingBanner .floatingBar__content {
      max-width: 100%;
      width: 100%;
}

.floatingBar#floatingBanner .floatingBar__close {
      display: none;
}

@media (min-width:1024px) {
      .floating_bar_HP .floatingTextMobile {
            display: none
      }

      .floating_bar_HP .floatingTextDesktop {
            display: block
      }
}