@charset "UTF-8";
/* CSS Document */

#main, #wrapper.pt_storefront, #wrapper.pt_content{
  max-width: 100%
}

.fidelite{
  overflow: hidden;
  text-align: center;
}

.fidelite b, .fidelite strong{
  font-family: "Montserrat","sans-serif";
}

.fidelite img{
  display: block;
  max-width: 100%;
  height: auto;
}

.fidelite a{
  overflow: visible;
}

.fidelite .visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.fidelite .mt20{
  margin-top: 20px
}

.fidelite .mt30{
  margin-top: 30px
}

.fidelite .mt50{
  margin-top: 50px
}

.fidelite .mb20{
  margin-bottom: 20px
}

.fidelite .mb30{
  margin-bottom: 30px
}

.fidelite .mb50{
  margin-bottom: 50px
}

.fidelite .abs{
  position: absolute;
}

.fidelite .rel{
  position: relative;
}

.fidelite .left{
  text-align: left;
}

.fidelite .flexCenter{
  display: flex;
  justify-content: center;
  align-items: center;
}

.fidelite .z2{
  z-index: 2;
}

.fidelite .z3{
  z-index: 3;
}

.fidelite .z4{
  z-index: 4;
}

.fidelite .z6{
  z-index: 6;
}

.fidelite h1,.fidelite h2{
  color: #000;
}

.fidelite p{
  font-family: "Montserrat","sans-serif";
}

.fidelite .lh1-4{
  line-height: 1.4;
}

.fidelite .lh1{
  line-height: 1;
}

.fidelite .white{
  color: #FFF;
}

.fidelite .rose{
  color: #E64969;
}

.fidelite .o-hidden{
  overflow: hidden;
}

.fidelite .montserrat-black{
  font-family: Montserrat,"sans-serif"
  font-weight: 900;
}

.fidelite .montserrat-medium{
  font-family:"Montserrat";
  font-weight: 500;
}

.fidelite .montserrat-reg{
  font-family:"Montserrat";
}

.fidelite .text-center{
  text-align: center;
}

.fidelite .cta{
  border-radius: 60px;
  font-family: Montserrat,"sans-serif";
  outline: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all .2s ease-in-out;
  text-decoration: none;
  width: auto;
}

.fidelite .cta-rose{
  color: #FFF;
  background: #D33488;
  border: 2px solid #D33488;
}

.fidelite .cta-black{
  color: #000000;
  background: transparent;
  border: 2px solid #000000;
}

.fidelite section{
  position: relative;
}

/* NAV */
.fidelite .nav-fid .fs20{
  margin-bottom: 30px;
}

.fidelite .menu-fid-flex{
  display: flex;
  justify-content: space-between;
}

.fidelite .menu-fid{
  position: relative;
  z-index: 3;
  background: #FFF;
}

.fidelite .menu-fid-top{
  position: relative;
  z-index: 4;
  background: #FFF;
  padding: 45px 0;
}

.fidelite .menu-fid-fixed{
  display: none;
}

.fidelite .menu-fid-fixed.menu-active{
  position: fixed;
  top: 95px;
  left: 0;
  padding: 20px 0;
  background: #FFF;
  width: 100%;
  z-index: 3;
  display: block;
}

.fidelite .menu-fid__item{
  width: 15.3757225433526%;
  cursor: pointer;
  transition: transform ease-out 0.3s;
}

.fidelite .menu-fid__item img{
  pointer-events: none;
}

/* INTRO */
.fidelite .intro{
  z-index: 4;
  background: #FFF;
}

.fidelite .intro img{
  width: 100%;
}

.fidelite .titre-intro{
    font-family: "Montserrat","sans-serif";
    background: #F7E5E4;
    max-width: 352px;
    width: 24.44444444444444%;
    padding: 1% 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,50%);
}

.fidelite .intro .cta{
  margin-top: 5%;
}

/* STATUT */
.fidelite .statut{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  padding: 70px 0 0;
  overflow: hidden;
  z-index: 1;
}

.fidelite .statut-active{
  position: relative;
  opacity: 1;
  z-index: 2;
}

.fidelite .statut-babiz{
  background: #9CF9FE;
}

.fidelite .statut-babiz .bloc-points::after{
  background: #7CC8CC;
}

.fidelite .statut-vipiz{
  background: #FED7FF;
}

.fidelite .statut-vipiz .bloc-points::after{
  background: #DD94DE;
}

.fidelite .statut-teeniz{
  background: #CCFC7C;
}

.fidelite .statut-teeniz .bloc-points::after{
  background: #ACDD56;
}

.fidelite .statut-ladiz{
  background: #FCA870;
}

.fidelite .statut-ladiz .bloc-points::after{
  background: #E89156;
}

.fidelite .statut-queeniz{
  background: #FFF57D;
}

.fidelite .statut-queeniz .bloc-points::after{
  background: #DED34C;
}

.fidelite .picto-statut{
  max-width: 170px;
  width: 11.80555555555556%;
  margin: 0 auto 25px;
}

.fidelite .bloc-rewards{
  padding: 70px 0;
}

.fidelite .bloc-points{
  position: relative;
  padding: 8% 0;
}

.fidelite .bloc-points::after{
  content: "";
  position: absolute;
  top: 0;
  left: -25%;
  border-radius: 50%;
  width: 150%;
  padding-bottom: 135%;
}

.fidelite .left-card{
  position: absolute;
  left: 0;
  top: 28%;
  width: 14.58333333333333%;
  max-width: 210px;
}

.fidelite .right-card{
  position: absolute;
  right: 0;
  top: 24%;
  width: 18.05555555555556%;
  max-width: 260px;
}

.fidelite .list-card{
  position: relative;
  width: 228px;
  height: 314px;
  margin: 80px auto;
}

.fidelite .list-card__item{
  background: #FFF;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all ease-out 0.5s;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.fidelite .list-card__item *{
  pointer-events: none;
}

.fidelite .list-card__item--move-left-bot{
  transition: all ease-out 0.5s;
  top: 500%;
  left: -1000%;
}

.fidelite .list-card__item--move-left-top{
  transition: all ease-out 0.5s;
  top: -500%;
  left: -1000%;
}

.fidelite .list-card__item--move-right-bot{
  transition: all ease-out 0.5s;
  top: 500%;
  left: 1000%;
}

.fidelite .list-card__item--move-right-top{
  transition: all ease-out 0.5s;
  top: 500%;
  left: 1000%;
}

.fidelite .list-card__item:nth-child(1){
  z-index: 15;
}

.fidelite .list-card__item:nth-child(2){
  z-index: 14;
}

.fidelite .list-card__item:nth-child(3){
  z-index: 13;
}

.fidelite .list-card__item:nth-child(4){
  z-index: 12;
}

.fidelite .list-card__item:nth-child(5){
  z-index: 11;
}

.fidelite .list-card__item:nth-child(6){
  z-index: 10;
}

.fidelite .list-card__item:nth-child(7){
  z-index: 9;
}

.fidelite .list-card__item:nth-child(8){
  z-index: 8;
}

.fidelite .list-card__item:nth-child(9){
  z-index: 7;
}

.fidelite .list-card__item:nth-child(10){
  z-index: 6;
}

.fidelite .list-card__item:nth-child(11){
  z-index: 5;
}

.fidelite .list-card__item:nth-child(12){
  z-index: 4;
}

.fidelite .list-card__item:nth-child(13){
  z-index: 3;
}

.fidelite .list-card__item:nth-child(14){
  z-index: 2;
}

.fidelite .list-card__item:nth-child(15){
  z-index: 1;
}

.fidelite .list-card__item_left{
  transform: translateX(-8%) rotate(-10deg);
}

.fidelite .list-card__item_right{
  transform: translateX(8%) rotate(6deg);
}

.fidelite .list-card__item_top{
  transform: translateY(-8%) rotate(2deg);
}

.fidelite .list-card__item_bot{
  transform: translateY(6%) rotate(-4deg);
}

.fidelite .circle{
  width: 92px;
  height: 92px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.fidelite .statut-vipiz .list-card__item{
  border: 5px solid #FEF0FF;
  box-shadow: 0px 3px 12px #B184B355;
}

.fidelite .statut-babiz .list-card__item{
  border: 5px solid #9CF9FE91;
  box-shadow: 0px 3px 6px #7CC8CC55;
}

.fidelite .statut-teeniz .list-card__item{
  border: 5px solid #CCFC7C;
  box-shadow: 0px 3px 12px #ACDD5655;
}

.fidelite .statut-ladiz .list-card__item{
  border: 5px solid #FCA87084;
  box-shadow: 0px 3px 12px #E8915655;
}

.fidelite .statut-queeniz .list-card__item{
  border: 5px solid #ECE2618D;
  box-shadow: 0px 3px 12px #DED34C55;
}

.fidelite .statut-vipiz .circle{
  background: #FED7FF;
}

.fidelite .statut-babiz .circle{
  background: #9CF9FE;
}

.fidelite .statut-teeniz .circle{
  background: #CBFC7C;
}

.fidelite .statut-ladiz .circle{
  background: #FCA870;
}

.fidelite .statut-queeniz .circle{
  background: #FFF57D;
}

.fidelite .lottie-click{
  width: 100px;
  height: 100px;
  position: absolute;
  top: -15%;
  left: 57%;
}

/* APPLICATION */
.fidelite .application{
  display: flex;
}

.fidelite .application__text{
  background: #F5F5F5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.fidelite .flex{
  display: flex;
  justify-content: center;
}

.fidelite .flex a:first-child{
  margin-right: 30px;
}

.fidelite .picto-phone{
  max-width: 42px;
  width: 5.833333333333333%;
  margin: 30px auto;
}

/* HELP */
.help{
  padding: 70px 0;
}

@media only screen and (max-width : 1023px){
  .hidden-m{
    display: none !important;
  }

  .fidelite *{
     -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .fidelite *:focus{
    outline: none !important;
  }

  .fidelite .fs44{
    font-size: 44px;
  }

  .fidelite .fs36{
    font-size: 36px;
  }

  .fidelite .fs24{
    font-size: 24px;
  }

  .fidelite .fs22{
    font-size: 22px;
  }

  .fidelite .fs20{
    font-size: 20px;
  }

  .fidelite .fs18{
    font-size: 18px;
  }

  .fidelite .fs16{
    font-size: 16px;
  }

  .fidelite .cta{
    font-size: 24px;
    padding: 24px 45px;
  }

  .fidelite .mt15-m{
    margin-top: 15px
  }

  .fidelite .mt30-m{
    margin-top: 30px
  }

  .fidelite .mb30-m{
    margin-bottom: 30px
  }

  .fidelite .mt50-m{
    margin-top: 50px
  }

  .fidelite .mb50-m{
    margin-bottom: 50px
  }

  .fidelite .z3{
    z-index: 3
  }

  .fidelite .z4{
    z-index: 4;
  }

  .fidelite .plr15{
    padding: 0 15px
  }

  /*NAV*/
  /*.fidelite .menu-fid{
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .fidelite .menu-fid::-webkit-scrollbar {
    display: none;
  }*/

  .fidelite .menu-fid-top .menu-fid-flex{
    display: block;
    /*padding-left: calc(32.56410256410256% - 20px);*/
  }

  .fidelite .menu-fid-top .menu-fid__item{
    width: 47.8974358974359%;
    padding: 0 6%;
  }

  .fidelite .menu-fid__item img{
    width: 100%;
  }

  .fidelite .menu-fid__item{
    width: 18.376%;
  }

  .fidelite .menu-fid-fixed .menu-fid-flex{
    padding: 0 10px;
  }

  /*INTRO*/
  .fidelite .titre-intro{
    width: 90.25641025641026%;
  }

  .fidelite .intro .cta{
    margin-top: 16%;
  }

  /*STATUT*/
  .fidelite .left-card, .fidelite .right-card{
    display: none;
  }

  .fidelite .slider-rewards__item{
    width: 33.33333333333333%;
    margin-right: 30px;
  }

  .fidelite .slider-rewards__item img{
    margin: 0 auto;
  }

  .fidelite .picto-statut{
    width: 76.84210526315789%;
  }

  .fidelite .flickity-page-dots{
    bottom: -35px;
  }

  .fidelite ..flickity-slider {
    -webkit-overflow-scrolling: touch;
  }

  .fidelite .statut .flickity-page-dots .dot{
    width: 12px;
    height: 12px;
    margin: 0 7px;
    opacity: 1;
  }

  .fidelite .statut .flickity-page-dots .dot.is-selected{
    background: #FFF;
  }

  .fidelite .statut-babiz .flickity-page-dots .dot{
    background: #7CC8CC;
  }

  .fidelite .statut-vipiz .flickity-page-dots .dot{
    background: #DD94DE;
  }

  .fidelite .statut-teeniz .flickity-page-dots .dot{
    background: #ACDD56;
  }

  .fidelite .statut-ladiz .flickity-page-dots .dot{
    background: #E89156;
  }

  .fidelite .statut-queeniz .flickity-page-dots .dot{
    background: #DED34C;
  }

  .fidelite .list-card__item, .fidelite .list-card__item--move-left-bot, .fidelite .list-card__item--move-left-top, .fidelite .list-card__item--move-right-bot, .fidelite .list-card__item--move-right-top{
    transition: all ease-out 1.5s;
  }

  .fidelite .lottie-click{
    width: 70px;
    height: 70px;
    left: 78%;
  }

  /*APPLICATION*/
  .fidelite .application{
    flex-direction: column-reverse;
  }

  .fidelite .picto-phone{
    width: 17.69230769230769%;
  }

  .fidelite .application__text{
    padding: 50px 0;
  }

  /* HELP */
  .help{
    padding: 50px 0;
  }

}

@media only screen and (max-width : 640px){
  /* STATU */
  .fidelite .bloc-points{
    padding: 12% 0;
  }

  .fidelite .bloc-points::after{
    left: -50%;
    width: 200%;
    padding-bottom: 190%;
  }

  .fidelite .cta{
    font-size: 16px;
    padding: 16px 24px;
  }

}

@media only screen and (max-width : 380px){
  .fidelite .bloc-points::after{
    padding-bottom: 220%;
  }
}

@media only screen and (min-width : 1024px){
  .fidelite .hidden-d{
    display: none !important;
  }

  .fidelite .fs44{
    font-size: 44px;
  }

  .fidelite .fs36{
    font-size: 36px;
  }

  .fidelite .fs24{
    font-size: 24px;
  }

  .fidelite .fs22{
    font-size: 22px;
  }

  .fidelite .fs20{
    font-size: 20px;
  }

  .fidelite .fs18{
    font-size: 18px;
  }

  .fidelite .fs16{
    font-size: 16px;
  }

  .fidelite .cta{
    font-size: 18px;
    padding: 20px 40px;
  }

  .fidelite .cta-rose:hover{
    background: transparent;
    color: #D33488
  }

  .fidelite .cta-black:hover{
    background: #000;
    color: #FFF
  }

  /*NAV*/
  .fidelite .menu-fid{
    max-width: 865px;
    width: 60.06944444444444%;
    margin: 0 auto;
  }

  .fidelite .menu-fid-fixed .menu-fid-flex{
    max-width: 430px;
    width: 22.39583333333333%;
    margin: 0 auto;
  }

  .fidelite .menu-fid__item:hover{
    transform: scale(1.1);
    transition: transform ease-out 0.3s;
  }

  /* STATUT */
  .fidelite .slider-rewards{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 786px;
    margin: 0 auto;
  }

  .fidelite .slider-rewards__item{
    max-width: 159px;
    width: 20.22900763358779%;
    margin: 0 0 40px;
  }

  .fidelite .slider-rewards__item:not(:last-child):not(:nth-child(4)){
    margin-right: 6.361323155216285%;
  }

  /*.fidelite .statut-active .slider-rewards__item{
    opacity: 0;
    animation: fadeInUp 1s ease-in-out 0s forwards;
  }

  .fidelite .slider-rewards__item:nth-child(1) {
    animation-delay: 0.5s;
  }

  .fidelite .slider-rewards__item:nth-child(2)  {
    animation-delay: 1s;
  }

  .fidelite .slider-rewards__item:nth-child(3)  {
    animation-delay: 1.5s;
  }

  .fidelite .slider-rewards__item:nth-child(4)  {
    animation-delay: 2s;
  }

  .fidelite .slider-rewards__item:nth-child(5)  {
    animation-delay: 2.5s;
  }

  .fidelite .slider-rewards__item:nth-child(6)  {
    animation-delay: 3s;
  }

  .fidelite .slider-rewards__item:nth-child(7)  {
    animation-delay: 3.5s;
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }*/

  /*APPLICATION*/
  .fidelite .application__text, .fidelite .application__visuel{
    width: 50%;
  }

}