.sticky-col {
    position: sticky;
    top: 90px;
}

.sticky-jouer {
    position: sticky;
    top: 0;
    z-index: 10;
}

.point-plan-article {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: -5px;
    margin-right: 5px;
    line-height: 8px;
}

/* Swiper, cartes qui défilent */
.swiper {
  width: 240px;
  height: 360px;
}

.swiper-slide border {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  font-size: 22px;
  font-weight: bold;
}

/*Swiper : design des cards pour liste épreuves*/
.card-sleek {
    background: 
      radial-gradient(farthest-side at -33.33% 50%,#0000 52%,#ffffff 54% 57%,#0000 59%) 0 calc(40px/2),
      radial-gradient(farthest-side at 50% 133.33%,#0000 52%,#ffffff 54% 57%,#0000 59%) calc(40px/2) 0,
      radial-gradient(farthest-side at 133.33% 50%,#0000 52%,#ffffff 54% 57%,#0000 59%),
      radial-gradient(farthest-side at 50% -33.33%,#0000 52%,#ffffff 54% 57%,#0000 59%),
      #f6f6f6;
    background-size: calc(40px/4.667) 40px,40px calc(40px/4.667);
    
    /*background: linear-gradient(145deg, #E8EAF6, #BDBDBD);*/
}

.card-sleek .card-title {
    font-weight: 300;
    text-transform: uppercase;
}

.bg-plateau {
    background:
      radial-gradient(35.36% 35.36% at 100% 25%,#0000 66%,#435560 68% 70%,#0000 72%) 10px 10px/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 0    75%,#0000 66%,#435560 68% 70%,#0000 72%) 10px 10px/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 100% 25%,#0000 66%,#435560 68% 70%,#0000 72%) 0 0/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 0    75%,#0000 66%,#435560 68% 70%,#0000 72%) 0 0/calc(2*10px) calc(2*10px),
      repeating-conic-gradient(#37474f 0 25%,#0000 0 50%) 0 0/calc(2*10px) calc(2*10px),
      radial-gradient(#0000 66%,#435560 68% 70%,#0000 72%) 0 calc(10px/2)/10px 10px
      #37474f;

}