@charset "UTF-8";
/*
couleurs des planches unity
*/
/*
autres couleurs
*/
/* = #666666 rajouté de 50% de blanc US503519*/
/* boosted */
/* ONE-i*/
/* info ob1 Orange / Sosh*/
.crc-DeviceList .swiper-container {
  padding-right: 1px;
}

#deviceChoiceV2 .ob1-switch-view label.btn {
  line-height: 24px;
  border-right: 0.0625rem solid #F4F4F4;
  border-left: 0.0625rem solid #F4F4F4;
  padding-bottom: 2px;
}
#deviceChoiceV2 .ob1-carrousel.swiper-techno-device, #deviceChoiceV2 .ob1-carrousel.swiper-user-device {
  position: static !important;
}
#deviceChoiceV2 .crc-DeviceList .ob1-carrousel .swiper-wrapper {
  height: 12rem;
}
#deviceChoiceV2 .crc-DeviceList .ob1-carrousel .swiper-slide {
  height: 12rem;
  border: 1px solid #CCC;
  border-radius: 10px;
  display: grid;
  user-select: none;
}
#deviceChoiceV2 .crc-DeviceList .ob1-carrousel .swiper-slide.swiper-slide-selected {
  border-color: #FF7900;
}
#deviceChoiceV2 .crc-DeviceList .ob1-carrousel .swiper-button-next {
  right: -26px;
}
#deviceChoiceV2 .crc-DeviceList .ob1-carrousel .swiper-button-next:before {
  left: 9px;
  top: 9px;
  position: absolute;
}
#deviceChoiceV2 .crc-DeviceList .ob1-carrousel .swiper-button-prev {
  left: -27px;
}
#deviceChoiceV2 .crc-DeviceList .ob1-carrousel .swiper-button-prev:before {
  left: 9px;
  top: 9px;
  position: absolute;
}
#deviceChoiceV2 .crc-DeviceList .ob1-carrousel .swiper-slide:hover {
  border-color: #FF7900;
  cursor: pointer;
  text-decoration: underline;
}
@media (min-width: 736px) {
  #deviceChoiceV2 > div:first-of-type {
    border-right-color: #000;
    border-right-style: solid;
    border-right-width: 0.0625rem;
    flex-grow: 1;
  }
}
@media (max-width: 735px) {
  #deviceChoiceV2 > div:first-of-type > div:first-of-type {
    border-bottom-color: #CCC;
    border-bottom-style: solid;
    border-bottom-width: 0.0625rem;
  }
}
#deviceChoiceV2 .swiper-horizontal > .swiper-pagination-bullets, #deviceChoiceV2 .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
  width: auto;
}
#deviceChoiceV2 .swiper-pagination-bullet-active {
  background: #f16e00;
}

.ob1-loader {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
}

.bg-white-transparent .bg-white {
  background-color: rgba(255, 255, 255, 0.9019607843) !important;
}

@media (max-width: 735px) {
  #bottomHeaderDevice img {
    max-height: 100px !important;
  }
}
.asyncLoaded {
  transition: max-height 0.5s ease-in-out;
  overflow: hidden;
}