body:not(.wp-admin).bleu-fonce .section-top .top__container .swiper--ctn .scrollbar-ctn .top__scrollbar .swiper-scrollbar-drag,
div.wp-block.bleu-fonce .section-top .top__container .swiper--ctn .scrollbar-ctn .top__scrollbar .swiper-scrollbar-drag {
  background: #5C76B8;
}
body:not(.wp-admin).bleu-fonce .section-top .top__container .top__boutons .bouton1,
div.wp-block.bleu-fonce .section-top .top__container .top__boutons .bouton1 {
  color: #5C76B8;
}
body:not(.wp-admin).bleu-fonce .section-top .top__container .top__boutons .bouton1:hover,
div.wp-block.bleu-fonce .section-top .top__container .top__boutons .bouton1:hover {
  color: #F7F6E7;
}
body:not(.wp-admin).bleu-clair .section-top .top__container .swiper--ctn .scrollbar-ctn .top__scrollbar .swiper-scrollbar-drag,
div.wp-block.bleu-clair .section-top .top__container .swiper--ctn .scrollbar-ctn .top__scrollbar .swiper-scrollbar-drag {
  background: #6898AC;
}
body:not(.wp-admin).bleu-clair .section-top .top__container .swiper--ctn .branche_1_multipoints,
div.wp-block.bleu-clair .section-top .top__container .swiper--ctn .branche_1_multipoints {
  fill: #1E4B35;
}
body:not(.wp-admin).violet .section-top .top__container .swiper--ctn .scrollbar-ctn .top__scrollbar .swiper-scrollbar-drag,
div.wp-block.violet .section-top .top__container .swiper--ctn .scrollbar-ctn .top__scrollbar .swiper-scrollbar-drag {
  background: #B5A4CE;
}
body:not(.wp-admin).violet .section-top .top__container .swiper--ctn .branche_1_multipoints,
div.wp-block.violet .section-top .top__container .swiper--ctn .branche_1_multipoints {
  fill: #FBC45A;
}
body:not(.wp-admin).orange .section-top .top__container .swiper--ctn .scrollbar-ctn .top__scrollbar .swiper-scrollbar-drag,
div.wp-block.orange .section-top .top__container .swiper--ctn .scrollbar-ctn .top__scrollbar .swiper-scrollbar-drag {
  background: #DF9E64;
}
body:not(.wp-admin).jaune .section-top .top__container .swiper--ctn .scrollbar-ctn .top__scrollbar .swiper-scrollbar-drag,
div.wp-block.jaune .section-top .top__container .swiper--ctn .scrollbar-ctn .top__scrollbar .swiper-scrollbar-drag {
  background: #DFCB01;
}
body:not(.wp-admin).jaune .section-top .top__container .swiper--ctn .branche_1_multipoints,
div.wp-block.jaune .section-top .top__container .swiper--ctn .branche_1_multipoints {
  fill: #76A38D;
}
.section-top {
  overflow-x: clip;
}
.section-top .top__container {
  max-width: 1636px;
  padding: 0 40px;
  margin: auto;
  position: relative;
}
.section-top .top__container h2 {
  font-family: 'Gotham XNarrow', sans-serif;
  font-size: 5.5rem;
  font-weight: 900;
  font-variant: normal;
  text-transform: none;
  margin-bottom: 5px;
  letter-spacing: 0;
}
.section-top .top__container h3 {
  font-family: 'Gotham XNarrow', sans-serif;
  font-size: 3.4rem;
  font-weight: bold;
  margin-bottom: 0;
}
.section-top .top__container .swiper--ctn {
  margin-top: 10px;
  position: relative;
}
.section-top .top__container .swiper--ctn .branche_1_multipoints {
  position: absolute;
  width: 261px;
  height: auto;
  padding: 0;
  fill: #DFCB01;
  -webkit-transform: translate(-56%,0) rotate(45deg);
  -moz-transform: translate(-56%,0) rotate(45deg);
  -ms-transform: translate(-56%,0) rotate(45deg);
  -o-transform: translate(-56%,0) rotate(45deg);
  transform: translate(-56%,0) rotate(45deg);
  left: 0;
  top: 154px;
}
.section-top .top__container .swiper--ctn .scrollbar-ctn {
  height: 15px;
  background: #ffffff;
  padding: 4px 6px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  max-width: 640px;
  margin-left: auto;
}
.section-top .top__container .swiper--ctn .scrollbar-ctn.hidden {
  display: none;
}
.section-top .top__container .swiper--ctn .scrollbar-ctn .top__scrollbar .swiper-scrollbar-drag {
  height: 7px;
  background: #76A38D;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.section-top .top__container .swiper--ctn .swiper {
  margin-top: 30px;
  overflow: visible;
  clip-path: inset(-100vw -100vw -100vw 0);
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide {
  height: auto;
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item {
  width: 100%;
  height: 100%;
  padding: 35px 30px 25px;
  display: block;
  position: relative;
  color: #5C76B8;
  background: #F7F6E7;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item.vert {
  color: #76A38D;
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item.vert .item__etiquette {
  background: #76A38D;
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__etiquette {
  font-size: 1.5rem;
  font-weight: 500;
  background: #5C76B8;
  color: #F7F6E7;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 2px 16px;
  margin-right: 10px;
  margin-bottom: 5px;
  display: inline-block;
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__titre {
  font-size: 3rem;
  margin: 13px 0 5px;
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__soustitre {
  font-size: 2rem;
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__image {
  margin: 20px auto;
  width: 336px;
  height: 336px;
  -webkit-border-radius: 336px;
  -moz-border-radius: 336px;
  border-radius: 336px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__image .imgcrop {
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__infos {
  font-size: 1.5rem;
  font-weight: 500;
  border: 1px solid #5C76B8;
  background: #5C76B8;
  color: #F7F6E7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 1px 15px;
  margin-right: 10px;
  margin-bottom: 5px;
  display: inline-block;
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__infos.difficulty {
  background: #F7F6E7;
  color: #5C76B8;
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__infos.closed {
  background: #E96849;
  border-color: #E96849;
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__datas {
  margin-top: 16px;
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__datas .item__datas-data {
  font-size: 1.6rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  margin-right: 30px;
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__datas .item__datas-data i {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(92,118,184,0.35);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.9rem;
  margin-right: 10px;
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__intro {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
}
.section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item:hover .item__image .imgcrop {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.section-top .top__container .top__boutons {
  margin-top: 40px;
}
.section-top .top__container .top__boutons > * {
  margin-right: 16px;
}
.section-top .top__container .top__boutons > *:last-child {
  margin-right: 0;
}
@media (max-width: 1845px) {
  .section-top .top__container {
    padding: 0 150px;
  }
}
@media (max-width: 1599px) {
  .section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__image {
    width: 250px;
    height: 250px;
  }
}
@media (max-width: 1366px) {
  .section-top .top__container .swiper--ctn .branche_1_multipoints {
    width: 200px;
  }
  .section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__image {
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 1199px) {
  .section-top .top__container .top__liste .branche_1_multipoints {
    width: 180px;
  }
  .section-top .top__container .swiper--ctn .scrollbar-ctn.hidden.elements-3 {
    display: block;
  }
}
@media (max-width: 1024px) {
  .section-top .top__container h2 {
    font-size: 3.6rem;
  }
  .section-top .top__container h3 {
    font-size: 2rem;
  }
  .section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__etiquette {
    font-size: 1.4rem;
  }
  .section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__titre {
    font-size: 2.4rem;
  }
  .section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__soustitre {
    font-size: 1.8rem;
  }
}
@media (max-width: 991px) {
  .section-top .top__container {
    padding: 0 40px;
  }
  .section-top .top__container .swiper--ctn {
    margin-top: 40px;
  }
  .section-top .top__container .swiper--ctn .branche_1_multipoints {
    display: none;
  }
  .section-top .top__container .swiper--ctn .swiper {
    clip-path: inset(-100vw -100vw -100vw -100vw);
  }
  .section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item {
    padding: 20px;
  }
}
@media (max-width: 767.98px) {
  .section-top .top__container .swiper--ctn .swiper .swiper-slide .top__item .item__image {
    width: 160px;
    height: 160px;
    margin: 10px auto;
  }
  .section-top .top__container .swiper--ctn .scrollbar-ctn.hidden.elements-2 {
    display: block;
  }
}