#CybotCookiebotDialogPoweredByText, #CybotCookiebotDialogHeader {
  display: none !important;
}
#CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay *{
   font-size: 10px !important;
   line-height: 12px !important;
}

#CybotCookiebotDialog .CookieCard {
  padding: 0.5em 0 !important;
}
#CybotCookiebotDialog .CookieCard:not(:first-child) {
  padding-top: 0.5em !important;
}

#CybotCookiebotDialog {
  max-height: 80vh !important;
}

#CookiebotWidget{
  position:absolute !important;
  bottom: 4px !important;
  left: 2px !important;
}

#CookiebotWidget.CookiebotWidget-open, #CookiebotWidget.CookiebotWidget-inactive {
  position:fixed !important;
}

.CookiebotWidget-main-logo {
 display: none !important;
}


#hookModal {
  overflow-y: auto;
}

.flex-grow-1{
  flex-grow: 1;
}

.flex-grow-2{
  flex-grow: 2;
}

.flex-grow-3{
  flex-grow: 3;
}

.flex-grow-4{
  flex-grow: 4;
}

.flex-grow-5{
  flex-grow:5;
}

.flex-grow-6{
  flex-grow: 6;
}

.flex-grow-7{
  flex-grow: 7;
}

.flex-grow-8{
  flex-grow: 8;
}

.flex-grow-9{
  flex-grow: 9;
}

.shake-horizontal-backwards {
	-webkit-animation: shake-horizontal-backwards 7s ease-in-out infinite both;
	animation: shake-horizontal-backwards 7s ease-in-out infinite both;
}
.shake-horizontal-forwards {
	-webkit-animation: shake-horizontal-forwards 7s ease-in-out infinite both;
	animation: shake-horizontal-forwards 7s ease-in-out infinite both;
}

@-webkit-keyframes shake-horizontal-forwards {
  0%,
  4%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  1% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  2% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  3% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
}
@keyframes shake-horizontal-forwards {
  0%,
  4%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  1% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  2% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  3% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
}

@-webkit-keyframes shake-horizontal-backwards {
  0%,
  4%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  1% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  2% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  3% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
}
@keyframes shake-horizontal-backwards {
  0%,
  4%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  1% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  2% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  3% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
}

.progress-bar-percent {
  width: 100%;
  max-width: 500px;
  color: #9c9c9c;
  font-size: 14px;
  padding-bottom: 2px;
}

.progress-bar-step-final {
  position: absolute;
  bottom: -12px;
  right: 6%;
  background-color: #9c9c9c;
  width: 2px;
  height: 15px;
  z-index: 10;
}

.progress-bar {
  position: relative;
  height: 10px;
  width: 95%;
  max-width: 500px;
  border-radius: 50px;
  background-color: #dedede;
}

.filler {
  background: #26a5ca;
  height: 100%;
  border-radius: inherit;
  transition: width .2s ease-in;
}

.label-rule-product {
  background-color: #5bc0de;
  color: white;
}

.carousel-inner .carousel-item {
  -webkit-transition: -webkit-transform .6s !important;
  transition: -webkit-transform .6s !important;
  -o-transition: -o-transform .6s !important;
  transition: transform .6s !important;
  transition: transform .6s, -webkit-transform .6s, -o-transform .6s !important;
}

.carousel-item.active {
  display: block !important;
}

.img-slide {
  width: 100%;
}


.attention {
  -webkit-animation: attention 0.3s linear forwards;
  animation: attention 0.3s linear forwards;
}

@-webkit-keyframes attention {

  0%,
  100% {
    -webkit-background-color: translateX(0);
    transform: translateX(0);
  }

  25% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }

  50% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }

  75% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
}

@keyframes attention {

  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  25% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }

  50% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }

  75% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
}


.overflow-auto {
  overflow: auto;
}

body #carouselFade .display-large {
  display: flex;
}

body #carouselFade .display-small {
  display: none;
}

#carouselFade .slider-control {
  height: 5rem;
  width: 3rem;
  margin: auto 0;
  opacity: .4;
}

#carouselFade .slider-control:hover {
  opacity: 1;
}

#carouselFade .slider-control-design {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  height: 50%;
  border-radius: 100%;
  border: 0.2rem lightgrey solid;
  background-color: black;
  padding-left: 5px;
}

.slick-track {
  display: flex;
  flex-direction: row;
}

.carousel-button {
  position: absolute;
  top: 50%;
  bottom: auto;
  border-radius: 100%;
  background-color: grey;
  opacity: 25%;
  border: 4px white solid;
  color: white;
  z-index: 10;
  font-size: 200%;
  width: 3rem;
  height: 3rem
}

.carousel-button-left {
  left: 0;
}

.carousel-button-left:hover {
  background-color: grey;
  opacity: 75%;
}

.carousel-button-right {
  right: 0;
}

.carousel-button-right:hover {
  background-color: grey;
  opacity: 75%;
}

.slick-prev::before,
.slick-next::before {
  font-family: icomoon;
  font-size: 2.2rem;
  color: black;
}

#carouselFade .carousel-control-prev {
  justify-content: start;
}

#carouselFade .carousel-control-next {
  justify-content: end;
}

#carouselFade .carousel-control-prev-icon {
  margin-left: 0;
  margin-right: auto;
}

#carouselFade .carousel-control-next-icon {
  margin-left: auto;
  margin-right: 0;
}

.slider-control-icon-left {
  width: 90%;
  height: 90%;
  top: 5%;
  left: 15%;
}

.slider-control-icon-right {
  width: 90%;
  height: 90%;
  top: 5%;
  left: 20%;
}

.standard-form textarea {
  /* box-sizing: padding-box; */
  overflow: hidden;
  /* demo only: */
  padding-top: 10px;
  padding-bottom: 10px;
  width: 95%;
  height: auto;
  vertical-align: top;
}

.gift_send_form div {
  margin: 0.5em;
}

.gift_send_form input {
  margin-left: 0.5em;
}

.standard-form input {
  width: 95%;
}

.gift_send_form__name {
  width: 35%;
}

.gift_send_form__email {
  width: 45%;
}

.gift_send_form__subject {
  font-weight: bold;
}

.gift_send_form__message_header,
.gift_send_form__message_footer {
  padding: 0.8em;
}

.gift_send_form__message_body {
  margin-left: 0.8em;
  width: 90%;
  margin-left: 4%;
  margin-right: auto;
}

input[type=checkbox] {
  width: 1em;
}

.admin-checkbox input[type=checkbox] {
  width: 1em;
  height: 1em;
}

input[type=radio] {
  width: 1em;
}

.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
  cursor: pointer;
}

.standard-form select {
  width: 95%;
  background-color: white;
}

.filter-mobi__block {
  font-size: 70%;
  padding: 0.5rem;
}

.filter-mobi__container {
  display: inline-block;
  margin-left: 0.5rem;
}

.order-mobi__block {
  display: flex;
  align-items: center;
  font-size: 70%;
  padding: 0.5rem;
}

.order-mobi__title {
  min-width: 56px;
}

.order-mobi__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.order-mobi__line {
  margin-left: 0.5rem;
  display: flex;
  justify-content: space-between;
  font-size: 90%;
}

.order-mobi__line span {
  font-size: 120%;
  padding-right: 10px;
}

.filter-mobi__select {
  padding: 0.5rem;
  border: 1px grey;
  max-width: 115px;
  border-radius: 3px;
  background-color: lightgrey;
}

.for-printing {
  display: none;
}

.row-price {
  text-align: center;
}

body .btn-warning {
  color: white !important;
}

.btn-buy-link-design a:hover {
  text-decoration: none;
}



/* FIX CSS PRODUCT ITEM */
.add-pop-up__cross .btn-buy-link-design {
  display: flex;
  justify-content: center;
}

.add-pop-up__cross .btn-buy-link-design .full-width {
  width: auto;
}

.add-pop-up__cross .not-conf {
  margin-top: -5px;
}

.add-pop-up__cross .selector.centered-text {
  margin-top: -2px;

}

.add-pop-up__cross .width-70 {
  width: 100%;
  max-width: 120px;
}

.other-link-line a {
  height: 3.5rem;
  padding: 1rem 0;
  width: 100%;
}

.rp-error-container {
  text-align: center;
  padding: 10px;
}

#formPassword {
  width: 60%;
  margin: auto;
  text-align: center;
}

#formPassword input {
  margin-bottom: 20px;
}

.rp-error-container__btn {
  margin: 20px;
  padding: 10px;
}

.list-out-btn {
  text-align: center;
  padding-top: 2%;
  width: 185px;
}

.list-out-btn__text {
  font-size: 75%;
  padding-top: 10PX;
}

.list-out-btn__img {
  width: 130px;
  height: 130px;
}

h3 {
  font-size: 1.75em;
}

.btn-default {
  background-color: #d1ccb9;
}

.btn-address {
  width: 95%;
  border-radius: 0%;

}

.picto-search {
  position: absolute;
  right: 35px;
  bottom: 2px;
  width: 1.8rem;
  background-color: white;
  border-radius: 100%;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);

}

.disabled-input {
  background-color: #dfdfdf !important;
}

.product-calculator-picto {
  width: 6rem;
  min-width: 6rem;
  max-width: 6rem;
  margin-right: 0.2rem;
}

.btn-disabled {
  cursor: not-allowed !important;
  color: white;
  background-color: #646665;
}


.filter-block {
  overflow-y: auto;
  height: 210px;
}

.breadcrumb {
  padding: 0.1rem;
  background-color: #d8d8d8;
  border-radius: 0;
  margin-bottom: 0.5rem;
}

.breadcrumb-siblings {
  position: absolute;
  z-index: 20;
  top: 100%;
  left: 0;
  background-color: #bfbfbf;
  padding: 0.2rem;
  font-size: 65%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 200px;
}

.stars-outer {
  font-family: 'icomoon' !important;
  font-size: 1.5em;
  line-height: 1em;
  display: inline-block;
  position: relative;
  text-shadow: 1px 1px black;
}

.home-box-deal-infos {
  width: 100%;
  text-align: center;
  margin: auto;
  height: 190px;
  line-height: 10px;
}

.new-home-box-deal-infos {
  text-align: center;
  margin: auto;
}

.home-box-deal-infos .small-margin {
  margin: 0 auto;
}

.new-home-box-deal-infos .small-margin {
  margin: 0 auto;
}

.home-box-deal-infos button {
  width: 100px;
}

.new-home-box-deal-infos button {
  width: 100px;
}

.home-box-deal-infos form {
  margin: 5px 0;
}

.new-home-box-deal-infos form {
  margin: 5px 0;
}

.home-header-deal-day_img {
  width: 320px;
}

.home-box-deal-infos__text {
  font-size: 65%;
}

.home-box-deal-infos .crossed-text {
  padding: 5px;
}

.new-home-box-deal-infos .crossed-text {
  padding: 5px;
}

.deal-day-eco__container-img {
  position: relative;
  margin: 0 0.2rem;
}

.deal-day-eco__img {
  width: 115px;
  height: 57px;
}

.new-deal-day-eco__img {
  width: 90px;
}

.dd-desktop {
  display: block;
}

.dd-mobile {
  display: none;
}

.featured_doublechevrons-desktop {
  display: block;
  font-size: 50%;
}

.featured_doublechevrons-mobile {
  display: none;
}

.deal-day-eco__price {
  position: absolute;
  top: 30px;
  left: 0%;
  right: 0%;
  font-size: 85%;
}

.top-sale-container__header {
  max-width: 100%;
}

.multi-pay_title {
  text-align: center;
  padding: 1rem;
  font-size: 100%;
  background-color: #bfd0e6;
}

.multi-pay_subtitle {
  font-size: 80%;
}

.multi-pay-line-picto_img {
  width: 85px;
}

.multi-pay-line-infos {
  font-size: 90%;
}


/* rating systeme */

.stars-outer::before {
  color: darkgrey;
  content: "\f005 \f005 \f005 \f005 \f005";
}

.stars-inner {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
}

.stars-inner::before {
  content: "\f005 \f005 \f005 \f005 \f005";
  color: #f8ce0b;
}


/* rating systeme */

.availability-alert {
  margin: auto;
  text-align: center;
  padding: 0.5rem;
  font-size: 0.8rem;
}

.availability-text {
  margin: 0 0 0.8rem 0;
  color: black;
  padding: 0.
}

.availability-already {
  color: #30882B;
}

.btn-availability {
  font-size: 0.9rem;
  color: white;
  margin: 0.8rem 0;
  font-weight: bold;
  border: 1px #13660F solid;
  background-color: #30882B;
}

.youtube_player {
  margin: 2rem 0;
}

.youtube_player_iframe {
  
}

.youtube_short_player{
  max-width: 400px;
}

.youtube_short_player_iframe{
  height: 700px;
}

.youtube_player_category_head {
  margin: 0 auto;
  height: 100%;
}

.youtube_player_iframe_category_head {
  height: 100%;
}

.youtube_short_player_category_head{
  margin: 0 auto;
  height: 100%;
}

.youtube_short_player_iframe_category_head{
  height: 100%;
}

.youtube_player_category_head_mobile {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.youtube_player_iframe_category_head_mobile {
  height: 100%;
  width: 100%;
}

.youtube_short_player_category_head_mobile{
  height: 100%;
  width: 100%;
  margin: 0 auto;
}

.youtube_short_player_iframe_category_head_mobile{
  height: 100%;
  width: 100%;
}

.add-pop-up__warranty {
  font-size: 75%;
  padding: 0.2rem;
  border: 2px darkgrey solid;
  margin-top: 0.1rem;
  height: 290px;
  overflow-x: scroll;
  word-break: break-word;

}


.btn-link.show-more:focus {
  box-shadow: none;
  outline: 0;
}

.add-pop-up-content {
  border: 2px solid #5cb85c;
  padding: 0.2rem;
}

.add-pop-up-content p {
  margin: 0 0 0.8rem 0;
  text-align: center;
}

.add-pop-up__cross {
  padding: 0.2rem;
  border: 2px darkgrey solid;
  margin-top: 0.1rem;
  min-height: 290px;
}

.add-pop-up__button {
  padding: .5rem 0 0 0;
  margin: 0.5rem 0 0.5rem 0;
}

.add-pop-up-content__thumb {
  max-width: 60px;
}

.crossell-title {
  font-size: 0.7rem;
}

.cross-sell-path-popup .product-listing-list-product-img-info__title {
  line-height: 9px;
}

.add-pop-up-content__title {
  width: 55%;
}

.product-item-thumb {
  margin: auto;
}

.top-sale-container__product-line {
  background-color: #D2EBD2;
}

.private-sale-price-bloc {
  background-color: yellow;
  padding: 0;
  border-radius: 5px;
  width: 80%;
  margin: 0 auto;
  font-size: 120%;
}

.private-sale__text {
  font-size: 55%;
}

.border-r-bg-blue-light {
  border: 1px solid #5bc0de;
  border-left: 5px solid #5bc0de;
}

.color-blue-light {
  color: #5bc0de;
}

.map-leaflet {
  padding: 0.2rem;
}

.leaflet {
  height: 100%;
}

.map-hide {
  z-index: -5;
  opacity: 0;
  position: absolute;
  width: 656.66px;
  height: 596px;
}

.map-show {
  position: static;
}

.listing-relay {
  height: 418px;
  width: 100%;
  padding: 0.1rem;
  overflow-y: scroll;
}

.relay-row {
  height: 5rem;
  margin: 0.3rem auto;
  padding: 0.5rem;
  border-radius: 3px;
  cursor: pointer;
}

.submit-relay {
  width: 40%;
  min-width: 100px;
  padding: 10px 10px 20px 10px;
}

.leaflet-inputs .select-country select {
  max-width: 89%;
}

.submit-relay input {
  min-width: 100px;
}

.leaflet-inputs .select-country {
  max-width: 282px;
}

.destination-bar {
  padding: 0.2rem 0;
}

#mapid {}

#relayMap {
  height: 580px;
}

.relay-img {
  max-width: 150px;
}

.marker-cluster-small {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  padding-top: 10px;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 224, 37, 1) 1%, rgba(0, 224, 37, 1) 10%, rgba(0, 224, 37, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 224, 37, 1) 1%, rgba(0, 224, 37, 1) 10%, rgba(0, 224, 37, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(0, 224, 37, 1) 1%, rgba(0, 224, 37, 1) 10%, rgba(0, 224, 37, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

.leaflet-pane {
  z-index: 0;
}

.leaflet-top,
.leaflet-bottom {
  z-index: 1;
}

.map-leaflet #customScrollbar::-webkit-scrollbar-thumb {
  background-color: grey;
}

.map-leaflet #customScrollbar::-webkit-scrollbar {
  width: 12px;
}


/*TEST LEAFLET*/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.cart-cms-bloc_container h4 {
  font-size: 80%;
}

.cart-cms-bloc_text {
  font-size: 70%;
}

.cart-page-qty input[type=number]::-webkit-inner-spin-button,
.cart-page-qty input[type=number]::-webkit-outer-spin-button {
  opacity: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.cart-item-free__text {
  font-weight: bold;
}

.re-add-to-cart .btn-label {
  font-size: 70%;
}

.gift-product-line {
  width: 85%;
  margin: auto;
}

.cart-thumb-free {
  width: 6rem;
}

.modal-body .login-signin-popup form {
  max-width: 35rem;
  margin: auto;
  max-height: 15rem;
}

.modal-body form .btn {
  float: right;
}

.configurable-product-selectors_container-input {
  text-align: right;
  min-width: 72px;
}

.configurable-product-selectors_sku {
  text-align: left;
  max-width: 60px;
}

.configurable-product-selectors_out {
  font-size: 80%;
}

.configurable-product-selectors_selector input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  display: none;
}

.configurable-product-selectors_selector {
  margin: 0.5rem 0;
  line-height: 12px;
}

.configurable-product-selectors_input {
  width: 1.5rem;
  height: 1.5rem;
  margin: auto;
  text-align: center;
}

.configurable-product-selectors_selector .btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.config-btn-qty {
  width: 1.5rem;
  height: 1.5rem;
  border-color: darkgrey;
  padding: 0px;
  background-image: linear-gradient(lightgrey, white);
}

.configurable-product-selectors_pricing .row-price {
  margin: auto;
  font-size: 120%;
}

.configurable-sku {
  font-size: 80%;
}

.configurable-product-selectors {
  text-align: center;
}

.configurable-product-selectors_name {
  padding-left: 0;
  text-align: left;
  width: 100%;
}

.configurable-product-selectors_pricing {
  text-align: right;
  min-width: 35%;
  font-weight: bold;
}

.product-page_gift-container {
  background-color: yellow;
  font-size: 80%;
  margin-top: 1rem;
}

#content-product-page h2{
  font-weight: bold;
  font-size: 0.806rem;
}

.generalDescription {
  width: 100% !important;
}

.gift-container_container-img {
  max-width: 20%;
}

.gift-container_img {
  width: 100%;
}

.gift-container_txt {
  padding: 7px;
  width: 80%;
}

.gift-popup-head-container_substitution {
  font-size: 80%;
}

.gift-popup-content {
  font-size: 100%;
}

.gift-popup-content h3 {
  font-size: 80%;
}

.gift-popup-head {
  text-align: center;
  background-color: yellow;
  min-height: 20px;
  margin-bottom: 5px;
}

.gift-popup_title {
  font-weight: bold;
  margin-right: 5px;
}

.gift-popup_sku {
  font-size: 80%;
}

.filter-uncheck {
  font-size: 80%;
  width: 50%;
  height: 1.2rem;
  margin: 0.2rem;
  padding: 0.2rem;
}

.filter-uncheck__arrow {
  position: relative;
  bottom: 0px;
  left: 0px;
}

.filter-uncheck:hover {
  color: black;
}

.notransition {
  -o-transition: none !important;
  -ms-transition: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.overlay-validation {
  filter: invert(100%);
  background-color: red;
}

html {
  overflow-x: hidden;
}

sup {
  top: -3.5px;
}

p {
  margin: 0;
}

body {
  font-family: Verdana, sans-serif;
  Line-Height: 1rem;
  position: relative;
  overflow: hidden;
}

@keyframes wait-animation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

.home-box-left {
  max-width: 695px;
  width: 68.5%;
  overflow: hidden;
}

.home-box-right {
  max-width: 320px;
  width: 31.50%;
  overflow: hidden;
  margin-left: 5px;
}

.home-box-img {
  width: 100%;
}

.home-box-height-equalizer {
  height: 65px;
}

.home-box-img-left {
  width: 100%;
}

.home-box-head-img {
  width: 100%;
}

.home-box-img-and-infos {
  padding: 5px;
  width: 100%;
  height: 100%;
}

.home-box-brand-container {
  width: 85px;
}

.home-box-brand {
  width: 100%;
}

.home-box-thumb {
  width: 100%;
}

.content-price {
  position: relative;
  height: auto;
}

.private-sale-incitement__block {}

.private-sale-incitement__link :hover {
  text-decoration: none;
  cursor: pointer;
}

.home-box-product-name {
  width: 100%;
  /* max-width: 235px; */
  padding: 0 5px;
  font-size: 95%;
  line-height: 13px;
}

.home-box-img-container {
  position: relative;
  bottom: 5px;
  max-width: 180px;
  max-height: 180px;
  min-width: 180px;
  min-height: 180px;
}

.home-featured-product-line{
  overflow-x: auto;
}

.new-home-box-img-container {
  position: relative;
  bottom: 5px;
  padding: 5px 0;
  width: 12rem;
  margin: auto;
}

.new-home-box-img-container-dd {
  position: relative;
  bottom: 5px;
  width: 12rem;
  margin: auto;
}

.featured-clock-zone {
  position: absolute;
  left: 0;
  max-width: 110px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.home-featured-inline {
  position: relative;
}

.featured-page-img__img {
  max-width: 100%;
  min-width: 100%;
}

.featured-page-img__container {
  position: relative;
  margin-bottom: 0.5rem;
  min-width: 100%;
}

.home-featured-inline-img {
  width: 100%;
}

.featured-discount {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  font-size: 100%;
  padding: 0.2rem;
}

.new-featured-discount {
  position: absolute;
  top: 0;
  bottom: 5px;
  right: 30px;
  font-size: 100%;
  padding: 0.2rem;
}

.featured-discount__container-left {
  text-align: center;
}

.featured-discount__until {
  font-size: 60%;
  text-align: center;
}

.featured-discount__percentage {
  padding: 0.5rem;
  font-size: 200%;
  color: red;
  font-weight: bold;
  text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

.featured-discount__container-right {
  min-height: 1rem;
}

.featured-discount__click {
  color: white;
  font-style: italic;
  text-shadow: 2px 2px 2px #7F7F7F;
}

.home-featured-flash-sale {
  position: relative;
  width: 100%;
}

.home-featured-flash-sale-container {
  height: auto;
}

.featured-flash-sale-bg {
  width: 100%;
  position: relative;
}

.featured-flash-sale-layer {
  width: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
}

.featured-flash-sale-layer-counter-container {
  position: absolute;
  bottom: 3%;
  left: 0%;
  font-size: 100%;
}

.featured-flash-sale-layer__text {
  width: 88%;
  position: absolute;
  right: 0;
}

.featured-flash-sale-layer__clock {
  position: absolute;
  left: 4px;
  top: 1px;
  width: 100%;
  height: 100%;
}

.clock-zone {
  width: 11%;
  position: relative;
}

.background-clock {
  width: 100%;
}

.featured-flash-sale-layer__counter {
  position: relative;
}

.counter-product-page {
  line-height: 0.7rem;
  padding: 0.2rem;
}

.product-intro-img {
  position: relative;
}

.product-intro-img-spec {
  position: relative;
}

.product-intro-img .product-thumb_overlay-img {
  width: 100%;
  max-width: 390px;
}

.featured-padding-box {
  padding: 0 5px;
}

.featured-margin-box {
  margin: 5px;
}

.featured-padding {
  margin: 5px 0px 0px 0px;
}

.height-new-dd {
  height: 348px;
}

.deal-days-carousel {
  display: flex;
  overflow-x: auto;
  padding: 0;
  position: relative;
}

.deal-days-carousel-button {
  position: absolute;
  top: 45%;
  bottom: auto;
  border-radius: 3px;
  background-color: grey;
  opacity: 75%;
  color: white;
  z-index: 10;
  width: 2.2rem;
  height: 1.5rem
}

.site-background {
  width: 294px;
  position: fixed;
  top: 128px;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-product-box-featured {
  position: relative;
  width: 100%;
  background-color: #E5E8EF;
  min-height: 240px;
  max-height: 240px;
}

.new-home-product-box-featured {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-top: 0.1rem;
}

.home-product-box-featured-content {
  height: 100%;
}

.new-home-product-box-featured-content {
  min-width: 300px;
}

.promotion-page a:hover {
  text-decoration: none;
}

.promotion-block {
  width: 150px;
  height: 150px;
  border: 1px solid black;
  background-size: 100%;
  margin: 0.2rem;
  font-weight: bold;
  overflow: hidden;
  background-repeat: no-repeat;
}

.promotion-upper-band {
  height: 20px;
  padding-top: 2px;
  padding-left: 5px;
  margin-right: 5px;
  overflow: hidden;
  font-size: 80%;
  white-space: nowrap;
}

.promotion-lower-band {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: 100%;
  background-repeat: no-repeat;
  font-size: 80%;
  white-space: nowrap;
}

.site-background-left {
  left: 0;
  bottom: 0;
  top: 104px;
  background-position: top right;
  z-index: 10;
}

.site-background-right {
  right: 0;
  bottom: 0;
  top: 104px;
  background-position: top left;
  z-index: 10;
}

.content {
  width: 100%;
}

.main-container {
  max-width: 1030px;
  min-width: 1030px;
  margin: auto;
}

.row {
  margin: 0;
}

.card {
  background-color: transparent;
  border: none;
  display: block;
}

.btn {
  cursor: pointer;
  white-space: normal;
  border-radius: 0.25rem;
}

.btn-preorder {
  background-color: #26A5CA;
  color: white;
  border-color: #26A5CA;
}

.preorder_container {
  margin: 0.8em 0;
}

.preorder_title {
  color: red;
}

.preoder_link {
  cursor: pointer;
  color: black !important;
}

.preoder_link:hover {
  text-decoration: underline !important;
}

.cart-page-tab-qty .btn {
  line-height: 1.1rem;
}

.cart-bundle-item {
  padding: 0.2rem 0 0 0.5rem;
  font-size: 80%;
  text-align: left;
}

.not-ready {
  opacity: 0.3;
}

.out-stock {
  opacity: 0.5;
}

.visible {
  opacity: 1;
}

.load-visible {
  opacity: 0.5;
}

.hidden {
  display: none;
}

.hidden_important {
  display: none !important;
}

.unhidden_important {
  display: block !important;
}

.unhidden {
  display: block;
}

.unhidden-line {
  display: inline-block;
}

.background-green {
  background-color: green;
}

.background-yellow {
  background-color: yellow;
}

body .main-container .disabled {
  background-color: #747474;
  opacity: 0.2;
  border: none;
}

.disabled:hover {
  background-color: darkgrey !important;
}

.event-none {
  pointer-events: none;
}

ul {
  -webkit-padding-start: 0;
  padding-left: 20px;
}

a {
  color: black;
}

a:hover {
  color: black;
}

a:visited {
  color: black;
}

a:focus {
  box-shadow: none !important;
  text-decoration: none !important;
}

.forgotten-password__tooltip {
  margin-top: 20px;
}

.forgotten-password-tooltip-container {
  height: 2rem;
  margin: 1rem auto;
}

.forgotten-password-tooltip-container .tool-tip {
  margin: 0;
}

.forgotten-password-tooltip-container .forgotten-password__tooltip {
  margin: 0;
}

.close {
  font-weight: normal;
  line-height: 0;
  font-size: 1.5em;
}

.wish {
  font-weight: normal;
  line-height: 0;
}

.close-modal__button {
  color: red;
  border: none;
  font-size: 1, 2em;
  background-color: white;
  height: 100%;
}

button.close {
  outline: none;
}

button.wish {
  outline: none;
  border: none;
  background: transparent;
  height: 1.5625rem;
  width: 1.5625rem;
  margin: auto;
  padding: 0;
}

button.wish-button {
  outline: none;
  border: none;
  background-color: #5cb85c;
  margin: 0;
  padding: 0;
  border-radius: 3px;
}

.close:hover {
  background-color: lightgrey;
}

.wish:hover {
  background-color: lightgrey;
}

textarea {
  resize: none;
}

hr {
  border: 0;
  height: 1px;
  background: -moz-linear-gradient(left, rgba(140, 139, 139, 0) 0%, rgba(140, 139, 139, 0.98) 51%, rgba(140, 140, 141, 1) 52%, rgba(125, 185, 232, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(140, 139, 139, 0) 0%, rgba(140, 139, 139, 0.98) 51%, rgba(140, 140, 141, 1) 52%, rgba(125, 185, 232, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(140, 139, 139, 0) 0%, rgba(140, 139, 139, 0.98) 51%, rgba(140, 140, 141, 1) 52%, rgba(125, 185, 232, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#008c8b8b', endColorstr='#007db9e8', GradientType=1);
  /* IE6-9 */
}

vthr {
  border: 0;
  width: 1px;
  background: -moz-linear-gradient(top, rgba(140, 139, 139, 0) 0%, rgba(140, 139, 139, 0.98) 51%, rgba(140, 140, 141, 1) 52%, rgba(125, 185, 232, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(140, 139, 139, 0) 0%, rgba(140, 139, 139, 0.98) 51%, rgba(140, 140, 141, 1) 52%, rgba(125, 185, 232, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(140, 139, 139, 0) 0%, rgba(140, 139, 139, 0.98) 51%, rgba(140, 140, 141, 1) 52%, rgba(125, 185, 232, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#008c8b8b', endColorstr='#007db9e8', GradientType=0);
  /* IE6-9 */
}

.small-hr {
  margin: 0.2rem auto;
}

.thin-hr {
  margin: 0rem auto;
}

.overflow-hidden {
  overflow: hidden;
}


/**-ZONE TEST--*/

.scrollbar {
  padding-bottom: 0.1rem;
  background-color: white;
  overflow-x: scroll;
}

.force-overflow {
  width: 96%;
  margin: 0 auto;
}

#wrapper {
  text-align: center;
  margin: auto;
}

.line-h-8 {
  line-height: 8px;
}

.line-h-10 {
  line-height: 10px;
}

.line-h-12 {
  line-height: 12px;
}

.line-h-16 {
  line-height: 16px;
}

.line-h-22 {
  line-height: 22px;
}


/*
*  STYLE 1
*/

/*FOND*/

#customScrollbar::-webkit-scrollbar {
  width: 12px;
  height: 10px;
  background-color: white;
}


/*CHEMIN*/

#customScrollbar::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}

/*BARRE*/

#customScrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: grey;
  display: block;
}


/*
*  STYLE 2
*/

/*FOND*/
#invisibleScrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: none;
  display: none;
}

/*CHEMIN*/
#invisibleScrollbar::-webkit-scrollbar-track {
  width: 0;
  height: 0;
  background-color: none;
  display: none;
}

/*BARRE*/
#invisibleScrollbar::-webkit-scrollbar-thumb {
  width: 0;
  height: 0;
  background-color: none;
  display: none;
}


/*
*  STYLE 3
*/

/*FOND*/
#lightScrollbar::-webkit-scrollbar {
  width: 8px;
  height: 10px;
  background-color: white;
}

/*CHEMIN*/
#lightScrollbar::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}

/*BARRE*/
#lightScrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: grey;
  display: block;
}


/*
*  STYLE 4
*/

/*FOND*/
#slimScrollbar::-webkit-scrollbar {
  width: 6px;
  height: 8px;
  background-color: white;
}

/*CHEMIN*/
#slimScrollbar::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #F5F5F5;
}

/*BARRE*/
#slimScrollbar::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: grey;
  display: block;
}

.brands-scroll {
  position: absolute;
  color: white;
  background-color: grey;
  width: 1.5rem;
  text-align: center;
  cursor: pointer;
  background-position-x: 0.25rem;
}

.menu-brand-container .brands-scroll {
  height: 91%;
  top: 28px;
}

.cross-sell-path {
  width: 41rem;
}

.cross-sell-path-popup {}

.cross-sell-path .brands-scroll {
  height: 90.5%;
  bottom: 10px;
  z-index: 5;
}

.brands-scroll-left {
  left: 0;
}

.brands-scroll-right {
  right: 0;
}


/**-ZONE TEST--*/

.form-login-delete {
  min-width: 490px;
}


/**-------------------------------- SUPERCLASSES -----------------------------*/


/*--SuperSize--*/


/*SuperWidth*/

.main-container .full-width {
  width: 100%;
}

body .width-95 {
  width: 95%;
}

.contain-main .width-auto {
  width: auto;
}

.contain-main .width-90 {
  width: 90%;
}

.main-container .width-80 {
  width: 80%;
}

.width-75 {
  width: 75%;
}

.width-70 {
  width: 70%;
}

.width-66 {
  width: 66%;
}

.width-65 {
  width: 65%;
}

.width-60 {
  width: 60%;
}

.width-55 {
  width: 55%;
}

.width-33 {
  width: 33%;
}

.w-10px {
  width: 10px;
}

.w-15px {
  width: 15px;
}

.w-20px {
  width: 20px;
}

.w-25px {
  width: 25px;
}

.w-30px {
  width: 30px;
}

.w-35px {
  width: 35px;
}

.w-40px {
  width: 40px;
}

.w-45px {
  width: 45px;
}

.w-50px {
  width: 50px;
}

.w-55px {
  width: 55px;
}

.w-60px {
  width: 60px;
}

.w-54px {
  width: 54px;
}

.w-70px {
  width: 70px;
}

.w-80px {
  width: 80px;
}

.w-100px {
  width: 100px;
}

.w-140px {
  width: 140px;
}

.w-180px {
  width: 180px;
}

.w-full {
  width: 100%;
}
.w-inherit {
  width: inherit;
}

.min-h-100px{
  min-height: 100px;
}

.min-h-50px{
  min-height: 60px;
}

.max-h-400px{
  max-height: 400px;
}

.max-w-54px {
  max-width: 54px;
}

.max-w-300px {
  max-width: 300px;
}

.min-w-300px {
  min-width: 300px;
}

.max-w-500px {
  max-width: 500px;
}

.max-w-600px {
  max-width: 600px;
}

.line-height-12 {
  line-height: 12px
}

.line-height-10 {
  line-height: 10px
}

.h-10px {
  height: 10px;
}

.h-15px {
  height: 15px;
}

.h-20px {
  height: 20px;
}

.h-25px {
  height: 25px;
}

.h-30px {
  height: 30px;
}

.h-35px {
  height: 35px;
}

.h-40px {
  height: 40px;
}

.h-45px {
  height: 45px;
}

.h-50px {
  height: 50px;
}

.my-0 {
  margin-bottom: 0px;
  margin-top: 0px;
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}


.my-05 {
  margin-bottom: 2px;
  margin-top: 2px;
}

.-mt-10px {
  margin-top: -10px !important;
}

.-ml-8px {
  margin-left: -8px !important;
}

.-mb-3px {
  margin-bottom: -3px
}

.-mb-5px {
  margin-bottom: -5px
}

.pl-5px {
  padding-left: 5px;
}

.pl-14px {
  padding-left: 14px;
}

.pl-0 {
  padding-left: 0px !important;
}

body .half-width {
  width: 50%;
}

.width-40 {
  width: 40%;
}

.width-37 {
  width: 37%;
}

.width-35 {
  width: 35%;
}

.width-30 {
  width: 30%;
}

.width-25 {
  width: 25%;
}

.width-20 {
  width: 20%;
}

.min-width-static-96 {
  min-width: 96px;
}

.width-static-20 {
  width: 20rem;
}

.width-static-8 {
  width: 8rem;
}

.width-static-6 {
  width: 6rem;
}

.width-static-5 {
  width: 5rem;
}

.width-static-3 {
  width: 3rem;
}

.width-static-1030 {
  width: 1030px;
}

.specific-max-width-20 {
  max-width: 20rem;
}

.specific-max-width-15 {
  max-width: 15rem;
}

.max-width-100 {
  max-width: 100px;
}

.picto-size {
  width: 30px;
  height: 20px;
  margin: 0 0.1rem;
}

.no-width {
  width: 0;
}

.min-width-half {
  min-width: 50%;
}


/*Superheight*/

.contain-main .full-height {
  height: 100%;
}

.height-70 {
  height: 70%;
}

.half-height {
  height: 50%;
}

.height-static-45 {
  height: 45px;
}

.selector .height-static-0_8 {
  height: 0.8rem;
}

.selector .height-static-1_9, .height-static-1_9 {
  height: 1.9rem !important;
}
.selector .height-static-1_9, .height-static-1_9 {
  height: 1.9rem !important;
}

.height-static-15 {
  height: 15px;
}

.selector {
  /* margin-left: auto; */
  /* margin-right: auto; */
  width: 80%;
  height: 100%;
  max-height:44px;
}

.height-static-1 {
  height: 1rem;
}

.frcdMin {
  min-height: 100%;
}

.height-static-2 {
  height: 2rem;
}

.height-static-1-5 {
  height: 1.5rem;
}

.height-static-2-5 {
  height: 2.5rem;
}

.height-static-3 {
  height: 3rem;
}

.height-static-4 {
  height: 4rem;
}

.height-static-5 {
  height: 5rem;
}

.height-static-8 {
  height: 8rem;
}

.height-static-12 {
  height: 12rem;
}

.height-static-15 {
  height: 15rem;
}

.height-static-20 {
  height: 20rem;
}

.height-auto {
  height: auto;
}


/*SuperPadding*/

.no-padding-header {
  padding-top: 0 !important;
}

.main-container .no-padding {
  padding: 0;
}

.default-padding {
  padding: 1rem;
}

.main-container .small-padding {
  padding: 0.2rem;
}

.half-padding {
  padding: 0.5rem;
}

.half-padding-left {
  padding-left: 0.5rem;
}

.standard-padding-left {
  padding-left: 1rem;
}

.huge-horizontal-padding {
  padding: 0 5rem;
}

.big-horizontal-padding {
  padding: 0 1rem;
}

.horizontal-padding {
  padding: 0 0.5rem;
}

.small-horizontal-padding {
  padding: 0 0.2rem;
}

.small-vertical-padding {
  padding: 0.1rem 0;
}

.smaller-horizontal-padding {
  padding: 0 0.1rem;
}

.vertical-padding {
  padding: 0.5rem 0;
}

.vertical-padding-static-075 {
  padding: 0.75rem 0;
}

.double-vertical-padding {
  padding: 1rem 0;
}

.double-horizontal-padding {
  padding: 0 1rem;
}

.big-vertical-padding {
  padding: 2rem 0;
}


/*SuperMargin*/

.main-container .no-margin {
  margin: 0;
}

.smaller-margin {
  margin: 0.2rem;
}

.small-margin {
  margin: 0.5rem;
}

.extra-small-margin {
  margin: 0.1rem;
}

.half-margin {
  margin: 1rem;
}

.default-margin {
  margin: 2rem;
}

.vertical-centered {
  margin: auto 0;
}

.main-container .small-vertical-margin {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

.vertical-margin {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.md-vertical-margin {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.big-vertical-margin {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.bigger-vertical-margin {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.small-margin-right {
  margin-right: 0.2rem;
}
.smaller-margin-right {
  margin-right: 0.1rem;
}

.margin-right-half {
  margin-right: 0.5rem;
}

.margin-right {
  margin-right: 1rem;
}

.big-margin-right {
  margin-right: 2rem;
}

.small-margin-left {
  margin-left: 0.2rem;
}

.smaller-margin-left {
  margin-left: 0.1rem;
}

body .medium-margin-left {
  margin-left: 0.5rem;
}

.big-margin-left {
  margin-left: 1rem;
}

.medium-padding-left {
  padding-left: 1.2rem;
}


.huge-margin-left {
  margin-left: 19rem;
}

.medium-margin-top {
  margin-top: 1.5rem;
}

.big-margin-top {
  margin-top: 2rem;
}

.margin-top {
  margin-top: 1rem;
}

.small-margin-top {
  margin-top: 0.5rem;
}

.smaller-margin-top {
  margin-top: 0.2rem;
}

.small-margin-bottom {
  margin-bottom: 0.2rem;
}

.md-margin-bottom {
  margin-bottom: 0.5rem;
}

.big-margin-bottom {
  margin-bottom: 1rem;
}

.biggest-margin-bottom {
  margin-bottom: 1.5rem;
}

.bigger-margin-bottom {
  margin-bottom: 2rem;
}

.smaller-horizontal-margin {
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}

.small-horizontal-margin {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

.horizontal-margin {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.right-position {
  margin: auto 0.2rem auto auto;
}

.big-horizontal-margin {
  margin: 0 1rem;
}

.bigger-horizontal-margin {
  margin: 0 2rem;
}

.diagonal-margin {
  margin: 0.8rem 0.8rem 0 0
}

.diagonal-margin-left {
  margin: 1rem 0 0 4rem
}

.same-as-shipping-popup:hover {
  text-decoration: underline;
}

.same-label-only {
  margin: 15% 0;
}


/*--SuperPosition--*/

.centered-element {
  margin: auto;
}

.horizontally-centered-element {
  margin-left: auto;
  margin-right: auto;
}

.vertically-centered-element {
  margin-top: auto;
  margin-bottom: auto;
}

.bottom-element {
  margin-top: auto;
  margin-bottom: 0;
}

.right-element {
  margin-left: auto;
  margin-right: 0;
}

.l-2 {
  left: -1.3rem;
}

.r-2 {
  right: -1.3rem;
}

.l-1 {
  left: -0.5rem;
}

.r-1 {
  right: -0.5rem;
}

.l-2 {
  left: -1.3rem;
}

.r-2 {
  right: -1.3rem;
}

.l0 {
  left: 0;
}

.r0 {
  right: 0;
}

.t0 {
  top: 0;
}

.b0 {
  bottom: 0;
}

#cmsblock-product_vip img {
  width: 100%;
  margin-bottom: 0.5rem;
}

#cmsblock-top_sales_header img {
  width: 100%;
}

#cmsblock-calendar_success img {
  width: 100%;
}

#cmsblock-calendar_top, #cmsblock-calendar_top img {
  width: 100%;
}
#cmsblock-calendar_bottom, #cmsblock-calendar_bottom img {
  width: 100%;
}

#cmsblock-calendar_soon img {
  width: 100%;
  border: 25px;
}

.vip-incitement-cart-top{
  background-color: white;
  padding: 0.5rem;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.orderz {
  display: flex;
  position: absolute;
  bottom: 20px;
  left: 14px;
  font-weight: bold;
  font-style: italic;
  font-size: xx-large;
  z-index:1;
}

.scSs {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.doorcldr {
  max-width: 280px;
  min-width: 280px;
  max-height: 280px;
  min-height: 280px;
  margin: 0.2rem;
  position: relative;
}

.cldrclr3 {
  padding: 0.3rem;
  /* background: rgb(227,0,0);
  background: linear-gradient(45deg, rgba(227,0,0,0.8) 0%, rgba(227,0,0,0.8) 7%, rgba(0,226,77,0.8) 14%, rgba(0,226,77,0.8) 21%, rgba(227,0,0,0.8) 28%, rgba(227,0,0,0.8) 36%, rgba(0,226,77,0.8) 44%, rgba(0,226,77,0.8) 52%, rgba(227,0,0,0.8) 60%, rgba(227,0,0,0.8) 68%, rgba(0,226,77,0.8) 76%, rgba(0,226,77,0.8) 84%, rgba(227,0,0,0.8) 92%, rgba(227,0,0,0.8) 100%); */
  -webkit-animation: shine 1.5s ease-in-out infinite both;
  animation: shine 1.5s ease-in-out infinite both;
  display: flex;
  justify-content: center;
  border-radius: 5px;
}

@-webkit-keyframes shine {
  0% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
  }
  4% {
    -webkit-background: rgb(255,220,122);
    -webkit-background: linear-gradient(45deg, rgba(255,220,122,1) 0%, rgba(205,141,40,1) 5%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
    background: rgb(255,220,122);
    background: linear-gradient(45deg, rgba(255,220,122,1) 0%, rgba(205,141,40,1) 5%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
  }
  8% {
    -webkit-background: rgb(205,141,40);
    -webkit-background: linear-gradient(45deg, rgba(205,141,40,1) 0%, rgba(255,220,122,1) 5%, rgba(205,141,40,1) 10%, rgba(148,85,8,1) 15%, rgba(148,85,8,1) 100%);
    background: rgb(205,141,40);
    background: linear-gradient(45deg, rgba(205,141,40,1) 0%, rgba(255,220,122,1) 5%, rgba(205,141,40,1) 10%, rgba(148,85,8,1) 15%, rgba(148,85,8,1) 100%);
  }
  12% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(205,141,40,1) 5%, rgba(255,220,122,1) 10%, rgba(205,141,40,1) 15%, rgba(148,85,8,1) 20%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(205,141,40,1) 5%, rgba(255,220,122,1) 10%, rgba(205,141,40,1) 15%, rgba(148,85,8,1) 20%, rgba(148,85,8,1) 100%);
  }
  16% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 5%, rgba(205,141,40,1) 10%, rgba(255,220,122,1) 15%, rgba(205,141,40,1) 20%, rgba(148,85,8,1) 25%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 5%, rgba(205,141,40,1) 10%, rgba(255,220,122,1) 15%, rgba(205,141,40,1) 20%, rgba(148,85,8,1) 25%, rgba(148,85,8,1) 100%);
  }
  20% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(205,141,40,1) 15%, rgba(255,220,122,1) 20%, rgba(205,141,40,1) 25%, rgba(148,85,8,1) 30%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(205,141,40,1) 15%, rgba(255,220,122,1) 20%, rgba(205,141,40,1) 25%, rgba(148,85,8,1) 30%, rgba(148,85,8,1) 100%);
  }
  24% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 15%, rgba(205,141,40,1) 20%, rgba(255,220,122,1) 25%, rgba(205,141,40,1) 30%, rgba(148,85,8,1) 35%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 15%, rgba(205,141,40,1) 20%, rgba(255,220,122,1) 25%, rgba(205,141,40,1) 30%, rgba(148,85,8,1) 35%, rgba(148,85,8,1) 100%);
  }
  28% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 20%, rgba(205,141,40,1) 25%, rgba(255,220,122,1) 30%, rgba(205,141,40,1) 35%, rgba(148,85,8,1) 40%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 20%, rgba(205,141,40,1) 25%, rgba(255,220,122,1) 30%, rgba(205,141,40,1) 35%, rgba(148,85,8,1) 40%, rgba(148,85,8,1) 100%);
  }
  32% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 25%, rgba(205,141,40,1) 30%, rgba(255,220,122,1) 35%, rgba(205,141,40,1) 40%, rgba(148,85,8,1) 45%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 25%, rgba(205,141,40,1) 30%, rgba(255,220,122,1) 35%, rgba(205,141,40,1) 40%, rgba(148,85,8,1) 45%, rgba(148,85,8,1) 100%);
  }
  36% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 30%, rgba(205,141,40,1) 35%, rgba(255,220,122,1) 40%, rgba(205,141,40,1) 45%, rgba(148,85,8,1) 50%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 30%, rgba(205,141,40,1) 35%, rgba(255,220,122,1) 40%, rgba(205,141,40,1) 45%, rgba(148,85,8,1) 50%, rgba(148,85,8,1) 100%);
  }
  40% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 40%, rgba(205,141,40,1) 45%, rgba(255,220,122,1) 50%, rgba(205,141,40,1) 55%, rgba(148,85,8,1) 60%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 40%, rgba(205,141,40,1) 45%, rgba(255,220,122,1) 50%, rgba(205,141,40,1) 55%, rgba(148,85,8,1) 60%, rgba(148,85,8,1) 100%);
  }
  44% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 45%, rgba(205,141,40,1) 50%, rgba(255,220,122,1) 55%, rgba(205,141,40,1) 60%, rgba(148,85,8,1) 65%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 45%, rgba(205,141,40,1) 50%, rgba(255,220,122,1) 55%, rgba(205,141,40,1) 60%, rgba(148,85,8,1) 65%, rgba(148,85,8,1) 100%);
  }
  48% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 50%, rgba(205,141,40,1) 55%, rgba(255,220,122,1) 60%, rgba(205,141,40,1) 65%, rgba(148,85,8,1) 70%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 50%, rgba(205,141,40,1) 55%, rgba(255,220,122,1) 60%, rgba(205,141,40,1) 65%, rgba(148,85,8,1) 70%, rgba(148,85,8,1) 100%);
  }
  52% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 55%, rgba(205,141,40,1) 60%, rgba(255,220,122,1) 65%, rgba(205,141,40,1) 70%, rgba(148,85,8,1) 75%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 55%, rgba(205,141,40,1) 60%, rgba(255,220,122,1) 65%, rgba(205,141,40,1) 70%, rgba(148,85,8,1) 75%, rgba(148,85,8,1) 100%);
  }
  56% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 60%, rgba(205,141,40,1) 65%, rgba(255,220,122,1) 70%, rgba(205,141,40,1) 75%, rgba(148,85,8,1) 80%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 60%, rgba(205,141,40,1) 65%, rgba(255,220,122,1) 70%, rgba(205,141,40,1) 75%, rgba(148,85,8,1) 80%, rgba(148,85,8,1) 100%);
  }
  60% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 65%, rgba(205,141,40,1) 70%, rgba(255,220,122,1) 75%, rgba(205,141,40,1) 80%, rgba(148,85,8,1) 85%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 65%, rgba(205,141,40,1) 70%, rgba(255,220,122,1) 75%, rgba(205,141,40,1) 80%, rgba(148,85,8,1) 85%, rgba(148,85,8,1) 100%);
  }
  64% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 70%, rgba(205,141,40,1) 75%, rgba(255,220,122,1) 80%, rgba(205,141,40,1) 85%, rgba(148,85,8,1) 90%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 70%, rgba(205,141,40,1) 75%, rgba(255,220,122,1) 80%, rgba(205,141,40,1) 85%, rgba(148,85,8,1) 90%, rgba(148,85,8,1) 100%);
  }
  68% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 75%, rgba(205,141,40,1) 80%, rgba(255,220,122,1) 85%, rgba(205,141,40,1) 90%, rgba(148,85,8,1) 95%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 75%, rgba(205,141,40,1) 80%, rgba(255,220,122,1) 85%, rgba(205,141,40,1) 90%, rgba(148,85,8,1) 95%, rgba(148,85,8,1) 100%);
  }
  72% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 80%, rgba(205,141,40,1) 85%, rgba(255,220,122,1) 90%, rgba(205,141,40,1) 95%, rgba(148,85,8,1) 100%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 80%, rgba(205,141,40,1) 85%, rgba(255,220,122,1) 90%, rgba(205,141,40,1) 95%, rgba(148,85,8,1) 100%, rgba(148,85,8,1) 100%);
  }
  76% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 85%, rgba(205,141,40,1) 90%, rgba(255,220,122,1) 95%, rgba(148,85,8,1) 100%, rgba(148,85,8,1) 100%, rgba(205,141,40,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 85%, rgba(205,141,40,1) 90%, rgba(255,220,122,1) 95%, rgba(148,85,8,1) 100%, rgba(148,85,8,1) 100%, rgba(205,141,40,1) 100%);
  }
  80% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 90%, rgba(205,141,40,1) 95%, rgba(255,220,122,1) 100%, rgba(205,141,40,1) 100%, rgba(148,85,8,1) 100%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 90%, rgba(205,141,40,1) 95%, rgba(255,220,122,1) 100%, rgba(205,141,40,1) 100%, rgba(148,85,8,1) 100%, rgba(148,85,8,1) 100%);
  }
  84% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
  }
  88% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
  }
  92% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
  }
  96% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
  }
  100% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
  }
}
@keyframes shine {
  0% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
  }
  4% {
    -webkit-background: rgb(255,220,122);
    -webkit-background: linear-gradient(45deg, rgba(255,220,122,1) 0%, rgba(205,141,40,1) 5%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
    background: rgb(255,220,122);
    background: linear-gradient(45deg, rgba(255,220,122,1) 0%, rgba(205,141,40,1) 5%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
  }
  8% {
    -webkit-background: rgb(205,141,40);
    -webkit-background: linear-gradient(45deg, rgba(205,141,40,1) 0%, rgba(255,220,122,1) 5%, rgba(205,141,40,1) 10%, rgba(148,85,8,1) 15%, rgba(148,85,8,1) 100%);
    background: rgb(205,141,40);
    background: linear-gradient(45deg, rgba(205,141,40,1) 0%, rgba(255,220,122,1) 5%, rgba(205,141,40,1) 10%, rgba(148,85,8,1) 15%, rgba(148,85,8,1) 100%);
  }
  12% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(205,141,40,1) 5%, rgba(255,220,122,1) 10%, rgba(205,141,40,1) 15%, rgba(148,85,8,1) 20%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(205,141,40,1) 5%, rgba(255,220,122,1) 10%, rgba(205,141,40,1) 15%, rgba(148,85,8,1) 20%, rgba(148,85,8,1) 100%);
  }
  16% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 5%, rgba(205,141,40,1) 10%, rgba(255,220,122,1) 15%, rgba(205,141,40,1) 20%, rgba(148,85,8,1) 25%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 5%, rgba(205,141,40,1) 10%, rgba(255,220,122,1) 15%, rgba(205,141,40,1) 20%, rgba(148,85,8,1) 25%, rgba(148,85,8,1) 100%);
  }
  20% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(205,141,40,1) 15%, rgba(255,220,122,1) 20%, rgba(205,141,40,1) 25%, rgba(148,85,8,1) 30%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(205,141,40,1) 15%, rgba(255,220,122,1) 20%, rgba(205,141,40,1) 25%, rgba(148,85,8,1) 30%, rgba(148,85,8,1) 100%);
  }
  24% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 15%, rgba(205,141,40,1) 20%, rgba(255,220,122,1) 25%, rgba(205,141,40,1) 30%, rgba(148,85,8,1) 35%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 15%, rgba(205,141,40,1) 20%, rgba(255,220,122,1) 25%, rgba(205,141,40,1) 30%, rgba(148,85,8,1) 35%, rgba(148,85,8,1) 100%);
  }
  28% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 20%, rgba(205,141,40,1) 25%, rgba(255,220,122,1) 30%, rgba(205,141,40,1) 35%, rgba(148,85,8,1) 40%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 20%, rgba(205,141,40,1) 25%, rgba(255,220,122,1) 30%, rgba(205,141,40,1) 35%, rgba(148,85,8,1) 40%, rgba(148,85,8,1) 100%);
  }
  32% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 25%, rgba(205,141,40,1) 30%, rgba(255,220,122,1) 35%, rgba(205,141,40,1) 40%, rgba(148,85,8,1) 45%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 25%, rgba(205,141,40,1) 30%, rgba(255,220,122,1) 35%, rgba(205,141,40,1) 40%, rgba(148,85,8,1) 45%, rgba(148,85,8,1) 100%);
  }
  36% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 30%, rgba(205,141,40,1) 35%, rgba(255,220,122,1) 40%, rgba(205,141,40,1) 45%, rgba(148,85,8,1) 50%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 30%, rgba(205,141,40,1) 35%, rgba(255,220,122,1) 40%, rgba(205,141,40,1) 45%, rgba(148,85,8,1) 50%, rgba(148,85,8,1) 100%);
  }
  40% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 40%, rgba(205,141,40,1) 45%, rgba(255,220,122,1) 50%, rgba(205,141,40,1) 55%, rgba(148,85,8,1) 60%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 40%, rgba(205,141,40,1) 45%, rgba(255,220,122,1) 50%, rgba(205,141,40,1) 55%, rgba(148,85,8,1) 60%, rgba(148,85,8,1) 100%);
  }
  44% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 45%, rgba(205,141,40,1) 50%, rgba(255,220,122,1) 55%, rgba(205,141,40,1) 60%, rgba(148,85,8,1) 65%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 45%, rgba(205,141,40,1) 50%, rgba(255,220,122,1) 55%, rgba(205,141,40,1) 60%, rgba(148,85,8,1) 65%, rgba(148,85,8,1) 100%);
  }
  48% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 50%, rgba(205,141,40,1) 55%, rgba(255,220,122,1) 60%, rgba(205,141,40,1) 65%, rgba(148,85,8,1) 70%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 50%, rgba(205,141,40,1) 55%, rgba(255,220,122,1) 60%, rgba(205,141,40,1) 65%, rgba(148,85,8,1) 70%, rgba(148,85,8,1) 100%);
  }
  52% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 55%, rgba(205,141,40,1) 60%, rgba(255,220,122,1) 65%, rgba(205,141,40,1) 70%, rgba(148,85,8,1) 75%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 55%, rgba(205,141,40,1) 60%, rgba(255,220,122,1) 65%, rgba(205,141,40,1) 70%, rgba(148,85,8,1) 75%, rgba(148,85,8,1) 100%);
  }
  56% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 60%, rgba(205,141,40,1) 65%, rgba(255,220,122,1) 70%, rgba(205,141,40,1) 75%, rgba(148,85,8,1) 80%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 60%, rgba(205,141,40,1) 65%, rgba(255,220,122,1) 70%, rgba(205,141,40,1) 75%, rgba(148,85,8,1) 80%, rgba(148,85,8,1) 100%);
  }
  60% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 65%, rgba(205,141,40,1) 70%, rgba(255,220,122,1) 75%, rgba(205,141,40,1) 80%, rgba(148,85,8,1) 85%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 65%, rgba(205,141,40,1) 70%, rgba(255,220,122,1) 75%, rgba(205,141,40,1) 80%, rgba(148,85,8,1) 85%, rgba(148,85,8,1) 100%);
  }
  64% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 70%, rgba(205,141,40,1) 75%, rgba(255,220,122,1) 80%, rgba(205,141,40,1) 85%, rgba(148,85,8,1) 90%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 70%, rgba(205,141,40,1) 75%, rgba(255,220,122,1) 80%, rgba(205,141,40,1) 85%, rgba(148,85,8,1) 90%, rgba(148,85,8,1) 100%);
  }
  68% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 75%, rgba(205,141,40,1) 80%, rgba(255,220,122,1) 85%, rgba(205,141,40,1) 90%, rgba(148,85,8,1) 95%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 75%, rgba(205,141,40,1) 80%, rgba(255,220,122,1) 85%, rgba(205,141,40,1) 90%, rgba(148,85,8,1) 95%, rgba(148,85,8,1) 100%);
  }
  72% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 80%, rgba(205,141,40,1) 85%, rgba(255,220,122,1) 90%, rgba(205,141,40,1) 95%, rgba(148,85,8,1) 100%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 80%, rgba(205,141,40,1) 85%, rgba(255,220,122,1) 90%, rgba(205,141,40,1) 95%, rgba(148,85,8,1) 100%, rgba(148,85,8,1) 100%);
  }
  76% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 85%, rgba(205,141,40,1) 90%, rgba(255,220,122,1) 95%, rgba(148,85,8,1) 100%, rgba(148,85,8,1) 100%, rgba(205,141,40,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 85%, rgba(205,141,40,1) 90%, rgba(255,220,122,1) 95%, rgba(148,85,8,1) 100%, rgba(148,85,8,1) 100%, rgba(205,141,40,1) 100%);
  }
  80% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 90%, rgba(205,141,40,1) 95%, rgba(255,220,122,1) 100%, rgba(205,141,40,1) 100%, rgba(148,85,8,1) 100%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 90%, rgba(205,141,40,1) 95%, rgba(255,220,122,1) 100%, rgba(205,141,40,1) 100%, rgba(148,85,8,1) 100%, rgba(148,85,8,1) 100%);
  }
  84% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
  }
  88% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
  }
  92% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
  }
  96% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
  }
  100% {
    -webkit-background: rgb(148,85,8);
    -webkit-background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
    background: rgb(148,85,8);
    background: linear-gradient(45deg, rgba(148,85,8,1) 0%, rgba(148,85,8,1) 10%, rgba(148,85,8,1) 100%);
  }
}


.sprtb {
  width: 50rem;
  height: 50rem;
  position: relative;
}

.tstsz {
  background-size: auto;
  background-position: top center;
  background-repeat: repeat-y;
}

.tpabs {
  position: absolute;
  top: 0;
}





/*SuperText*/
.leading-100 {
  line-height: 1;
}

.leading-75 {
  line-height: 0.75;
}

.leading-50 {
  line-height: 0.50;
}

.leading-25 {
  line-height: 0.25;
}

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

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

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

.right-text {
  text-align: right;
}

.no-white-space {
  white-space: nowrap;
}


/*SuperPositionMode*/

.position-absolute {
  position: absolute;
}

.position-relative {
  position: relative;
}

.position-fixed {
  position: fixed;
}

.bottom-0 {
bottom: 0;
}
.top-0 {
  top: 40px;
}



.menu-tab-sidebar .overflow-y-hidden {
  overflow-y: hidden;
}

.menu-tab-sidebar .overflow-y-scroll,
.header-small .overflow-y-scroll {
  overflow-y: scroll;
}

.z-index-header {
  z-index: 100;
  left: 0;
  height: 6.25rem;
}

.overflow-btn-hover-cart {
  min-height: 185px;
  max-height: 185px;
  overflow-y: auto;
  overflow-x: hidden;
}

.width-header {
  width: 83.7%;
}

.header-temp-logo {
  max-height: 90px;
  width: 1030px;
  margin: auto;
}

.header-temp-logo-img {
  width: 309px;
}

.inline-block {
  display: inline-block;
}


/*--SuperFont--*/


/*SuperFontType*/

.font-bold {
  font-weight: bold;
}

.text-bold {
  font-weight: bold;
}

.text-italic {
  font-style: italic;
}

.text-underline {
  text-decoration: underline !important;
}

.font-crossed {
  text-decoration: line-through;
}

.font-underline {
  text-decoration: underline !important;
}

.font-italic {
  font-style: italic;
}


/*SuperFontSize*/
.main-container .font-35 {
  font-size: 35%;
}

.main-container .font-40 {
  font-size: 40%;
}

.main-container .font-45 {
  font-size: 45%;
}

.main-container .font-50 {
  font-size: 50%;
}

.main-container .font-55 {
  font-size: 55%;
}

.main-container .font-60 {
  font-size: 60%;
}

.main-container .font-65 {
  font-size: 65%;
}

.main-container .font-70 {
  font-size: 70%;
}

.main-container .font-75 {
  font-size: 75%;
}

.main-container .font-80 {
  font-size: 80%;
}

.main-container .font-85 {
  font-size: 85%;
}

.main-container .font-90 {
  font-size: 90%;
}

.main-container .full-font {
  font-size: 100%;
}

.main-container .font-120 {
  font-size: 120%;
}

.main-container .font-130 {
  font-size: 130%;
}

.font-10 {
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

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

.font-30px {
  font-size: 30px;
}
.font-40px {
  font-size: 40px;
}

.font-50px {
  font-size: 50px;
}

.ribbon2{
  --f: 10px; /* control the folded part*/
  --r: 15px; /* control the ribbon shape */
  z-index:30;
  background: #d2161fcf;
  border-bottom: var(--f) solid #0005;
  color: #fff;
  line-height: 1em;
  font-family: sans-serif;
  font-size: 16px;
  position: absolute;
  top: 10px;
  left: calc(-1*var(--f));
  border-right: var(--r) solid #0000;
  clip-path: 
    polygon(100% 0,0 0,0 calc(100% - var(--f)),var(--f) 100%,
      var(--f) calc(100% - var(--f)),100% calc(100% - var(--f)),
      calc(100% - var(--r)) calc(50% - var(--f)/2));
}

.ribbon {
  z-index: 10;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  --f: .5em; /* control the folded part*/
  --r: .8em; /* control the ribbon shape */
  position: absolute;
  top: 10px;
  left: calc(-1*var(--f));
  padding-inline: .25em;
  line-height: 1;
  background:  #d2161fcf;
  border-bottom: var(--f) solid #0005;
  border-right: var(--r) solid #0000;
  clip-path: 
    polygon(calc(100% - var(--r)) 0,0 0,0 calc(100% - var(--f)),var(--f) 100%,
      var(--f) calc(100% - var(--f)),calc(100% - var(--r)) calc(100% - var(--f)),
      100% calc(50% - var(--f)/2));
}

.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}

.d-none{
  display: none;
}

/*--SuperBorder--*/

.table-bordered td,
.table-bordered th {
  border: 1px solid lightgrey;
}

.main-container .no-border {
  border: none;
}

.border-up-and-down {
  border-top: 1px grey solid;
  border-bottom: 1px grey solid;
}

.border-not-up {
  border-left: 1px lightgrey solid;
  border-right: 1px lightgrey solid;
  border-bottom: 1px lightgrey solid;
}

.no-radius {
  border-radius: 0;
}

.default-border-radius {
  border-radius: 3px;
}

.border-standard-all {
  border: 1px grey solid;
}

.border-standard-grey-all {
  border: 1px rgb(216, 216, 216) solid;
}


.border-soft-grey {
  min-height: 26px;
  border: 1px rgb(216, 216, 216) solid;
}

.border-right {
  border-right: 1px grey solid;
}

.border-top {
  border-top: 1px #c3c3c3 solid;
}

.border-bottom {
  border-bottom: 1px #c3c3c3 solid;
}

.main-container .border-red-all {
  border: 1px red solid;
}

.border-radius-right {
  border-radius: 0 7px 7px 0;
}

.border-big-all {
  border: 5px solid;
}

.border-red {
  border-color: red;
}

.border-black {
  border-color: black;
}

.border-green {
  border-color: green;
}

.border-dashed-red {
  border: 2px red dashed;
}


/**SuperColor*/


/*SuperFontColor*/

.font-red {
  color: red;
}

.font-red:hover {
  color: red;
}

.font-red:visited {
  color: red;
}

.font-red:active {
  color: red;
}

.font-success {
  color: #5cb85c;
}

.font-green {
  color: green;
}

.text-green {
  color: limegreen;
}

.font-special-green {
  color: #4c6a08;
}

.font-blue {
  color: blue;
}

.font-lightblue {
  color: #26A5CA;
}

.font-blue-dd {
  color: #0C6CA6;
}

.font-orange {
  color: darkorange;
}

.font-orange-dd {
  color: #FE6C05;
}

.text-orange {
  color: darkorange;
}

.font-green-dd {
  color: #29AB25;
}

.font-white-dd {
  color: white;
}

.font-grey {
  color: grey;
}
.font-grey-link, .font-grey-link:visited {
  color: grey;
}

.font-white {
  color: white;
}

.text-white {
  color: white;
}

.font-black {
  color: black;
}

.font-younited {
  color: #C5A1FE !important;
}

.font-20px {
  font-size: 20px
}

.font-12px {
  font-size: 12px
}

.font-14px {
  font-size: 14px
}

.yn-sizemin {
  min-width: 230px;
  min-height: 50px;
}
.bg-younited {
  background-color: #C5A1FE !important;
}
.bg-younited-light {
  background-color: #e9defb !important;
}

.border-younited {
  border-color: #C5A1FE !important;
}

#maturities select option span {
  color: #C5A1FE !important;
}

.btn-yn {
  border-color: #C5A1FE !important;
  background-color: #e9defb  !important;
  font-size: 14px;
  width:140px;
  padding: 0 !important;
  margin: 5px 0 !important;
  font-weight:normal !important;
}



.multipay-light {
  height: auto;
  width: 100%;
}

.btn-multipay-light { 
  font-size: 13px;
  padding: 0 !important;
  flex-grow: 2;
  width: 16px;
  max-width: 16px;
  height: 16px;
  font-weight: bold !important;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}


.multipay-light-all {
  width: 100%;
  padding: 0 !important;
  border:  none;
}

.btn-yn-light {
  color: #a46bff;
}

.btn-alma-light {
  color: #e85a1e;
}

.younited .card-body {
  border: solid 10px #E7F0F7 ;
} 
.selectwrapper{
  position: absolute;
  z-index:10;
  background: #fff;
  border: solid 1px #C5A1FE;
  margin: 5px;
}

.select_wrap{
  background: #fff;
  width: 200px;
  position: relative;
  user-select: none;
}

.select_wrap .default_option{
  background: #fff;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  margin: 0px;
  padding: 0;
}

.select_wrap .default_option li{
  list-style: none;
  background: #fff;
  padding: 10px 2px;
  width: 180px;
}

.select_wrap .default_option:before{
    content: "";
    position: absolute;
    top: 11px;
    right: 10px;
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-color: transparent transparent #C5A1FE #C5A1FE;
    transform: rotate(-45deg);
}

.select_wrap .select_ul{
  background: #fff;
  position: absolute;
  width: 100%;
  border-radius: 5px;
  display: none;
  padding: 0px;
  margin: 0px;
  border: #C5A1FE 1px solid;
}

.select_wrap .select_ul li{
  list-style: none;
  cursor: pointer;
  padding: 10px;
  border: #f9f6fd 1px solid;
}

.select_wrap .select_ul li:first-child:hover{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.select_wrap .select_ul li:last-child:hover{
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.select_wrap .select_ul li:hover{
  background: #f4f0fa;
}

.select_wrap .option{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 4px;
}

.select_wrap.active .select_ul{
  display: block;
}

.mb-20px{
  margin-bottom: 20px;
}


/*SuperBackgroundColor*/

.background-light-red {
  background-color: #ff6e6e;
}

.background-red {
  background-color: red;
}

.background-soft-red {
  background-color: #ffd0d0;
}

.background-red-dd {
  background-color: #C50019;
}

.background-brown-dd {
  background-color: #6d5d50;
}

.background-orange {
  background-color: darkorange;
}

.background-green {
  background-color: limegreen;
}

.background-white {
  background-color: white;
}

.background-blue {
  background-color: blue;
}

.background-lightgrey {
  background-color: lightgrey;
}

.background-middlegrey {
  background-color: #eaeaea;
}

.background-grey {
  background-color: grey;
}

.background-grey-spe {
  background-color: #EFEFEF;
}

.background-darkgrey {
  background-color: darkgrey;
}

.background-lightorange {
  background-color: #F1E2C9;
}

.background-breadcrumb {
  background-color: #bfbfbf;
}

.background-purple {
  background-color: #9275b7;
}

.background-black {
  background-color: black;
}

.product-listing .breadcrumb .btn {
  padding: 0.1rem;
  font-size: 0.6rem;
  font-style: italic;
}

.subhead-product-list {
  width: 130px;
  height: 17px;
}

.subhead-product-home{
  width: 115px;
  height: 17px;
}

.breadcrumb-item+.breadcrumb-item::before {
  content: "»";
}

.no-background {
  background-color: transparent;
}

.list-group-item {
  padding: 0.2rem 0.5rem;
  width: 100%;
  background-color: lightgrey;
  border: 1px lightgrey solid;
}

.account-block-btn .list-group-item {
  min-width: 13.5rem;
}


/*SuperBackgroundPosition*/

.background-center {
  background-position: center;
  background-repeat: no-repeat;
}

.bg-y-0 {
  background-position-y: 0;
}


/*SuperBackgroundSize*/

.background-150 {
  background-size: 150%;
}

.background-160 {
  background-size: 160%;
}

.background-175 {
  background-size: 175%;
}


/*--SuperStyle--*/

.no-underline {
  text-decoration: none !important;
}

.no-underline:hover {
  text-decoration: none !important;
}

.no-underline:active {
  text-decoration: none !important;
}

.change-lang-picto {
  width: 25px;
  height: 16px;
  border-radius: 3px;
}

.other-link-line .background-flag {
  width: 40px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
  height: 1.5rem;
  margin: 0.1rem 0.2rem;
}

.other-link-line .container-selected-flag {
  border: 2px black solid;
}

.other-link-line .selected-flag {
  margin: 2px
}

.header-flags .background-flag {
  width: 25px;
  height: 20px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0.1rem auto;
}
.payment-links-social .cp  {
  display: none;
}


.social-div {
  min-width: 200px;
}

.social-div .background-social {
  width: 35px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
  height: 3.3rem;
}

.main-container .clickable:hover {
  background-color: #dedede;
  cursor: pointer;
}

.main-container .clickable:active {
  background-color: #bcbcbc;
}

.endorder-page-content .clickable:hover {
  background-color: grey;
  cursor: pointer;
}

.endorder-page-content .clickable:active {
  background-color: darkgrey;
}

.main-container .invertClickable {
  background-color: #dedede;
  cursor: pointer;
}

.main-container .invertClickable:hover {
  background-color: #bcbcbc;
}

.main-container .invertClickable:active {
  background-color: transparent;
}



.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.cursor-not-allowed {
  cursor: not-allowed;
}


.main-container .clickable2:hover {
  text-decoration: underline;
  cursor: pointer;
}

.main-container .invertClickable2 {
  text-decoration: underline;
  cursor: pointer;
}

.main-container .invertClickable2:hover {
  text-decoration: none;
}

.main-container .clickableLink {
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}

.main-container .clickableLink:hover {
  text-decoration: none;
}

.hover-info {
  color: blue;
  cursor: help;
}

.header-flags {
  width: 2.6rem;
  margin: auto 0;
}

.header-flags .dropdown-menu {
  min-width: auto;
  padding: inherit;
  margin: 0;
  top: 100%;
  width: 2.6rem;
}

.orders-information .dropdown-menu {
  margin: 0;
}

.header-flags .dropdown-toggle {
  width: 33.38px;
}

.dropdown {
  width: 100%;
}

.dropdown-toggle::after {
  /*position: absolute;*/
  top: 0.9rem;
  /*right: 0.5rem;*/
}

.dropdown:hover {
  background-color: lightgrey;
  border: none;
  outline: none !important;
}

.dropdown .btn {
  box-shadow: none;
}

.dropdown .btn:focus {
  box-shadow: none;
}

.btn:focus {
  box-shadow: none;
}

.header-flags .btn {
  width: 100%;
  padding: inherit;
  background-color: transparent;
}

.btn-label {
  width: 100%;
  position: relative;
}

.filter-invert {
  filter: invert(1);
}

.account-creation-connexion-block-footer .btn-label {
  font-size: 95%;
}

.footer-links-arguments {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer-links-infos {
  width: 100%;
}

.footer-links-infos hr {
  margin: 0.8rem 0;
}

.btn-img {
  width: 1.5rem;
  margin: auto;
}

.selected-block {
  background-color: #E6EEFF
}

.selected-btn-admin {
  color: #fff;
  background-color: #025aa5;
  border-color: #01549b;
}

#checkbox-warranty {
  transform: scale(1.5);
  color: #ffffff !important;
  accent-color: #369ebd;
}


/**-------------------------------- SUPERCLASSES --END -----------------------------*/


/**-------------------------------- COMMON -----------------------------*/

.label {
  font-size: 0.75rem;
}

.title-block-form {
  padding: 1rem 0 0 0;
}

.bread {
  font-size: 0.8rem;
}

.col-4 {
  padding: 0;
}

.page-title {
  background-color: #dedede;
}

.tool-tip {
  border-radius: 3px;
  margin: 1rem auto 4% auto;
}

.cart-page-tab-item .tool-tip-preorder {
  margin: 0;
  padding: 0;
}

.temp-message {
  background-color: #dff0d8;
  border: solid 1px #d0e9c6;
  color: #3c763d;
  padding: .15rem 0;
  width: 64rem;
}

.success-message {
  background-color: #2f980024;
  color: #239400d6;
  border: 1px #019a005c solid;
}

.failure-message {
  background-color: #ff000024;
  color: #c10000d6;
  border: 1px #ff00005c solid;
}

.alert-message {
  background-color: #FFD040;
  border: 1px #FFC000 solid;
}

.indication-message {
  background-color: #FFE3E3;
  border-radius: 3px;
  margin: 0.5rem 0;
}

.checkboxRequired {
  box-shadow: -0.5px -0.5px 1.5px 0.1px rgba(255, 0, 0, 1);
  background-color: red;
}

.inputRequired {
  box-shadow: -0.5px -0.5px 1.5px 0.1px rgba(255, 0, 0, 1);
}

.fail-btn-div {
  margin-left: auto;
  margin-right: auto;
}

.fail-btn-style {
  margin: 0 3rem;
}

.fail-message-div {}


/**-------------------------------- COMMON-end -----------------------------*/


/**--------------------------------HEADER-----------------------------*/

.container-head {
  padding: 0;
}

.container-head-logo {
  margin: 0 auto 0 0;
}

.contain-search-bar {
  width: 20rem;
}

.error-404-page .search-bar {
  width: 50%;
  margin: auto;
}

.error-search-page .search-bar {
  width: 50%;
  margin: auto;
}

.cart-count-product {
  height: 26%;
  top: 0;
  margin: 0 auto;
  padding-right: 0.2rem;
  z-index: 5;
}


/**--------------------------------Search Bar-----------------------------*/

.search-bar-form__btn {
  padding: 0;
}

.search-bar-form__img:hover {
  filter: contrast(0);
}

.search-bar-form__list {
  width: 14.55rem;
  height: 11.5rem;
  overflow: hidden;
  z-index: 5;
  list-style: none;
  top: 2.35rem;
  left: 0.24rem;
  border-radius: 5px;
  border: 1px solid #7d7d7d;
}

.search-bar-form__options {
  padding: 0.2rem 0 0.2rem 0.2rem;
}

.search-prediction-container {
  z-index: 20;
  position: absolute;
  width: 100%;
  max-height: calc(100vh - 14.5rem);
  overflow: auto;
  margin: auto;
  left: 0;
  right: 0;
  background-color: white;
  border-left: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
}

.search-prediction-product {
  width: 100%;
  border: 1px whitesmoke solid;
  padding: 0.2rem;
}

.search-prediction-all {
  border-top: 5px solid lightgrey;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0.5rem;
}

.search-prediction-all:hover {
  color: black;
  cursor: pointer;
  text-decoration: underline;
}

.search-prediction-price .small-margin {
  margin: 0;
}

.search-bar-form__btn .default-padding {
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.search-bar-form__btn .wait-component {
  margin: auto;
}

.search-prediction-product:hover {
  text-decoration: none;
  background-color: lightgray;
}

.search-prediction-separator {
  background-color: black;
  font-weight: bold;
  padding: 0.2rem 0;
  color: white;
  text-align: center
}

.search-prediction-noresult {
  font-size: 90%;
  padding: 0.5rem 0.2rem;
}

.search-list-separator {
  cursor: pointer;
  width: 100%;
  border: 1px darkgray solid;
  border-radius: 3px;
  background-color: lightgray;
  text-align: center;
  padding: 0.2rem 0;
  margin-top: 1rem;
  font-size: 80%;
}

.chevron-down {
  transform: rotate(90deg);
}


.chevron-up {
  transform: rotate(270deg);
}


/**--------------------------------HEADER-END-----------------------------*/


/**-------------------------------- ProductList  -------------------------*/

.wish-heart {
  font-weight: bold;
  user-select: none;
  cursor: pointer;
}

.product-thumb {
  position: relative;
  text-align: center;
  overflow: hidden;
  background-color: white;
}

.product-thumb-free {
  position: relative;
  text-align: center;
  background-color: white;
}

.vip-incitement-design .product-thumb {
  height: 5rem;
  margin-bottom: 0.5rem;
  background-color: transparent;
}

.vip-incitement-design .cart-thumb {
  margin: 0 17px
}

.vip-price__block {
  display: block;
  margin: 0 auto;
}

.vip-fake-price-block {
  background-color: #efe684;
  border-radius: 3px;
  text-align: center;
  font-size: 66%;
  line-height: 13px;
  margin-top: 0.1rem;
  padding: 0.2rem 0;
  width: 60%;
  margin: 0 auto;
}

.vip-fake-price-block__price {}

.product-page {
  min-height: 40rem;
}

.product-page iframe {
  width: 100%;
}

.admin-generation-code .signin-page-bloc-content-line-div {
  width: 100% !important;
}

.admin-tooltip {
  background-color: #60d160;
  border: 1px green solid;
  color: white;
  border-radius: 5px;
  margin: 0 auto;
  padding: 0.2rem 0;
  font-size: 80%;
  width: 10rem;
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
}

.product-page .long-desc_desc table {
  font-size: 65%;
  width: 100%;
}

.long-desc__title {
  display: none;
}

.long-desc__desc {
  font-size: 80%;
  line-height: 1.2rem;
}

.long-desc__desc img {
  max-width: 100% !important;
  overflow: hidden;
}

.long-desc__desc p {
  margin: 0.5rem 0;
}

.long-desc__desc div {
  margin: 0.5rem 0;
}

.desc-block {
  margin: 16px;
  border: solid 1px lightgray;
}

.desc-block h2{
  font-weight: bold;
  font-size: 0.806rem;
}

.desc-block a{
  text-decoration: underline;
}

.desc-block a:hover{
  text-decoration: none;
}

.desc-block-text {
  max-height: 300px;
  overflow: auto;
  font-size: 80%;
  padding: 0.5rem 0.2rem;
  border-bottom: 4px #d3d3d33d solid;
  border-left: 4px #d3d3d33d solid;
  border-right: 4px #d3d3d33d solid;
}

.best-seller-thumb {
  width: 170px;
  height: 170px;
}

.second-hand-cms{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 15.2rem;
  margin: 0.5rem;
}

.best-seller-thumb-cat {
  width: 150px;
  height: 150px;
  margin: auto;
}

.product-bestSeller-list-product-img-info__title {
  font-size: 80%;
  line-height: 98%;
}

.default-thumb {
  width: 130px;
  height: 130px;
}

.mobile-home-thumb{
  width: 115px;
  height: 115px;
}

.product-thumb-img {
  position: relative;
  width: 100%;
}

.product-thumb_overlay-img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%
}

.product-thumb_overlay-img-bestSeller {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.product-list-part-title {
  margin: 1rem 1rem 0 1rem;
  font-weight: bold;
}

.product-listing-list-product {
  padding: 0.5rem;
}

.product-listing-list-product-img-info__title {
  line-height: 0.8rem;
}

.product-listing-list-product-admin-infos {
  width: 170px;
  max-width: 100%;
  margin: 0 auto;
}

.product-listing-list-product-admin {
  display: flex;
  justify-content: center;
  text-align: center;
}

.list-product-admin-infos-column {
  padding: 2px;
  font-size: 10px !important;
  line-height: 13px;
  min-height: 0;
  overflow: auto;
}

.list-product-admin-infos-column span {
  font-size: 11px;
  font-weight: 500;
}

.product-listing-list-product-admin.one div {
  width: 31%;
}

.product-listing-list-product-admin.one .paht {
  width: 40%;
}

.product-listing-list-product-admin.two div {
  width: 50%;
}

.large-list {
  width: 185px;
}

.top-sale-container .top-sale-product {
  width: 33.33%;
}

.top-sale-container .top-sale-product .large-list{
  height: 100%;
}

.top-sale-container .large-list {
  width: 100%;
}

.top-sale-container .large-list:hover {
  background-color: #C3CEC3;
}

.calendar-list {
  width: 100%;
  height: 100%;
}

.silver-background{
  height: 100%;
  width: 100%;
  background: rgb(199,199,199);
  background: linear-gradient(19deg, rgba(199,199,199,1) 0%, rgba(221,221,221,1) 15%, rgba(199,199,199,1) 30%, rgba(241,241,241,1) 50%, rgba(199,199,199,1) 70%, rgba(221,221,221,1) 85%, rgba(199,199,199,1) 100%);
}

.slim-list {
  max-width: 170px;
  min-width: 170px;
}

.product-listing-list-product:hover {
  background-color: #bdbdbd;
}

.product-bestSeller-list-product {
  padding: 0.3rem;
  max-width: 11.25rem;
  margin: auto;
}

.product-bestSeller-list-product .small-margin {
  margin: 0;
}

.product-bestSeller-list-product .small-margin .private-sale-price-bloc {
  line-height: 0.75rem;
}

.product-bestSeller-list-product .best-seller-thumb-cat {
  width: 140px;
  height: 140px;
}

.product-bestSeller-list-product:hover {
  background-color: #bdbdbd;
}

.product-bestSeller-list-product-img {
  width: 170px;
  height: 170px;
}

.product-bestSeller-list-product-img__img-main {
  width: 100%;
  height: 100%;
}

.cross-sell-block {
  overflow-x: auto;
  margin: 0 0.5rem;
}

.free-shipping-text {
  margin: 5px 0;
  font-weight: bold;
  font-size: 130%;
}

.free-shipping-align {
  text-align: right;
}


/**--------------- ProductList Admin Style -----------------------*/

.product-listing-list-product-familly {
  position: relative;
  top: -25px;
  z-index: 5;
  text-transform: uppercase;
}


/**-------------------------------- pricing  -------------------------*/

.special-price__int {
  padding: 0 0 0 0.8rem;
}

.crossed-text {
  text-decoration: line-through;
  font-weight: normal;
}

.new-home-product-box-featured-mobile .special-price{
  font-size: 80%;
}

.new-home-product-box-featured-mobile .vip-price{
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

.btn-info {
  background-color: #7ccee6;
}

.btn-info:hover {
  background-color: lightblue;
}

.euro-symb {
  font-family: arial;
  font-size: 90%;
}

.price-deci {
  font-size: 90%;
  margin-right: 0.2rem;
}

.price-int {
  margin-left: 0.2rem;
}

.save-price {
  position: relative;
  max-width: 16.5rem;
  margin: 0 auto;
}

.sav-format {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%
}

.product-info-mobile .save-price {
  max-width: 100%;
}

.save-price-int {
  left: 50%;
  right: 0;
  top: 50%;
}

.product-info-mobile .save-price-int {
  font-weight: bold;
}

.pricecheap {
  width: 95%;
  margin: auto;
}

.info-product {
  background-color: lightgrey;
  padding: 1rem;
  text-align: center;
}

.pricecheap-form {
  width: 70%;
  margin: auto;
}

.pricecheap-form-content-line-div-input {
  border: 1px grey solid;
  border-radius: 3px;
  padding: 0 0.2rem;
}

a.lowerprice,
a.lowerprice:hover {
  text-decoration: underline;
}


/**-------------------------------- ProductList-Nav Left  -------------------------*/

.list-left__title {
  background-color: #dfdfdf;
  padding: 0.5rem;
  margin-bottom: 0;
}

.list-left__list {
  list-style: none;
}

.list-left__item {
  padding-left: 0.8rem;
}

.list-left-filter-cat-choice {
  padding: 0.5rem 0;
  font-size: 0.8rem;
}

.desc-block .list-left-filter-cat__title {
  font-size: 1rem;
}


/**-------------------------------- ProductList-END  -------------------------*/


/**-------------------------------- Product Page  -------------------------*/

.product-intro-title {
  margin: 0;
}

.product-intro-title__title {
  background-color: #ccc;
  font-size: 1rem;
  text-align: left;
}

.product-intro-title__sku {
  font-size: 0.5rem;
}

.product-intro-title__img-brand {
  max-width: 100%;
  background-position: 0 100%;
  background-size: 100%;
}

.product-intro-title__img-brand-big {
  max-width: 100%;
  background-position: 0 100%;
  background-size: 792.307692%;
}

.left-col-brand__container {
  max-width: 228px;
  margin-bottom: 0.5rem;
}

.cleft-col-brand__img {
  max-width: 100%;
  background-position: 0 78.125%;
  background-size: 355.172414%;
}
.brand__img {
  max-width: 100%;
}

.cat-header__container {
  position: relative;
  max-width: 1030px;
  margin: 0 0 4px 0;
}

.cat-header__img-cat {
  position: relative;
  max-width: 100%;
  background-position: 0 20%;
  background-size: 140%;
}
@media only screen and (max-width: 1030px) {
  .d-none-bg {
    display: none !important;
  }
}

@media only screen and (min-width: 1029px) {
  .d-1030-none{
    display: none !important;
  }
  .d-1030-block{
    display: block !important;
  }
  .d-1030-flex{
    display: flex !important;
  }
  .cat-header__img-cat {
    background-size: 100%;
    background-position: 0 0%;

  }
}

.cat-header__best-seller-container {
  position: absolute;
  right: 18px;
  width: 20%;
  z-index: 30;
}

.intro-image-info {
  padding-top: 1rem;
}

.product-intro-img__small-img {
  max-width: 390px;
  min-height: 390px;
}

.img-zoom-lens {
  position: absolute;
  /**-- plus le chiffre est bas + le zoom augmente --*/
  width: 4.6875rem;
  height: 4.6875rem;
}

.product-intro-img__zoom-img {
  margin-left: 15px;
  width: 22.1rem;
  height: 288px;
  background-position: center;
  z-index: 100000;
  border: 1px solid #dedede;
}

.intro-info {
  margin-left: 0.5rem;
  width: 100%;
}

.product-small-picto {
  width: 70px;
  height: 57px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.product-small-picto * {
  width: 100%;
  height: 100%;
}

.product-small-picto-img {
  max-width: 70px;
  padding: 0 1px;
}
.product-small-picto-img * {
  width: 100%;
  height: 100%;
}

.product-big-picto {
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 268px;
  min-height: 56px;
  margin: 1rem auto;
  text-align: center;
}
 .img-w-100 img {
  width: 100%;
  height: auto;
 }


.product-big-picto-mobile {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  /* max-width: 268px; */
  min-height: 56px;
  margin: 1rem auto;
  border: 1px #799fa9 solid;
  background-color: none;
  text-align: center;
}

.payment-times-mobile {
  width: calc(100% - 140px);
  text-align: left;
  padding: 0 5px;
}

.payment-times-mobile .echeances-list {
  display: flex;
  flex-direction: row;
  align-items: space-between;
}

.payment-times-mobile .nb-echeances {
  padding-right: 6px;
  text-align: right;
  width: 40px;
}

.payment-times-mobile span:nth-child(2) {
  text-align: right;
}


/* -- Affichage admin -- */

.product-admin-infos {
  margin: 10px auto;
  max-width: 240px;
}

.product-admin-infos-array {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: stretch;
}

.product-admin-infos-array-column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 2px;
  font-size: 11px !important;
  line-height: 13px;
  min-height: 0;
}

.product-admin-infos-array-column span {
  font-weight: 500;
}

.product-admin-infos-array.triple div {
  width: 30%;
}

.product-admin-infos-array.triple .paht {
  width: 40%;
}

.product-admin-infos-array.double div {
  width: 100%;
  min-width: 50%;
}


/**-------------------------------- review  -------------------------*/

.review__img {
  width: 2.2rem;
}

.countChars {
  position: absolute;
  font-size: 75%;
  right: 0;
  top: 0;
  bottom: 0;
  padding-right: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: grey;
}

.padding-review {
  padding-right: 3.5rem !important;
}

.review-line {
  display: flex;
  margin: 5px 0;
}

.review-line-identity {
  width: 25%;
  padding: 5px 0;
}

.review-line-content {
  width: 75%;
  background-color: rgb(225, 225, 225);
  border-radius: 10px;
  padding: 5px 10px;
  font-size: 80%;
}

.review-line-flag {
  width: 15px;
  margin: auto 0;
  border-radius: 3px;
}

.review-line-title {
  padding: 0.25rem 0;
  font-weight: bold;
  word-wrap: break-word;
}

.review-line-text {
  padding: 0.25rem 0 0.25rem 0.5rem;
  font-size: 90%;
  word-wrap: break-word;
}

.reviews-national {
  overflow: auto;
  max-height: 13rem;
}

.link-design {
  text-decoration: none;
  cursor: pointer;
}

.link-design:hover {
  text-decoration: underline;
}


/**-------------------------------- substitution  -------------------------*/

.substitution-block {
  max-width: 16rem;
  margin: auto;
}

.substitution-block hr {
  margin: 0.5rem 0;
}

.substitution-block_content {
  background-color: #d5edd5;
  margin-top: 0.5rem;
}

.substitution-block_intro-text {
  line-height: 0.7rem;
}

.block_img {}

.substitution-thumb {}

.substitution-block_info {
  width: 55%;
  line-height: 1;
}


/**-------------------------------- Product SideBar  -------------------------*/

.product-info-container {
  position: relative;
}

.product-info {
  width: 90%;
  margin: 0 auto;
  position: absolute;
  top: 0px;
}

.product-info-section {
  border: 5px solid #ccc;
}

.product-info-pricing {
  margin: 1rem 0;
}

.width-264-static {
  width: 264px;
}

.multipay-picto {
  margin-bottom: -7%;
  width: 100%;
  height: auto;
}

.multipay-picto-mobile {
  width: 140px;
  height: auto;
}

.telpayment {
  border: 1px solid darkgrey;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 75%;
  line-height: 1.6;
}


/* boutons valider et je vous rappellerai */

.no-float {
  float: none !important;
}

.choose-date-input {
  background-color: white;
}

.choose-date-input {
  border: 1px grey solid;
  height: 2rem;
  border-radius: 3px;
  padding: 0 0.2rem;
}


/**-------------------------------- Footer  -------------------------*/

.footer {
  max-width: 64.5rem;
  background: #eef2f4;
}


/**
.footer_mobile {
display: none;
}
**/

.footer_banners img {
  margin: 0 5px;
  min-height: 35px;
  min-width: 468px;
  max-width: 468px;
}

.footer-marketing {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: auto;
  font-size: 70%;
  width: 100%;
  overflow: hidden;
}


/**-------------------------------- Footer lists links !! Sprite in ISO.CSS !! -------------------------*/

.footer ul {
  padding: 5px 0 0 0;
}

.footer ul>li {
  list-style: none;
  list-style-type: none;
}

.footer_links_commitments ul {
  margin-bottom: 0;
}


/**-------------------------------- Footer-marketing !! Sprite in ISO.CSS !! -------------------------*/

.footer-marketing-argument img {
  width: 8rem;
  height: 6rem;
  min-width: 8rem;
  min-height: 6rem;
  margin: 5px auto;
}

.footer-marketing-argument {
  padding: 0 0.5rem;
  width: 140px;
}

.footer-marketing-argument__ico {
  width: 8rem;
  height: 6rem;
}

.footer-partners-partner__ico {
  width: 80px;
  height: 1.5rem;
}

.footer-links-mentions {
  Line-Height: 0.72rem;
  margin-bottom: 1rem;
}

.footer-address {
  font-size: 0.6rem;
  width: 100%;
  min-height: 2rem;
  padding: 0.3rem 0 0.5rem 0;
  color: white;
  background-color: grey;
  margin: 0;
}

.footer-address a {
  color: white;
}

.edit_address {
  margin: 0.2em;
}


/**-------------------------------- Footer-social  -------------------------*/

.footer-links-social {
  margin: 0;
  width: 30%;
  min-width: 17rem;
  padding: 0 1rem;
}

.footer-links-social-container {
  min-width: 3rem;
  background-color: #d4d4d4;
  height: 100%;
}

.footer-links-social-container__title {
  background-color: grey;
  font-weight: 600;
}

.footer-links-social-container-network__img {
  width: 6.43rem;
  height: 2.4rem;
  background-position-y: 3.6rem;
}

.footer_links_social {
  display: none;
}


/**-------------------------------- Footer -end  -------------------------*/

.content .contain-main-home {
  padding-top: 148px;
}

.contain-main {
  background-color: #f3f3f3;
  padding-top: 104px;
  min-height: 450px;
  position: relative;
}

.force-scroll {
  position: fixed;
  bottom: 5rem;
  right: 2rem;
  z-index: 6000;
}

.header-surhead {
  background-color: #f3f3f3;
  width: 100%;
}

.header-surhead ul li {
  display: inline-block;
}

.nav-item {
  display: inline-block;
}

.menu-ul {
  padding: 0.2rem 0;
  list-style: none;
  text-align: center;
  margin: 0;
  border-radius: 5px;
}

.sub-menu-container {
  text-align: left;
  position: absolute;
  padding: 0.3rem;
  background-color: #dedede;
  width: 686px;
  min-height: 25.1rem;
  z-index: -1;
  border-right: 1px grey solid;
  border-bottom: 1px grey solid;
}

.sub-menu-container-pos {
  right: 0;
  border-right: none;
  border-left: 1px grey solid;
}

.sub-menu-block {
  position: relative;
  width: 200px;
  padding: 0.3rem 0;
  width: 100%;
}

.sub-categorys {
  padding-left: 0.1rem;
  line-height: 12px;
}

.sub-menu-cat-title {
  margin-bottom: 0.2rem;
  font-size: .9rem;
  font-weight: bold;
  padding: 0 0.5rem;
}

.sub-menu-best-seller-block {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 10px;
}

.marker-out-stock {
  z-index: 20;
  background-color: red;
  color: white;
  font-weight: bold;
  border-radius: 100%;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 120%;
}

.menu-brand-container {
  position: absolute;
  background-color: white;
  width: 1030px;
  z-index: 1;
}

.brand-list {
  min-height: 25.3rem;
  text-align: left;
}

.brands-letter-column {
  /*taille obligatoirement en pixel utilisé dans un javascript*/
  min-width: 215px;
  padding: 1rem 0;
}

.menu-letter-brand-container {
  display: flex;
  justify-content: space-between;
  width: 85%;
}

.menu-letter-brand {
  width: 100%;
}

.menu-text-brand {
  padding: 0.35rem 0;
  width: 15%
}

.nav-link {
  padding: 0 0.5rem;
  border-radius: 5px;
  font-size: 60%;
}

.menu-ul:hover {
  background-color: #dedede;
  border-radius: 5px 5px 0 0;
}

.mainpage {
  padding-top: 5.125rem;
}


/*Responsive Header/Menu*/

.header-phone {
  display: none;
}

.header-tablet {
  display: none;
}

.header-computer {
  display: flex;
}

.other-content {
  margin-top: 1.7rem;
  height: 24rem;
}

.other-page .other-content {
  height: auto;
}

.other-content .btn-link {
  width: 100%;
  height: 3.3rem;
  padding: 1rem 0;
}

.other-content bouton {
  width: 100%;
  height: 3.3rem;
  padding: 1rem 0;
}

.other-link-line {
  border-bottom: 2px grey solid;
}

.link-line-spe {
  height: 3.5rem;
  font-weight: bold;
}

.other-link-line .btn-label {
  width: 100%;
  height: 100%;
  text-align: left;
  font-size: 1rem;
  padding-left: 1rem;
  font-weight: bold;
}

.menu-normal {
  display: flex !important;
  line-height: 0.8rem;
}

.menu-tablette {
  display: none !important;
}

.menu-phone {
  display: none !important;
  position: fixed;
  bottom: 0;
  z-index: 103;
  filter: invert(100%);
}

.menu-sidebar {
  position: fixed;
  width: 100%;
  height: 50rem;
  left: 0;
  z-index: 102;
  background-color: lightgrey;
}

.menu-phone-sidebar {
  top: 3.5rem;
}

.menu-tab-sidebar {
  top: 8rem;
}

.intro-info_text-brand {
  margin: 10px 0px 0px 10px;
}

.bg-left-arrow {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-image: url("/imgs/common/left-arrow.png");
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  border-radius: 100%;
  border: none;
  cursor: pointer;
  z-index: 1000;
}

.header-small-surhead {
  padding: 0.5rem;
  min-height: 60px;
}

.navbar-light .navbar-toggler {
  padding: 0;
  height: 2.5rem;
  width: 2.5rem;
  right: 0;
  left: 0;
  position: relative;
}


/*--------------------------*/

.menu-container {
  position: relative;
}

.menu-normal .nav-item {
  background-color: #EEEEEE;
  border-left: 1px grey solid;
  border-right: 1px grey solid;
}

.list-left {
  min-width: 7.5rem;
  max-width: 18.75rem;
}

.btn-cart {
  position: relative;
  border-radius: 5px;
  height: 3.125rem;
  width: 4.25rem;
  padding: 0.5rem 0;
  margin: 1rem 0;
}

.header-small .btn-cart {
  width: 2.5rem;
  height: 2.5rem;
  border: 1px lightgrey solid;
}

.header-small .btn-cart .btn-img {
  width: 1.5rem;
  height: 1.5rem;
}

.menu-customer {
  padding: 0.5rem 1rem;
  position: absolute;
  right: -4.25rem;
  top: 4rem;
  z-index: 100;
  width: 270px;
  min-height: 380px;
  background-color: #d4d4d4;
  border-radius: 3px;
  border: 1px grey solid;
  border-top: none;
  border-right: none;
  border-radius: 3px 0 3px 3px;
}

.menu-phone-sidebar .menu-customer {
  top: auto;
  right: auto;
  border: none;
  background-color: transparent;
  width: 100%;
  padding: 0.5rem 1rem;
}

.menu-customer .login-form-block {
  margin: 0 auto;
}

.menu-customer .login-form-block_input {
  margin: 1rem 0 0 0;
}

.picto-eye {
  position: absolute;
  right: 10px;
  bottom: 5px;
  width: 1.5rem;
  background-color: white;
  border-radius: 100%;
}

.signin-page-bloc-content .login-form-block_input .picto-eye {
  right: 7%;
  bottom: 0.25rem;
}

.account-page-bloc-content .login-form-block_input .picto-eye {
  right: 8%;
  bottom: 0.25rem;
}

.account-page-bloc-content input {
  width: 90%;
}

.picto-eye:active {
  background-color: white;
}

.vip-incitement-design {
  height: 6rem;
  overflow: hidden;
  border: 7px white solid;
}

.cart-page-tab-item .vip-incitement-design {
  background-color: white;
}

.vip-incitement-account {
  background-color: rgba(0, 0, 0, .05);
}

.giftcard-reason {
  min-width: 5rem;
  margin: auto;
}

.img-giftcard {
  display: none;
}

.giftcard-code::after {
  content: " -";
}

.giftcard-amount {
  display: inline;
  font-size: 16px;
}

.giftcard-content {
  display: none;
}

.labeldiv {
  width: 12rem;
}

.tracking-numbers .dropdown-menu {
  margin: 0;
  padding: 0.5rem 0;
  width: 9.6rem;
  min-width: 0;
}

.tracking-numbers .dropdown-item {
  padding: 3px 0;
  text-align: center;
}

.tracking-numbers .dropdown .btn {
  padding: 0.5rem;
  text-align: inherit;
}

.dropdown-item:hover {
  background-color: white;
  text-decoration: underline;
}

.account-block .vip-incitement-design {
  border: 7px transparent solid;
}

.vip-button-buy {
  width: 17%;
}

.menu-cart {
  padding: 0.5rem;
  position: absolute;
  right: 0;
  top: 4rem;
  z-index: 100;
  width: 270px;
  min-height: 410px;
  background-color: #d4d4d4;
  border: 1px grey solid;
  border-top: none;
  border-right: none;
  border-radius: 3px 0 3px 3px;
}

.menu-cart-head {
  padding: 0.5rem 0;
  font-size: 75%;
}

.menu-cart-products-list {
  font-size: 75%;
}

.bundle-detail {
  background-color: lightgrey;
  border: 1px darkgrey solid;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-top: 0.5rem;
  margin-left: 3rem;
  margin-right: 3rem;
}

.see-more-bundle-child {
  right: 30%;
  bottom: 10%;
}

.menu-cart-footer {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  left: 0.5rem;
}

.menu-cart-product {
  width: 75%;
}

.menu-cart-price {
  width: 25%;
}


/*---------- spacing buttons modal supprimer address -------------------*/

.spacer {
  margin: 0.7rem;
}


/**-------------------------------- Btn_Wilfried  -------------------------*/


/**BtnShape*/

.btn-tiny {
  width: 25%;
  padding: 0;
  font-size: 100%;
}

.btn-smaller {
  font-size: 100%;
  width: 11.5625rem;
  padding: 0.2rem;
}

.btn-small {
  font-size: 98%;
  max-height: 1.5625rem;
  line-height: 0;
  border: none;
  padding: 1rem;
  margin: 0.5rem 0;
}

.account-page .btn-medium {
  width: 16.5625rem;
  padding: 0.5rem;
  margin: 0;
}

.account-page .btn-newsletter {
  width: 16.5625rem;
  margin: 0;
}

.btn-arrow {
  width: 40px;
  height: 40px;
}

.btn-standard {
  font-size: 90%;
  width: 5.625rem;
  height: 1.3125rem;
  padding: 0.1rem;
}

.btn-order-history {
  font-size: 90%;
  width: auto;
  height: 1.5rem;
  padding: 0.2rem;
  min-width: 10rem;
  margin: 0.1rem 0;
}

.btn-popup-leaflet {
  height: 2rem;
  width: 100%;
}

.pathButton .btn-delivery .footer-btns-next-prev .btn-big {
  font-size: 90%;
  width: 5.625rem;
  height: 1.3125rem;
  padding: 0.1rem;
  margin: auto 0.2rem 0.2rem auto;
}

.pathButton .btn-delivery .footer-btns-next-prev {
  margin: 0;
}

.manual-shipping-info {
  width: 90%;
  text-align: center;
  margin: 1rem auto;
}

.btn-big {
  min-width: 20%;
  min-height: 20%;
}

.btn-bigger {
  min-width: 20%;
  min-height: 2rem;
}

.btn-important {
  padding: 0.3rem 0;
  color: white;
  width: 5rem;
  min-height: 2rem;
  margin: auto 0.5rem;
}

.btn-important-xl {
  padding: 1rem 1.2rem;
  min-width: 6rem;
  min-height: 2.5rem;
  margin: auto 0.5rem;
}


.btn-auto {
  width: auto;
  line-height: 10px;
  height: auto;
  padding: 10px;
}

.btn-large {
  font-size: 90%;
  min-width: 9.5625rem;
  max-width: 9.5625rem;
}

.btn-xxl {
  min-width: 12rem;
  max-width: 12rem;
}

.btn-semicircle {
  display: inline-block;
  width: 1.9rem;
  margin: 0 auto;
  border: 2px #5bc0de solid;
  height: 1.5rem;
  font-weight: bold;
  font-size: 130%;
  width: 40px
}

.btn-semicircle:hover {
  border: 2px #5bc0de solid;
}

.btn-print {
  margin-left: auto;
  margin-right: 0;
}

.more-qty-semicircle {
  padding: 0 0.3rem;
  border-radius: 100% 100% 0 0;
}

.less-qty-semicircle {
  padding: 0 0.5rem;
  border-radius: 0 0 100% 100%;
}

.btn-round {
  display: inline-block;
  width: 1.9rem;
  margin: 0 4px;
  border: 2px 2px #07771f solid;
  border-radius: 100%;
  height: 2rem;
  font-weight: bold;
  font-size: 130%;
  padding-top: 4px !important;
}

.btn-round.pt-6px {
  padding-top: 6px !important;
}

.pt-2px {
  padding-top: 2px !important;
}

.max-w-140px {
  max-width: 140px;
}
.new-home-box-deal-infos .btn-round {
  margin: 0;
}

.btn-lightblue.btn-round {
  border: 2px 2px #07771f solid;
}

.btn-round-border-lightsuccess {
  border: 1px #5cb85c solid;
}

.btn-round:hover {
  border: 2px #97d4a7 solid;
}

.btn-lightblue.btn-round:hover {
  border: 2px #5bc0de solid;
}

.btn-map {
  width: 45%;
  height: 3.125rem;
  margin: 0.5rem;
}

.btn-header {
  border-radius: 5px;
  height: 3.125rem;
  width: 4.25rem;
  padding: 0.5rem 0;
  margin: 1rem 0;
}

.btn-header-label {
  font-size: 60%;
}

.admin-account-picto .btn-img {
  filter: hue-rotate(150deg);
}

.btn-newsletter {
  height: 1.5rem;
  padding: 0.2rem;
}

#login-form .vertical-align-text-btn {
  bottom: 0;
}

.vertical-align-text-btn {
  bottom: 0.125rem;
}

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

.text-align-left {
  text-align: left;
  padding-left: 1rem;
}

.block-inline {
  display: inline-block;
}

.cart-page-tab-item {
  margin: 10px 0;
}

.cart-page-tab-item .vertical-align-text-btn {
  bottom: 0.375rem;
}

.btn-account-cart:hover {
  background-color: #E1E1E1;
}

.row-btn a:hover {
  text-decoration: none;
}

.row-btn a:focus {
  text-decoration: none;
}


/**BtnColor*/

.btn-secondary {
  color: white;
  background-color: darkgrey;
  cursor: pointer;
}

.btn-success-container {
  background-color: #5cb85c;
  color: white;
}

.btn-lightsuccess:hover {
  background-color: #329c3f;
  padding: 1px 0px 0px 0px !important;
}

.btn-lightsuccess {
  background-color: #329c3f;
}

.btn-lightblue-container {
  background-color: #5bc0de;
  color: white;
}

.btn-lightblue {
  background-color: #7ccee6;
  color: white;
  cursor: pointer;
}

.btn-lightblue:hover {
  background-color: lightblue;
}

.btn-lightblue:active {
  background-color: #5bc0de;
}

.btn-blue {
  background-color: #26A5CA;
  color: white;
  border-color: #26A5CA;
  cursor: pointer;
}

.btn-blue-invert {
  font-size: 0.9rem;
  color: #26a5ca;
  border: 1px #26a5ca solid;
  background-color: white;
}


.btn-blue:hover {
  background-color: #0d8aad;
}

.btn-link {
  text-decoration: none;
  color: black;
  cursor: pointer;
}

.btn-link.no-space-left {
  padding-left: 0 !important;
  margin-left: -2px !important;

}

.btn-link:hover,
.btn-link:active,
.btn-link:active {
  text-decoration: none;
  color: black;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  pointer-events: none;
}

.btn-danger:visited {
  text-decoration: none;
  color: white;
}

.btn90 {
  min-width: 90px;
}

.main-container .btn-success,
.main-container .btn-green,
.main-container .btn-blue {
  color: #fff;
}

.main-container .btn-success,
.main-container .btn-green {
  background-color: #5cb85c;
  border-color: #5cb85c;
  border-style: none;
}

.main-container .btn-success:hover,
.main-container .btn-green:hover {
  background-color: #449d44;
}


/**-------------------------------- Btn_Wilfried --END
/**-------------------------------- LoginPage_Wilfried  -------------------------*/

.account-creation-connexion-block {
  margin: 1% auto;
  width: 25.3125rem;
  min-width: 17.5rem;
  min-height: 16.125rem;
  border-radius: 5px;
}

.account-creation-connexion-block_subtitle {
  margin: 1rem auto auto auto;
}

.account-creation-connexion-block-footer {
  display: inline;
  margin: 1rem auto 0 auto;
}

.account-creation-connexion-block-footer_forgotten-password {
  height: 20%;
  text-decoration: underline;
}

.account-creation-connexion-block-footer_forgotten-password a:hover {
  color: #464646;
  font-weight: bold;
}

.account-forgotten-password-block {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  min-width: 17.5rem;
  border-radius: 5px;
}


/**---- Custom Classes  ----*/

.login-form-block {
  margin: 1rem auto 0 auto;
}

.login-page-titre1 {
  margin-right: 0.5rem;
}

.login-form-input {
  height: 2rem;
  padding: 0.2rem;
  border-radius: 5px;
  margin: 0.1rem 0;
}


/**---- Custom Classes END ----*/


/**-------------------------------- LoginPage_Wilfried -END  -------------------------*/


/**-------------------------------- Account-Page_Wilfried  -------------------------*/

.account-block {
  margin: 1rem auto 0 auto;
  padding-bottom: 1rem;
}

.account-page .btn-standard {
  width: 5rem;
}

.order-history-headline {
  margin: 0.5rem;
  font-weight: bold;
  border-bottom: 1px lightgrey solid;
  font-size: 80%
}

.order-history-line {
  margin: 0.5rem;
  font-size: 80%;
}

.order-history-bundle {
  margin: 0 0.5rem;
  font-size: 65%;
  font-style: italic
}

.order-history-bundle .order-history-bundle-item-name {
  padding-left: 1rem;
}

.order-history-bundle-item-qty {
  width: 10%;
  text-align: right;
}

.order-history-page td {
  padding: 0.5rem;
}

.order-history-page .all-orders-content {
  margin: 0;
  padding: 1rem;
  width: auto !important;
}

.name-product-column {
  width: 50%;
}

.unit-price-quantity-column {
  width: 25%;
}

.total-product-column {
  width: 16%;
}

.order-history-line-half {
  width: 45%;
}

.buttons-allOrders-sav {
  padding: 1rem;
}


/**---- Targeted Classes  ----*/

.account-page table {
  margin-top: 1rem;
}

.account-page tr {
  height: 2rem;
}

.account-page td {
  padding: 1rem;
  margin: auto 0;
}

.account-page ul {
  border-radius: 5px;
}

.account-page li {
  background: none;
}

.account-page bouton {
  text-align: center;
  font-size: 83%;
  display: block;
  margin: 0.2rem;
}


/***** Stop Delete Default Account ******/

.stop-delete-address {
  padding: 20px;
}

.stop-delete-address-para {
  padding-bottom: 10px;
}


/***** delete address popup ******/

.address {
  margin: 10px;
}


/******Pages Statiques*******/


/*Titre de Page*/

.info-page h1 {
  font-size: 1.8rem;
  font-weight: bold;
}


/*Sous-titre de Page*/

.info-page h2 {
  font-size: 1.4rem;
  font-weight: bold;
}


/*Titre de Contenu*/

.info-page h3 {
  font-size: 1.1rem;
  font-weight: bold;
}


/*Sous-titre de Contenu*/

.info-page h4 {
  font-size: 0.9rem;
  font-weight: bold;
}


/*Texte + gros que la normale*/

.info-page h5 {
  font-size: 0.8rem;
  font-weight: normal;
}


/*Texte moins gros que la normale*/

.info-page h6 {
  font-size: 0.65rem;
  font-weight: normal;
}

.info-page p {
  font-size: 0.8rem;
  font-weight: normal;
}

.content-info-page p {
  margin: 0 0 0.8em 0;
}

.block-update_time {
  padding: 0.2rem
}

.account-page .vip-incitement-design img {
  width: 130px;
  height: 130px;
}


/**---- Targeted Classes END ----*/


/**---- Custom Classes  ----*/

.customer-information-bold {
  min-width: 10.1875rem;
  word-break: break-word;
}

.align-div-tab-account {
  width: 3.125rem;
}


/**---- Custom Classes --END ----*/


/**-------------------------------- account-page_Wilfried -END  -------------------------*/


/**-------------------------------- order-Page_Wilfried  -------------------------*/

.tier-prices-list {
  margin: 1rem auto;
}

.tier-price-spaceur {
  padding: 1rem 0;
}

.tier-price-tooltip {
  cursor: default;
  position: relative;
  display: inline-block;
}

.tier-price-tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: white;
  color: grey;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  line-height: 1.25;
  z-index: 1;
}

.tier-price-tooltip:hover .tooltiptext {
  visibility: visible;
}

.order-page-content {
  margin: 1rem auto;
}

.order-page h5 {
  font-size: 75%;
}

.cart-page-tab {
  margin: 2.5rem auto 1rem auto;
}

.cart-page-tab-title {
  margin: 0.3rem 0 2.5rem 0;
  font-size: 60%;
}

.cart-page-tab-title-spe {
  margin: 0.3rem 0 calc(4rem - 3rem) 0;
}

.cart-page-tab-img {
  margin: 0 auto;
}

.cart-page-tab-desc-produit {
  padding: 0.2rem 0.5rem;
  margin: 0 10px;
}

.cart-page-tab-line2 {
  width: 75%;
}

.cart-page-tab-unit-price {
  min-width: 4.375rem;
  padding: 0 0.2rem;
  border-left: 1px #c3c3c3 solid;
  border-right: 1px #c3c3c3 solid;
}

.cart-page-tab-border-l {
  min-width: 4.375rem;
  padding: 0 0.2rem;
  border-left: 1px #c3c3c3 solid;
}

.cart-page-tab-border {
  border-left: 1px #c3c3c3 solid;
}

.cart-page-tab-qty {
  margin: 0.3rem 0 0 0;
  min-width: 4.375rem;
  padding: 0 0.2rem;
}

.cart-page-qty__text {
  margin-top: 40px;
}

.cart-page-qty {
  margin: 0 auto;
}

.cart-page-tab-total-produit {
  min-width: 4.375rem;
  padding: 0 0.2rem;
  border-left: 1px #c3c3c3 solid;
  border-right: 1px #c3c3c3 solid;
}

.cart-page-tab-delete {
  width: 9%;
  min-width: 1.5625rem;
}

.cart-page-tab-item .close {
  height: 100%;
  width: 100%;
  margin: auto;
  outline: none;
}

.card-codes .close {
  height: 1rem;
  width: 1rem;
  border-radius: 100%;
  margin: auto 0;
  outline: none;
}

.cart-thumb {
  position: relative;
  max-width: 130px;
  max-height: 130px;
}

.order-page-cart-section-footer-second-line {
  min-width: 7rem;
  min-height: 1.25rem;
  margin-bottom: 2rem;
}

.cart-section {
  margin-bottom: 1rem;
}

.wishlist-heart-product {
  cursor: pointer;
  display: flex;
  justify-content: center;
  height: 100%;
  border-radius: 5px;
  margin-bottom: 0.5rem;
}

.btn-buy-container-page {
  display: flex;
  justify-content: space-between;
  /* height: 2.7rem; */
}

.wishlist-suppr {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
}

.wishlist-suppr-placeholder {
  width: 100%;
  position: relative;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 150px;
}

.wishlist-left-column {
  width: 70%;
}

.wishlist-filters-desktop {
  min-width: 15rem;
  margin-left: 1rem;
}

.wishlist-filters-mobile {
  width: 100%;
  margin-bottom: 1rem;
}

.wishlist-price-buy {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.wishlist-buy {
  min-width: 6rem;
  margin: auto;
}

.wishlist-already-in-cart {
  flex-direction: column;
  justify-content: end;
}

.wishlist-tooltip {
  position: absolute;
  bottom: 105%;
  font-size: 70%;
  background-color: cornsilk;
  border: 1px black solid;
  border-radius: 3px;
  padding: 0.2rem;
  text-align: center;
  white-space: nowrap;
  color: black;
  z-index: 9999;
}

.wishlist-tooltip-placement-page {
  left: 5%;
  right: 5%;
}

.wishlist-tooltip-placement-cart {
  left: -50%;
  right: auto;
}

.order-page-cart-section-footer-confirm-order {
  text-align: right;
}

.order-page-cart-section-footer-total {
  border: 1px grey solid;
  border-radius: 5px;
  margin: 0 0 0 auto;
  width: 15rem;
}

.order-page-cart-section-empty-cart-centered {}

.product-block-old-price {
  text-decoration: line-through;
}

.order-title {
  background-color: #dedede;
  border-radius: 0 10px 10px 0;
}

.standard-title {
  margin: 1rem auto;
  padding: 0.5rem 4rem;
}

.small-title {
  padding: 0.3rem 2.7rem;
}

.small-title-closed {
  margin: 1rem auto 2rem;
}

.small-title-open {
  margin: 1rem auto 0.8rem;
}

.set-cart-sprite-background {
  background-repeat: no-repeat;
  background-size: 28rem;
}

.standard-cart-sprite {
  width: 65px;
  min-height: 65px;
  top: -0.9rem;
  left: -0.625rem;
  background-position-y: -67px;
}

.small-cart-sprite {
  width: 52px;
  background-size: 23rem;
  min-height: 52px;
  top: -15px;
  left: -1rem;
}

.cart-sprite-grey {
  background-position-y: 0px;
}

.cart-sprite-color {
  background-position-y: -56px;
}

.standard-sprite-cart {
  background-position-x: 0;
}

.standard-sprite-wishlist {
  background-position-x: -345px;
}

.standard-sprite-step1 {
  background-position-x: -70px;
}

.standard-sprite-step2 {
  background-position-x: -140px;
}

.standard-sprite-step3 {
  background-position-x: -207px;
}

.standard-sprite-final {
  background-position-x: -275px;
}

.small-sprite-cart {
  background-position-x: 0;
}

.small-sprite-step1 {
  background-position-x: -57px;
}

.small-sprite-step2 {
  background-position-x: -114px;
}

.small-sprite-step3 {
  background-position-x: -170px;
}

.small-sprite-final {
  background-position-x: -236px;
}

.order-page-wrapper {
  min-height: 38rem;
}

.order-page-body {
  margin: 1rem 0 0 0;
}

.order-process {
  margin: 0 1rem;
}

.order-page-division {}

.order-recap {
  margin: 0 1rem;
  padding: 0.2rem 0;
  min-height: 20rem;
}

.order-recap .btn-standard {
  width: 75%;
  margin: 1rem auto 0 auto;
  height: 1.875rem;
  font-size: 105%;
}

.order-page-bloc {
  margin: 2rem 1rem;
}

.payment-option-text {
  min-width: 20px;
}

.payment-main-img {
  width: 55px;
  height: 42px;
  background-size: 650px;
  background-position-Y: 0;
}

.payment-secondary-img {
  height: 19px;
  background-size: 700px;
  background-position-Y: -47px;
}

.payment-secondary-standard-img {
  width: 25px;
}

.payment-secondary-small-img {
  width: 20px;
}

.payment-option-size {
  overflow: hidden;
  display: block;
  height: 44px;
  width: 56px;
}

.payment-option-background {
  background-repeat: no-repeat;
  background-size: 58.35rem;
}

.payment-option .radioOrderPage {
  top: 45%;
  right: 45%;
}

.payment-option {
  background-color: #E7F0F7;
}

.payment-option:hover {
  background-color: #D7E9F7;
}

.payment-option.ko {
  background-color: #efefef;
}

.payment-option.ko:hover {
  background-color: #efefef;
}

.divlisting-listing-payment-options .card-header {
  padding: 0;
}

.divlisting-listing-payment-options .card {
  margin-bottom: 0.5rem;
}

.payment-page-sprite-top {
  display: none !important;
  width: calc(2*1.6875rem);
  height: calc(2*1.6875rem);
}

.payment-page-sprite-bottom {
  display: flex;
}

#cart-input-qty {
  border-left: 2px #5bc0de solid;
  border-right: 2px #5bc0de solid;
  border-top: none;
  border-bottom: none;
  width: 40px;
}

#cart-input-qty:focus {
  outline: none;
}

.method-title {
  font-size: .8rem;
}

.rounded-letter {
  border-radius: 100%;
  background-color: #3673cd;
  width: 30px;
  height: 30px;
  padding: 7px 6px;

  font-size: 14px;
  color: white;
  text-align: center;
  margin: -5px 8px 2px 4px;

}

/**---- Custom Classes ----*/

.buy__btn {
  font-size: 0.8rem;
  height: 2.7rem;
  min-width: 7.5rem;
  margin: 0 auto;
}

.btn-buy-with-product-page {
  width: 80%;
}

.selector-contain {
  margin: 0 auto;
  padding: 0.3rem 0;
  min-width: 6rem;
  border-radius: 5px;
  height: 100%;
}

.selector-contain.preorder {}

.input-btn-buy {
  width: 30%;
  max-width: 60px;
  text-align: center;
  padding: 0;
  margin: 0 0.2rem;
}

.input-btn-buy.number {
  border: solid 1px #099c1b;
}

.container-input-btn-buy {
  top: 0.2rem;
  bottom: 0.2rem;
  left: 0.2rem;
  text-align: center;
  padding: 0;
}

.small-input-btn-buy {
  height: 1rem;
  font-size: 0.75rem;
  text-align: center;
  width: 26px;
  border: solid #777777 0.5px;
}


.up-down-input-btn-buy {
  color: black;
  margin: 0;
  padding: 0;
  font-size: 0.5rem;
  text-align: center;
  min-height: 0.65rem;
  width: 26px;
  border-radius: 3px;
  border: 1px lightgrey solid;
  cursor: pointer;
  background-color: white;
  line-height: normal;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.disabled-style  {
  color: lightgrey;
  cursor: not-allowed;
}

.up-down-input-btn-buy:active {
  background-color: lightgrey;
}

.home-box-deal-infos .selector {
  width: 115px;
  height: 40px;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

.new-home-box-deal-infos .selector {
  width: 115px;
  height: 40px;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

.home-box-deal-infos .selector-contain {
  margin: 0;
  box-shadow: none;
}

.new-home-box-deal-infos .selector-contain {
  margin: 0;
  box-shadow: none;
}

.selector-contain .btn-label {
  font-size: 100%;
  line-height: 1;
}

.hover-btn-customer .btn-label {
  font-size: 80%;
}

.btn-popup-login{
  width: 100%;
  height: 3rem;
  margin: 0.5rem 0;
}

.more-qty {
  padding: 0 0.3rem;
}

.less-qty {
  padding: 0 0.5rem;
}

.footer-btns-next-prev {
  margin: 1rem 0;
}

.confirm-section .order-page_title .footer-btns-next-prev {
  margin: 0;
}

.cart-section .order-page_title .footer-btns-next-prev {
  margin: 0;
}

.confirm-section .order-page_title {
  padding: 0.2rem 0.5rem 0.1rem 4rem;
}

.cart-section .order-page_title {
  padding: 0.2rem 0.5rem 0.1rem 4rem;
}

.confirm-section .order-page_title .order-page-title-fix-btn {
  padding: 0.2rem 0;
}

.error-img {
  position: absolute;
  top: -13px;
  left: -8px;
}

.bold_subtitle {
  font-size: 80%;
}

.divlisting-title {}

.divlisting-modify:hover {
  text-decoration: underline;
}

.order-recap-hr {
  margin: 20px 0 30px 0;
}

.order-recap-hr-small {
  max-width: 200px;
  margin: 20px auto;
  height: 1px;
  background: #dcdcdc;
}

.addressList {
  padding-top: 1rem;
  font-size: 0.9rem;
  min-width: 220px;
}

.delivery-address-popup-billing {
  background-color: lightgrey;
  min-width: 270px;
  width: 100%;
}

.delivery-address-popup-delivery {
  min-width: 270px;
  width: 100%;
}

.delivery-infos {
  margin-left: 0.5rem;
}

.input-form-label {
  font-size: 0.9rem;
}

.divlisting-listing {
  width: 45%;
  padding: 0.5rem;
}

.same-shipping-block {
  padding: 1.5rem 0;
}

.same-shipping-block_label {
  font-weight: bold;
  font-size: 0.75rem;
  bottom: 0.125rem;
}

.same-shipping-block_label :hover {
  text-decoration: underline;
}

.margin-top-15 {
  margin-top: 15%;
}

.delivery-type {
  width: 49%;
  min-height: 100%
}

.delivery-header {
  padding: 0.2rem;
  border-radius: 3px;
  min-height: 56px;
  border-bottom: 1px solid white;
}

.delivery-body {
  height: 7rem;
}

.split-standard {
  border-bottom: 1px solid #BCD7DF;
}

.split-express {
  border-bottom: 1px solid #FFE89F;
}

.express-counter_container {
  font-size: 80%;
  text-align: center;
}

.express-counter__counter {
  color: red;
}

.btn-delivery {
  padding: 0.2rem;
  height: 50%
}

.delivery-option-background {
  min-width: 55px;
  max-width: 55px;
  margin: 0;
  height: 42px;
  background-size: 210px;
  background-repeat: no-repeat;
}

.delivery-option-background-standard-home {
  background-position: 0px;
}

.delivery-option-background-standard-relay {
  background-position: -52px;
}

.delivery-option-background-express-home {
  background-position: -104.9px;
}

.delivery-option-background-express-relay {
  background-position: -157.5px;
}

.delivery-address-popup-title {
  padding: 0.5rem 0 1rem 0;
}

.delivery-standard-title {
  background-color: #9FC8D5;
}


.delivery-standard {
  background-color: #E7F0F7;
}

.delivery-standard-selected {
  background-color: #BCD7DF;
}

.delivery-standard-hover:hover {
  background-color: #D7E9F7;
}

.delivery-click-and-collect {
  background-color: #dedede;
  padding: 0.2rem;
  border-radius: 3px;
  min-height: 40px;
}

.delivery-click-and-collect:hover {
  background-color: #cfcfcf;

}

.delivery-express-title {
  background-color: #FFE391;
}

.delivery-express {
  background-color: #FFF4D3;
}

.delivery-express-selected {
  background-color: #FFE89F;
}

.delivery-express-hover:hover {
  background-color: #FFEAA8;
}

.delivery-block-indisponible {
  cursor: not-allowed;
  padding: 0.2rem;
}

.relay-picto {
  background-image: url("/imgs/common/sprite_relay.png");
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: 290px;
  min-width: 22px;
  height: 25px;
}

.relay-name {
  margin: 0 0.5rem;
}

.relay-address {
  margin-left: 0.5rem;
}

.payment-option_pict {
  width: 10%;
}

.divheader-header_price {
  top: 0;
  right: 0.3125rem;
}

.bg-head-payment {
  background-color: #9FC8D5;
  color: black;
  margin-top: 0.3rem;
  padding: 0.2rem 0.5rem;
  border-radius: 3px;
}

.selling-conditions-footer {
  border: 2px lightgrey solid;
  margin: 0 auto;
}

.selling-conditions-footer input {
  margin: 0.1875rem;
}

.payment-block {
  background-color: white;
}

.selling-conditions-link {
  color: blue;
  text-decoration: underline;
}

.divAddr .relative-radio:hover {
  background-color: white;
}

.recap-adresse {
  width: 23.4375rem;
  padding: 0.2rem;
}

.address-recap-info {
  height: 3.75rem;
}

.address-block {
  margin-bottom: 5px;
}

.background-list {
  background-color: rgba(0, 0, 0, .05)
}

.recap_total {
  width: 13.375rem;
  min-width: 13.375rem;
  margin: 0.5rem 0 0.5rem auto;
  font-size: 75% !important;
}

.slide-container {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  display: none;
}

.slide-container ul {
  height: auto;
  padding: 0;
  margin: 0;
  list-style: none;
}

.slide-container li {
  width: 100%;
  display: inline-block;
}

.slide-container img {
  width: 100%;
  height: auto;
}

.slide-control {
  width: 100%;
  position: absolute;
  bottom: 0.2rem;
}

.carousel-indicators-container {
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  right: 0;
  z-index: 9;
}

.carousel-indicators-custom {
  margin: auto;
  width: 8rem;
  padding: 0;
  text-align: center;
}

.carousel-indicators-custom .active {
  background-color: #fff;
}

.carousel-indicators {
  bottom: 0 !important;
}

.carousel-indicators-custom .slide-badge {
  border-radius: 50%;
  max-height: 13px;
  min-height: 13px;
  max-width: 13px;
  min-width: 13px;
  border: 2px solid #ccc;
  display: inline-block;
  margin: 0.2rem;
}

.slide-badge:hover {
  background-color: #fff
}

.slide-white {
  background-color: #fff
}

.m-w-85 {
  max-width: 85%;
}

/**---- Custom Classes --END ----*/


/**---- Animation Classes ----*/

.scale-down-center {
  -webkit-animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes scale-down-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@keyframes scale-down-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

.scale-up-center {
  -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}


.insertin-appear {
  position: absolute;
  left: -100%;
}

.insertin-appear .insertin-appear-active {
  left: 0;
  transition: left .5s ease-in;
}

.insertin-leave {
  position: absolute;
  left: 0;
}

.insertin-leave .slidein-leave-active {
  left: 10%;
  transition: left .5s ease-out;
}

.slidein-appear {
  position: fixed;
  left: -100%;
}

.slidein-appear.slidein-appear-active {
  left: 0;
  transition: left .1s ease-in;
}

.slidein-leave {
  position: relative;
  left: 0;
}

.slidein-leave.slidein-leave-active {
  left: 10%;
  transition: left .5s ease-out;
}

.slidedown-appear {
  position: absolute;
  bottom: -100%;
}

.slidedown-appear.slidedown-appear-active {
  bottom: 0;
  transition: bottom .1s ease-in;
}

.slidedown-leave {
  position: relative;
  left: 0;
}

.slidedown-leave.slidein-leave-active {
  left: 10%;
  transition: left .5s ease-out;
}

.dropdown-appear {
  position: fixed;
  top: 0;
  overflow: none,
}

.dropdown-appear.dropdown-appear-active {
  top: 10%;
  transition: top .2s ease-in;
}

.dropdown-leave {
  position: relative;
  top: 10%;
}

.dropdown-leave.dropdown-leave-active {
  top: 0;
  transition: top .2s ease-out;
}

.fadein-appear {
  position: relative;
  opacity: 0.01;
}

.fadein-appear.fadein-appear-active {
  position: relative;
  opacity: 1;
  transition: opacity .5s ease-in;
}

.fadein-leave {
  opacity: 1;
}

.fadein-leave.fadein-leave-active {
  opacity: 0.01;
  transition: opacity .5s ease-out;
}

.fadeinPopup-appear {
  z-index: 0;
  top: -30rem;
  opacity: 0.01;
}

.fadeinPopup-appear.fadeinPopup-appear-active {
  z-index: -1;
  opacity: 1;
  top: auto;
  transition: top 0.20s ease-in, opacity .15s ease-in;
}

.fadeinPopup-leave {
  opacity: 1;
}

.fadeinPopup-leave.fadeinPopup-leave-active {
  opacity: 0.01;
  transition: opacity .15s ease-out;
}

.fadeinSubPopup-appear {
  top: -30rem;
  opacity: 0.01;
}

.fadeinSubPopup-appear.fadeinSubPopup-appear-active {
  opacity: 1;
  top: 45px;
  transition: top 0.50s ease-in-out, opacity .15s ease-in-out;
}

.fadeinSubPopup-leave {
  opacity: 1;
  top: 45px;
}

.fadeinSubPopup-leave.fadeinSubPopup-leave-active {
  opacity: 0.01;
  top: -30rem;
  transition: top 0.50s ease-in-out, opacity .15s ease-in-out;
}


/**---- Animation Classes --END ----*/


/* Temporary */

.payment-option_pict img {
  width: 100%;
}

.payment-option-detail_sprite img {
  width: 1.875rem;
  height: 1.1875rem;
}


/*-------------*/

.payment-option-detail_sprite {
  max-width: calc(4*1.875rem);
}


/**-------------------------------- Order-page_Wilfried -END  -------------------------*/


/**-------------------------------- EndOrder-page_Wilfried  -------------------------*/

.endorder-page-section {
  position: relative;
  overflow: hidden;
}

.endorder-page-content {
  margin: 2rem auto;
  width: 70%
}

.endorder-page-text {
  line-height: 1.5rem;
}


/**---- Custom Classes ----*/

.logo-div {
  background-size: 5rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 5rem;
  height: 5rem;
  margin: 0.5rem;
  border-radius: 10px;
  opacity: 0.7;
}

.logo-div:hover {
  opacity: 1;
}


/**---- Custom Classes --END ----*/


/**-------------------------------- EndOrder-Page_Wilfried --END -------------------------*/


/**-------------------------------- contact-Page_Wilfried  -------------------------*/

.contact-page-divblock {
  margin-left: 1rem;
  margin-right: 1rem;
  padding: 1rem 0;
}

.contact-page-email {
  margin: 1rem 0;
}

.contact-page-form-input {
  min-width: 25rem;
  width: 60%;
}

.contact-page-btnform {
  margin: 1rem 0 0 auto;
  min-width: 13.75rem;
}

.contact-page_tel {
  margin: 10px 0;
}

.contact-page_postmail {
  margin: 10px 0 20px 0;
}

#contact-label {
  margin: 0.6rem 0.6rem 0.6rem 0;
  width: 13rem;
}


/**---- Custom Classes ----*/

.contact-option-title {
  width: 9.6875rem;
}

.contact-option-content {
  width: 21.25rem;
}


/**---- Custom Classes --END ----*/


/**-------------------------------- contact-Page_Wilfried --END -------------------------*/


/**-------------------------------- salesconditions-page_Wilfried -------------------------*/

.conditions-title {
  padding: 0.2rem;
  margin: 0.2rem 0;
}

.conditions-text {
  margin-top: 0.2rem;
}


/**-------------------------------- salesconditions-page_Wilfried --END -------------------------*/


/**-------------------------------- signin-page_Wilfried -------------------------*/

.signin-page {
  padding: 1rem 0;
}

.signin-page-content {
  margin: 0 auto;
  padding: 1rem;
  width: 80%;
}

.signin-page-bloc-content {
  margin: 0 0 0rem 0;
}

.signin-page-bloc-content-line {
  margin: 0.5rem 0;
}

.leaflet-inputs .signin-page-bloc-content-line {
  margin: 0 0 0.5rem 0;
}

.account-page .newsletter-div .newsletter-info {
  padding: 0.5rem 0;
}

.signin-page-bloc-content-line-div-label {
  height: 2rem;
  padding: 0 0.2rem;
}

.signin-page-bloc-content-line-div-label {
  height: 2rem;
  padding: 0 0.2rem;
}

.signin-page-bloc-content-line-div-input,
.suggestion-address input,
.modal-body .suggestion-address .disabled-input,
.suggestion-address .disabled-input {
  background-color: white;
  border: 1px grey solid;
  height: 2rem !important;
  border-radius: 3px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 95%;
}

.contact-page-bloc-content-line-div-input{
  border-radius: 3px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.suggestion-address-error input{
  border: 1px red solid!important;
}

.relay-form .signin-page-bloc-content-line-div-input,
.suggestion-address input{
  width: 100%;
  max-width: 516px;
}

.number-chars {
  margin-left: 10%;
}

.valid-input:valid {
  box-shadow: 0 0 2px 1px green;
}

.invalid-input:invalid {
  box-shadow: 0 0 2px 1px red;
}


/**---- Custom Classes ----*/

.signin-page .labelNewsletter {
  margin: auto 0.5rem;
}

.signin-page .newsletter {
  margin: auto 0;
}


/**---- Custom Classes --END ----*/


/**-------------------------------- signin-page_Wilfried --END -------------------------*/


/**-------------------------------- brand-page_Wilfried -------------------------*/

.brand-page-content {
  margin-top: 1rem;
}

.brand-name {
  width: 100%;
  height: 100%;
  padding: 1.5rem 0;
  text-align: center;
}

.btn-brand-product {
  top: 0.5rem;
  right: 1.87rem;
}

.menu-sidebar .brand-page-content {
  overflow-y: scroll;
  height: 40rem;
  width: 100%;
  margin-top: 2rem;
}

.brand-btns .btn-standard {
  font-size: 1rem;
  width: 5.625rem;
  height: 1.3rem;
  margin: auto auto 0.5rem auto;
}


/**---- Custom Classes ----*/

.brand-block {
  border-bottom: 2px #a7a7a7 solid;
  height: 4.5rem;
}

.brand-card {
  width: 80%;
}

.brand-logo {
  width: 8rem;
  height: 4.4rem;
  left: 0;
  top: 0;
  bottom: 0;
}

.brand-btns {
  width: 9.375rem;
  height: 2.5rem;
  top: 2rem;
  right: 0;
  position: absolute;
}

.btn-link-brand {
  right: 1.5rem;
  top: 0.5rem;
}

.brand-text {
  border-left: 1px #a7a7a7 solid;
  border-right: 1px #a7a7a7 solid;
  border-bottom: 1px #a7a7a7 solid;
  border-radius: 0 0 5px 5px;
  padding: 0.5rem;
  margin-bottom: 0.2rem;
}


/**---- Custom Classes --END ----*/


/**-------------------------------- brand-page_Wilfried --END -------------------------*/


/**---------------------------------page_Wilfried -------------------------*/

.categories-page {
  padding-bottom: 1rem;
}

.categories-contents {
  margin: 1rem auto 0 auto;
}

.menu-sidebar .categories-contents {
  height: 40rem;
}

.category-block {
  border-bottom: 2px #a7a7a7 solid;
}

.category-title {
  margin: 0.2rem 0 0.5rem 0;
}

.category-block-links {
  border-radius: 10px;
  padding: 0.1rem 0;
  min-height: 13rem;
}

.category-block .notalink {
  color: black;
}

.toggle-collapse {
  right: 0;
  top: 0;
  bottom: 0;
  width: 3.5rem;
  padding: 1.5rem 0;
  text-align: center;
  background-color: #3e3d3d;
}

.sidebar-title {
  padding-top: 1rem;
}

.category-block .notalink:hover {
  text-decoration: none;
  color: #003e73;
}

.category-related-categories .btn-link {
  margin: 0 0.5rem;
  padding: 0;
  width: 100%;
}


/**---- Custom Classes ----*/

.best-seller {
  margin: 0.5rem 0 0 0;
  min-height: 14.625rem;
  padding: 0.5rem 0;
  border-radius: 10px;
}

.best-seller-link {
  text-decoration: none;
  color: black;
}

.best-seller-link:hover {
  text-decoration: none;
  font-weight: bold;
}

.category-block .btn-standard {
  height: 3rem;
  margin: 0.5rem 3.5rem 0.5rem 0.5rem;
  padding: 1rem 0.1rem;
  font-size: 95%;
}


/**---- Custom Classes --END ----*/


/*--------Temporary Classes----------*/

.best-seller-img {
  width: 9.375rem;
  height: 9.375rem;
  margin: auto;
}

.best-seller-img img {
  width: 9.375rem;
  height: 9.375rem;
}


/*-----------------------------------*/


/**-------------------------------- category-page_Wilfried --END -------------------------*/


/**-------------------------------- sitemap-page_Wilfried -------------------------*/

.sitemap-page-content {
  margin: 0 auto;
}

.sitemap-page-content .btn-map {
  border: 2px lightgrey outset;
  background-color: #dedede;
}

.sitemap-page-content .btn-map:hover {
  background-color: #9a9a9a;
  color: white;
}

.sitemap-page-content .btn-map:active {
  border: 1px white solid;
}

.content-home-div {
  margin: 1rem auto;
}

.sponsorwheel-container {
  height: 2.25rem;
  margin-top: 5px;
  overflow: hidden;
  background-color: #F90;
}

.sponsorwheel-container img {
  min-width: 65px;
  max-height: 35px;
  padding: 1px;
  margin: 1.5px 1px;
}

.sponsorwheel-container .sponsorwheel:hover {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}


/**-------------------------------- sitemap-page_Wilfried --END -------------------------*/


/**-------------------------------- forgottenpassword-page_Wilfried -------------------------*/

.forgottenpassword-page-content .login-form-input {
  width: 90%;
}

.forgottenpassword-page-text {
  margin: 1rem auto;
}


/**-------------------------------- forgottenpassword-page_Wilfried --END -------------------------*/


/**-------------------------------- sav-page_Wilfried -------------------------*/

.sav-page-line {
  margin: 1rem 0 0 0;
}

.padding-product-sav {
  padding: 0.5rem 0;
}

#sav-label {
  margin: 0.6875rem 0 0 0;
  width: 30%;
}

.sav-page-form-input {
  width: 70%;
}

.sav-page-content-defective {
  margin: 0.5rem auto;
}

.sav-left-col {
  border: 1px solid #dedede;
}

.sav-ticket {
  padding-bottom: 5px;
}

.sav-thread {
  margin-bottom: 0.8rem;
  width: 65%;
  border-radius: 8px;
  overflow-wrap: break-word;
}

.sav-thread-me {
  background-color: lightgrey;
  margin-left: 35%;
}

.sav-thread-admin {
  background-color: white;
}

.sav-response-form {
  width: 100%;
}

.sav-response-form__textarea {
  width: 100%;
}

.modal .sav-page-line .sav-delete {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin: auto 0.5rem;
  border-radius: 100%;
  text-align: center;
  line-height: inherit;
}

.sav-response-form .sav-response-file .sav-delete {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin: auto 0.5rem;
  border-radius: 100%;
  text-align: center;
  line-height: inherit;
}

.sav-delete:hover {
  background-color: darkgrey;
}

.sav-hold-btn-dimensions {
  min-width: 80px;
  height: 25px;
  margin: auto 0.5rem;
  padding: 0.3rem 0;
  font-size: 100%;
}


/**-------------------------------- sav-page_Wilfried --END -------------------------*/


/**-------------------------------- advantages-popup_Wilfried -------------------------*/

.advantages-popup-wait-component .default-padding {
  padding: 0 2.5rem;
}

.modal .advantages-popup {
  max-width: 100%;
  padding: 9.375rem 6.25rem;
}

.modal-content {
  border: none !important;
}

.modal-dialog {
  overflow-y: initial !important;
}

.modal-body {
  max-height: 600px;
  overflow-y: auto;
}

.modal-body {
  max-height: 600px;
  overflow-y: auto;
}

.modale-error-login a:hover {
  text-decoration: none;
}

.table-popup {
  margin: 0.5rem 0;
  border: 1px grey solid;
  font-size: 75%;
}

#labelcode {
  margin: auto 0.5rem auto 0;
}

#codecheque {
  border: 1px darkgrey solid;
  border-radius: 2px;
  width: 75%;
}

.advantages-popup-content-input {
  margin: 0 0 0 auto;
  min-width: 22.625rem;
}

.advantages-popup-content-input_text {
  margin-top: 1rem;
}


/*aligne popup*/

html .modal-open {
  background-color: #f1f1f1;
}

.modal-open .modal {
  overflow: hidden;
}


/**-------------------------------- advantages-popup_Wilfried --END -------------------------*/


/*-------- gift card ----------------*/

.gift-card {
  border: 1px solid #26a5ca;
  margin-top: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.gift-card h5 {
  text-align: center;
  padding: 8px;
  border-bottom: 1px solid #26a5ca;
  font-size: 90%;
  color: #fff;
  background-color: #7ccee6;
  margin-bottom: 0rem;
}

.card-codes {
  padding: 5px;
  border-bottom: 1px solid #26a5ca;
  font-size: 90%;
  display: flex;
  justify-content: center;
}

.card-codes:last-child {
  border-bottom: none;
}

.code-right-marg {
  margin-right: 20px;
}

.code-remove {
  float: right;
}


/**-------------------------------- gallery_picture_Wilfried -------------------------*/

.gallery-picture {
  border: 2px black solid;
  box-shadow: 0px 0px 25px 2px #3a3a3a inset;
}

.gallery-picture:hover {
  background-size: 175%;
  box-shadow: none;
}

.gallery-picture:active {
  background-size: 160%;
}

.gallery-page-content-block {
  margin: 0 auto;
}

.img-grand {
  max-width: 100%;
  max-height: 100%;
}

.galerie-mosaic {
  height: 10rem;
  margin: 5rem 0;
  background-position: center;
  background-repeat: repeat-x;
  background-size: 20rem;
}

.gallery-page .tool-tip {
  margin: 3.5rem 0;
}

.gallery-page-content-block .modal-body {
  height: 31.5rem;
}

.modal .pict-popup {
  max-width: 100%;
  padding: 6.25rem;
}

.modal-header .modal-title {
  font-size: 95%;
}

.modal .close {
  border-radius: 2px;
}

.modal .modal-header {
  padding: 0.625rem;
}


/**-------------------------------- gallery_picture_Wilfried --END -------------------------*/


/**-------------------------------- about_page_Wilfried -------------------------*/

.about-page-divblock .about-page-divblock-entete {
  padding: 0 0.5rem;
}

.about-page-divblock {
  line-height: 1.2rem;
}

.about-page-intro {
  margin-right: 0.5rem;
}


/**-------------------------------- about_page_Wilfried --END -------------------------*/



/**-------------------------------- NoMatch_page_Wilfried -------------------------*/

.background-logo {
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
}

.error-404-page {
  height: 35rem
}

.error-search-page {
  height: 35rem;
}

.error-404-page .btn-header {
  background-color: white;
  border: 1px lightgrey solid;
  height: 4.125rem;
}

.error-search-page .btn-header {
  background-color: white;
  border: 1px lightgrey solid;
  height: 4.125rem;
}

.error-404-page .btn-header-label {
  font-size: 75%;
}

.error-search-page .btn-header-label {
  font-size: 75%;
}

.error-404-page .btn-img {
  width: 2rem;
}

.error-search-page .btn-img {
  width: 2rem;
}

.advantages-popup-content-input_subtitlefont-bold {
  font-weight: bold;
  margin-bottom: 0.2rem;
}

.advantages-popup-content-input_text {
  font-size: 80%;
}

.advantages-popup-content-select_subtitle {
  font-weight: bold;
  margin: 1.2rem 0 0.2rem 0;
}

.map-hide-relays-not-found {
  z-index: -5;
  opacity: 0;
  position: absolute;
  width: 656.66px;
  height: 596px;
}

/**-------------------------------- NoMatch_page_Wilfried --END -------------------------*/


/*----------- No content search page --------------*/

.search-tips {
  display: block;
  width: 80%;
  margin: 0 auto;
}

p.search-tips,
h5.search-tips {
  line-height: 1.2em;
  margin-bottom: 10px;
}

.search-query {
  margin: 20px;
}

.number-chars {
  margin-left: 30%;
}

.-mt-150 {
  margin-top: -150px;
}

.letter-icon {
  background-image: url("../img/common/relay_list/point_carrier.png");
  background-size: contain;
  height: 40px;
  width: 26px;
  text-align: center;
  color: white;
  font-weight: 500;
  padding-top: 3px;
  z-index: 10 !important;
}

.min-w-200 {
  min-width: 200px;
}

/* Styles pour la pagination avec numéros de page */
.pagination-container {
  display: flex;
  padding: 4px 0;
}

.pagination-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center;
}

.page-item {
  margin: 0 2px;
}

.page-number, .nav-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 4px;
  border-radius: 4px;
  font-size: 14px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #616161;
}

  .page-number:hover,
  .page-number:focus,
  .nav-arrow:hover,
  .nav-arrow:focus,
  .nav-arrow:visited{
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none;
    box-shadow: none;
    color: #616161; 
    background-color:transparent;
  }


.page-number.active {
  background-color: #616161; 
  color: white;
  font-weight: bold;
}


.page-number:hover:not(.active),
.nav-arrow:hover{
  background-color: #616161;
  color: white;
}

.page-ellipsis {
  cursor: default;
  padding: 0;
  font-size: 10px;
  color: #616161;
}


.nav-arrow {
  color: #616161;
  font-weight: bold;
}

.nav-arrow:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  color: #dfdfdf;
}
/* Style pour le sélecteur d'articles par page */
.items-per-page-select {
  width: auto;
  outline: none;
  box-shadow: none;
  border: 1px solid #ced4da;
}

.items-per-page-select:focus {
  outline: none;
  box-shadow: none;
  border-color: #ced4da;
}

.items-per-page-selector label {
  margin-bottom: 0;
  font-size:12px;
  white-space: nowrap;
}

.items-per-page-selector {
  display: flex;
  align-items: center;
}


@-moz-document url-prefix() {
  .items-per-page-select {
    text-indent: 0.01px;
    text-overflow: '';
  }
}

.items-per-page-select:focus,
.items-per-page-select:active,
.items-per-page-select:hover {
  outline: 0 !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}

#filters-main-listing .pagination-container {
  margin: 0 ;
}

/* Firefox */
.fix-input-firefox {
    -moz-appearance: textfield;
}
/**---- Breakpoint Classes_Wilfried ----*/

.site-background-width {
  max-width: 475px;
  width: 475px;
}

.calendar-center-text {
  text-align: center;
  line-height: 0.8rem;
}

.big-and-half-padding-left {
  padding-left: 100px;
}

@media only screen and (max-width: 1980px) {
  .site-background-width {
    max-width: 475px;
    width: 475px;
  }
}

@media only screen and (max-width: 1880px) {
  .site-background-width {
    max-width: 425px;
    width: 425px;
  }
}

@media only screen and (max-width: 1780px) {
  .site-background-width {
    max-width: 375px;
    width: 375px;
  }
}

@media only screen and (max-width: 1680px) {
  .site-background-width {
    max-width: 325px;
    width: 325px;
  }
}

@media only screen and (max-width: 1580px) {
  .site-background-width {
    max-width: 275px;
    width: 275px;
  }
}

@media only screen and (max-width: 1480px) {
  .site-background-width {
    max-width: 225px;
    width: 225px;
  }
}

@media only screen and (max-width: 1380px) {
  .site-background-width {
    max-width: 175px;
    width: 175px;
  }
}

@media only screen and (min-width: 991px) {
  .small-text-warranty {
    font-size: 75%;
  }
}

@media only screen and (max-width: 991px) {
  .new-home-box-deal-infos {
    width: 85%;
  }

  .youtube_short_player_iframe{
    height: 450px;
  }

  .add-pop-up__warranty {
    height: 250px;
    overflow-y: auto;
  }

  .add-pop-up__cross {
    min-height: 250px;
    height: 250px;
    overflow-y: hidden;
  }

  .wishlist-left-column {
    width: 100%;
  }

  .featured_doublechevrons-desktop {
    display: none;
  }

  .featured_doublechevrons-mobile {
    display: block;
    line-height: 10px;
  }

  .product-calculator-picto {
    margin: 0;
  }

  .footer-marketing {
    justify-content: center;
  }

  .product-info-container {
    margin-top: 1rem;
  }

  .selling-conditions-footer input {
    width: 3rem;
    height: 1.5rem;
  }

  .selling-conditions-footer .btn-big {
    min-width: 50%;
  }

  .small-input-btn-buy {
    height: 100%;
    border: 1px lightgrey solid;
    border-radius: 3px;
  }

  .btn-buy-with-product-page {
    width: 100%
  }

  .featured-discount__percentage {
    font-size: 1.6em;
    padding-right: 0;
    top: 0.5rem;

  }

  .cart-page-tab-desc-produit {
    margin: 0;
  }

  .order-history-line-half {
    width: 100%;
  }

  .total-product-column {
    width: 11%;
  }

  .substitution-block {
    max-width: 75%;
    margin-top: 10px;
  }

  .product-intro-img {
    width: auto;
  }
  
  .product-intro-img-spec {
    width: auto;
  }

  .product-intro-img__small-img {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .header-temp-logo {
    width: 25%;
    padding-bottom: 92px;
    margin: auto;
  }

  .z-index-header {
    height: 8.55rem;
  }

  .header-temp-logo-img {
    max-width: 100%;
    height: 62%;
  }

  .menu-customer {
    top: 3rem;
  }

  .menu-cart {
    top: 3rem;
  }

  .content .contain-main {
    padding-top: 137px;
  }

  .main-container {
    min-width: 0;
  }

  .header {
    padding: 0;
    width: 100%
  }

  .menu-normal {
    display: none !important;
    line-height: 0.8rem;
  }

  .menu-tablette {
    display: flex !important;
  }

  .menu-phone {
    display: none !important;
  }

  .btn-header {
    margin: 0;
  }

  .btn-cart {
    margin: 0;
  }

  .modal .modal-header,
  .modal-body {
    font-size: 75%;
  }

  .modal .pict-popup {
    padding: 3rem;
  }

  .logo-div {
    background-size: 4rem;
    width: 4rem;
    height: 4rem;
  }

  .endorder-page-content {
    width: 90%;
  }

  /*aligne popup*/
  .modal-open,
  .modal {
    padding-right: 0 !important;
  }

  /*Responsive Header/CategoriesBrandsBtn*/
  .btnHeader-block-container {
    width: 100%;
  }

  .btnHeader-block {
    margin: 0;
    padding: 0;
    width: 12rem;
  }

  .contain-search-bar {
    margin: 0 5rem;
    width: 90%;
  }

  /*--------------------------*/
  .order-page-cart-section-footer-gift-card-total {
    text-align: center;
    margin: 0
  }

  .container-head-logo {
    width: 100%;
  }

  .main-container .container-head-logo__img {
    width: 25%;
  }

  .contain-search-bar {
    width: 35%;
    margin: 0.2rem 0;
  }

  .search-bar {
    margin: auto;
  }

  .contain-search-bar .form-inline .form-control {
    width: 70%;
  }

  .temp-message {
    width: 100%;
  }
}

@media only screen and (max-width: 955px) {
  .footer_banners img {
    margin: 10px 5px;
  }
}

@media only screen and (max-width: 870px) {
  .footer-links-social {
    margin: auto;
  }
}

@media only screen and (max-width: 767px) {
  #CybotCookiebotDialogBodyContentText{
    max-height: 10px;
  }

  .wishlist-already-in-cart {
    flex-direction: row;
    justify-content: center;
  }

  .wishlist-price-buy {
    flex-direction: column;
    justify-content: center;
  }

  .wishlist-price-buy .btn-buy-link-design {
    width: 6rem;
    margin: auto;
  }

  .new-featured-discount {
    right: 10px;
  }

  .indication-message {
    border-radius: 0;
    margin: 0.5rem 0;
    font-size: 85%
  }

  .add-pop-up-content__title {
    width: 100%;
  }

  .cross-sell-block .default-thumb {
    width: 100px;
    height: 100px;
    margin: 0 auto;
  }

  .cross-sell-block .subhead-product-list {
    margin: 0 auto;
    width: 100px;
    height: 17px;
  }

  .cross-sell-block .slim-list {
    min-width: 160px
  }

  .cross-sell-block form .btn {
    width: 70%;
  }

  .add-cart-popup .add-pop-up__button .btn-label {
    font-size: 69%;
  }

  .add-cart-popup .btn-important-xl {
    padding: 1rem 0.5rem;
  }

  .add-cart-popup .btn-label {
    line-height: normal;
  }

  .account-page .btn-nomarg {
    margin: 0.2rem 0.2rem 0.2rem 0rem;
  }

  .featured-discount__percentage {
    font-size: 150%;
  }

  #formPassword {
    width: 100%;
  }

  .table-popup {
    font-size: 100%;
  }

  .product-listing-list-product {
    border: 1px white solid;
  }

  .signin-page-content {
    width: 90%;
  }

  .sitemap-page .btn-label {
    font-size: 80%;
  }

  .add-pop-up-content__title {
    width: 100%;
    padding: 1rem;
  }

  .add-pop-up-content {
    text-align: center;
    margin: 0 auto;
  }

  .fail-btn-style {
    margin: 0.2rem;
    font-size: 90%;
    width: 90%;
  }

  .fail-message-div {
    font-size: 80%;
  }

  .display-inherit {
    display: inherit;
  }

  /*Responsive customer account Tab*/
  .divTextAlign {
    font-size: 80%;
    width: 64%;
  }

  .error-404-page {
    height: 25rem;
  }

  .labeldiv {
    width: 100%;
  }

  /*-------------------*/
  .order-process {
    padding: 0;
    margin: 0;
  }

  .order-recap {
    padding: 0;
    margin: 0;
  }

  .featured-flash-sale-layer-counter-container {
    font-size: 70%;
    bottom: 0;
  }

  .clock-zone {
    position: relative;
  }

  .total-product-column {
    width: 13%;
  }

  .unit-price-quantity-column {
    width: 13%;
  }

  .telpayment {
    width: 90%;
  }

  .content .contain-main {
    padding-top: 146px;
  }

  .footer_links_social {
    width: 100vw;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: 0;
    background-color: #eef2f4;
    padding: 20px 0;
  }

  .wheeling {
    animation: wheelingAnime 10s infinite linear alternate both;
  }

  .wheeling:hover {
    animation-play-state: paused;
  }

  @keyframes wheelingAnime {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-50%);
    }
  }

  .carousel-control-next-icon,
  .carousel-control-prev-icon {
    filter: invert(100%);
    -webkit-filter: invert(100%);
  }

  .footer-address {
    height: auto;
    margin: 0;
    padding: 20px 50px 10px 50px;
  }
}


/**---- Breakpoint Classes_Wilfried --END ----*/


/**----------- Breakpoint MOBI  ------------*/

@media only screen and (max-width: 575px) {
  .vip-incitement-cart-top_flex-direction .vip-incitement-cart-top_img-alignement{
    margin:auto;
  }

  .vip-incitement-cart-top_flex-direction{
    flex-direction: column;
  }

  .vip-incitement-cart-top{
    flex-direction: column;
  }

  #CookiebotWidget{
    z-index: 90 !important;
    bottom:120px !important;
  }


  .sav-format {
    display: block;
    flex-direction: row;
    justify-content: start;
    height: auto;
  }

  .dd-desktop {
    display: none;
  }

  .dd-mobile {
    display: block;
  }

  .review-line {
    flex-direction: column;
  }

  .product-page-desc {
    text-align: left;
  }

  .review-line-identity {
    display: flex;
    justify-content: space-between;
    width: 40%
  }

  .review-line-content {
    width: 100%;
  }

  .list-left {
    min-width: 7.5rem;
    max-width: 100%;
    width: 100%
  }

  .product-item-container {
    width: 100%;
  }

  .width-max-sm-80vw {
    width: 80vw !important;
    margin: 0px auto;
  }

  label {
    margin: .5rem 0 0 0;
  }

  .product-calculator-picto {
    margin: auto;
  }

  .footer-links-social {
    display: none;
  }

  .product-intro-img .product-thumb_overlay-img {
    left: 5%
  }

  .intro-info_text-brand {
    margin: 0 auto;
    max-width: 95%;
  }

  .cross-sell-product-page .cross-sell-block {
    margin: 0 1rem;
  }

  .cross-sell-block .default-thumb {
    width: 75px;
    height: 75px;
    margin: 0 auto;
  }

  .cross-sell-block .subhead-product-list {
    margin: 0 auto;
    width: 75px;
    height: 13px;
  }

  .cross-sell-block .slim-list {
    min-width: 160px
  }

  .configurable-product-selectors_input {
    width: 2.5rem;
    height: 2rem;
  }

  .config-btn-qty {
    width: 2rem;
    height: 2rem;
  }

  .product-info {
    width: 100%;
    margin: 0;
    border: none;
    position: relative;
    top: 0px;
  }

  .featured-discount__container-left {}

  .featured-discount__until {
    display: block;
    font-size: 50%;
    line-height: 10px;
  }

  .featured-discount__percentage {
    padding: 0.2rem 0 0.2rem 0.5rem;
    font-size: 140%;
  }

  .featured-discount__click {
    margin-top: 0;
    font-size: 100%;
    color: black;
    font-weight: bold;
    font-style: normal;
    text-align: right;
    text-shadow: 2px 2px 2px #fff;
  }

  .modal-body form {
    width: 100%;
  }

  .modal-body form .btn {
    width: 100%;
    float: none;
  }




  #relayMap {
    height: 304px;
  }

  .delivery-header {
    min-height: 4.5rem;
  }

  .delivery-option-background {
    margin: 0 auto;
  }

  .modal-body .add-pop-up-content__thumb {
    max-width: 75px;
  }

  .modal-body .add-pop-up-content__title {
    padding: 0;
  }

  .modal-body .add-pop-up-content p {
    margin: 0;
  }

  .modal-body .add-pop-up__button {
    margin: 0;
  }

  .out-stock {
    width: 100%;
  }

  .content-price .small-margin {
    margin: 0;
  }

  .main-container .product-listing-list .product-price-mobile .row-price {
    height: auto;
  }

  .large-list .content-price .row-price {
    height: 100%;
    font-size: 80%;
    width: 100%;
    margin: 0;
  }

  .top-sale-container .large-list {
    width: 100%;
  }

  .sitemap-page .btn-label {
    font-size: 100%;
  }

  .footer-links-arguments-container {
    margin-bottom: 1rem;
  }

  .vip-incitement-design .product-thumb {
    height: auto;
  }

  .product-info-mobile .product-info-pricing {
    margin: 0 0 1rem 0;
  }

  .product-info-mobile .row-price {
    font-size: 120%;
    height: 100%;
  }

  .product-info-mobile .configurable-product-selectors_pricing .row-price {
    font-size: 120%;
    height: auto;
  }

  .vip-incitement-design {
    height: auto;
  }

  .vip-button-buy {
    width: 100%;
  }

  .featured-discount {
    position: absolute;
    right: 0;
    top: 10%;
  }

  .padding-product-sav {
    padding: 0;
  }

  .buttons-allOrders-sav {
    padding: 1rem 0;
  }

  .buttons-allOrders-sav .btn-label {
    font-size: 80%;
  }

  .footer-address {
    margin-bottom: 4rem;
    padding-bottom: 3.5rem;
  }

  .bundle-detail {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .sav-thread {
    margin-bottom: 0.8rem;
    width: 65%;
    border-radius: 8px;
  }

  .featured-flash-sale-layer-counter-container {
    font-size: 70%;
    bottom: 0;
  }

  .delivery-info-mobile {
    display: none;
  }

  .delivery-body {
    height: 13rem;
  }

  .delivery-infos {
    margin-left: 0;
  }

  .featured-flash-sale-layer__text {
    position: relative;
    width: 100%;
  }

  .error-404-page {
    height: 20rem;
  }

  .error-search-page {
    height: 26rem;
  }

  .error-search-page h2 {
    font-size: 1rem;
  }

  .error-search-page h5 {
    font-size: .9rem;
  }

  .search-tips {
    width: 100%;
  }

  .contact-page-form-input {
    min-width: 0;
    width: 100%;
  }

  .free-shipping-align {
    text-align: center;
  }

  .payment-option-center {
    text-align: center;
  }

  .header-temp-logo {
    height: 56px;
    width: 100%;
    margin: 0 auto;
    padding: 0.5rem;
    text-align: center;
  }

  .header-temp-logo-img {
    width: 180px;
    height: 45px;
  }

  .header-phone-adjust-size {
    min-width: 40px;
    text-align: left;
  }

  .header-phone-adjust-margin {
    margin-left: 40px;
    margin-right: 96px;
    text-align: center;
  }

  .header-phone-adjust-width {
    width: 100%;
  }

  .header-surhead {
    display: none;
  }

  .header-phone {
    display: flex;
  }

  .header-tablet {
    display: none;
  }

  .header-computer {
    display: flex;
  }

  .main-container .container-head-logo__img {
    height: 40px;
    width: 150px;
  }

  .signin-page .signin-page-bloc-content-line-div {
    width: 100%;
  }

  .signin-page-bloc-content-line label {
    width: 100%;
  }

  .modal .pict-popup {
    padding: 0.5rem;
  }

  .advantages-popup-content-input {
    width: 100%;
    min-width: 0;
  }

  .modal .advantages-popup {
    margin: 0.5rem 0;
    padding: 0 0.5rem;
  }

  .advantages-popup-placeBtn .modal-body,
  .modal-footer,
  .modal-header {
    padding: 0.5rem;
  }

  .advantages-popup-content-input_text {
    margin-top: 0.1rem;
  }

  .advantages-popup-content-input_subtitle {
    margin: 0.1rem;
  }

  .confirm-section {
    display: block;
  }

  .sav-page-form-input {
    width: 100%;
  }

  #sav-label {
    width: 100%;
  }

  .gallery-page-content-block .modal-body {
    height: 15.625rem;
  }

  /*Responsive Btn*/
  .advantages-popup-placeBtn .btn-larger {
    text-align: center;
    margin: 0
  }

  .order-page-cart-section-footer-confirm-order {
    text-align: center;
  }

  .order-page-cart-section-footer-total {
    margin: 1rem auto;
  }

  /*-------------------*/
  /*Responsive Signin-page*/
  .signin-page-content {
    width: 100%;
    font-size: 65%;
  }

  .signin-page .btn-big {
    font-size: 115%;
    padding: 0.7rem 0.2rem;
    width: 5.9375rem;
    max-height: 2.0625rem;
  }

  .signin-page .labelNewsletter {
    width: 85%;
  }

  .signin-page-bloc-content-line-div {
    width: 80%;
  }

  /*-------------------*/
  /*Responsive Order-page*/
  .endorder-page-section {
    width: 100%;
  }

  .endorder-page-text {
    font-size: 100%;
  }

  .endorder-page-content {
    width: 100%;
  }

  /*Responsive ContactFrom*/
  .sitemap-page-content .btn-map {
    width: 100%;
  }

  /*--------------------*/
  /*Responsive BrandBlock*/
  .contain-main .brand-page .brand-name {
    width: 37%;
    height: auto;
    padding: 0;
    font-size: 1rem;
    text-align: center;
  }

  .btn-brand-product {
    top: 0.2rem;
    right: 0.2rem;
    z-index: 5;
  }

  .brand-block {
    height: 3.4rem;
  }

  .brand-card {
    width: 100%;
  }

  .brand-btns {
    width: auto;
    font-size: 100%;
    top: 1.7rem;
    right: 0.2rem;
    height: auto;
  }

  .brand-btns .btn-standard {
    height: 1.3rem;
    width: 5.625rem;
    font-size: 0.9rem;
    margin: 0;
  }

  .brand-logo {
    width: 6rem;
    height: 3.5rem;
  }

  /*--------------------------*/
  /*Responsive Login-page*/
  .login-form-btn {
    position: relative;
    left: 0.4rem;
  }

  /*-------------------*/
  /*Responsive Cart-page*/
  .cart-page thead {
    font-size: 80%;
  }

  .cart-page-tab-body .cart-page-tab-img {
    max-width: 8.125rem;
    max-height: 8.125rem;
  }

  .cart-page-tab-img img {
    width: 8.125rem;
  }

  .cart-page-align-total-produit {
    width: 1.25rem;
  }

  /*-------------------*/
  /*Responsive account-page*/
  .account-block {
    width: 95%;
    min-width: 0;
    background-color: transparent;
  }

  .account-page-bloc-content .login-form-block_input .picto-eye {
    right: 12%;
  }

  /*-----------------------*/
  /*Responsive Order-page*/
  .payment-option_choice-div {
    height: 1.25rem;
    width: auto;
    top: auto;
    bottom: 0;
    left: 0;
  }

  .payment-option .radioOrderPage {
    top: 0;
    left: 45%;
  }

  .payment-option {
    padding-bottom: 1.25rem;
  }

  .payment-option-text {
    width: 100%;
    text-align: center;
  }

  .payment-page-sprite-top {
    display: flex !important;
  }

  .payment-page-sprite-bottom {
    display: none;
  }

  .payment-option_pict {
    width: 100%;
  }

  .payment-option_pict img {
    width: 40%;
  }

  .payment-page-sprite-top img {
    height: 40%;
  }

  .payment-option-detail_text {
    text-align: center;
    width: 100%;
  }

  .selling-conditions-footer {
    font-size: 59%;
  }

  .recap_total {
    margin: 0.5rem auto;
  }

  /*-----------------------*/
  /*Responsive Signin-page*/
  .inputField {
    width: 90%;
  }

  /*--------------------------*/
  /*Responsive Header/CategoriesBrandsBtn*/
  .btnHeader-block-container {
    width: 25%;
    margin: auto 0.5rem;
  }

  /*--------------------------*/
  .row-price {
    /* margin: 0.5rem 0.4rem; */
  }

  .row-buy {
    /* margin-top: 3rem; */
  }

  .btn-buy_line {
    width: 100%;
  }

  .substitution-block_btn-buy .btn-buy_line {
    margin: 1rem 0.2rem;
  }

  .product-listing-list .btn-buy_line {
    margin: 0;
  }

  .wishlist-price-buy .btn-buy_line {
    margin: 0;
  }

  .product-listing-list .row-buy {
    margin-top: 0;
  }

  .product-listing-list .content-price {
    height: auto;
    padding: 0;
  }

  .cart-page-tab-desc-produit {
    min-width: 0.625rem;
    text-align: center;
  }

  .cart-page-tab-line1 {
    width: 100%;
    min-width: 0.625rem;
  }

  .cart-page-tab-line2 {
    width: 100%;
    min-width: 0.625rem;
  }

  .cart-page hr {
    margin: 0.2rem 0 3rem 0;
  }

  .order-page-content .divlisting-listing {
    width: 255px;
    margin-left: auto;
    margin-right: auto;
  }

  .divlisting-address .order-page-content {
    width: 90%;
    margin-left: 3.5rem;
    color: red;
  }

  .btn-header {
    width: 4rem;
    height: 4.25rem;
    padding: 0.7rem 0 0.5rem 0;
    margin: 0
  }

  .header-small .cart__link .btn-header {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px lightgrey solid;
    padding: 0.5rem 0;
    margin-left: 0.2rem;
  }

  .btn-img {
    width: 2rem;
    height: 2rem;
  }

  .btn-label {
    font-size: 100%;
  }

  .content .contain-main {
    padding-top: 60px;
  }

  .product-intro {
    text-align: center;
  }

  .product__form-buy {
    display: block !important;
    position: relative;
  }

  .product-intro-title {
    background-color: #ccc;
  }

  .product-intro-title__title {
    font-size: 0.6rem;
    line-height: 0.65rem;
  }

  .intro-image-info {
    text-align: center;
  }

  .product-page-desc {
    text-align: center;
    margin: auto;
  }

  .product-page-desc table {
    width: 100%;
  }

  .product-intro-img {
    width: 90%
  }

  .product-intro-img__small-img {
    max-width: 31.25rem;
    min-height: 18.75rem;
  }

  .intro-info {
    margin-top: 1rem;
  }

  .product-info-mobile {
    min-width: 230px;
    max-width: 400px;

    margin: 0 auto;
    border: none;
    text-align: center;
  }

  .hide-small {
    display: none;
  }

  .product-listing-list-product {
    box-sizing: border-box;
    ;
    width: 100%;
  }

  .product-listing-list-product__info--title {
    text-align: left;
    padding-left: 1rem;
  }

  /*Responsive Header/Menu*/
  .menu-normal {
    display: none !important;
  }

  .menu-tablette {
    display: none !important;
  }

  .menu-phone {
    display: flex !important;
  }

  /*--------------------------*/
  .header-surhead {
    background-color: #ffffff;
    font-size: 0.8rem;
  }

  .col-12 {
    padding: 0;
  }

  .product-listing-list-product__info {
    width: 100%;
    height: 10.2rem;
  }

  .product-title {
    text-align: left;
    font-size: 1.0rem;
    padding: 0 0 0.5rem 0.2rem;
  }

  .content-price {
    margin-top: auto;
    box-sizing: border-box;
    padding: 0 0 0.7rem 0.2rem;
  }

  .buy__btn {
    width: 5.4375rem;
    font-size: 0.8rem;
  }

  .product-info-mobile .buy__btn {
    width: 100%;
    min-height: 2.8rem;
    height: auto;
  }

  .qty-select {
    margin-left: auto;
    margin-right: 0.2rem;
  }

  .product-page-intro {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
  }

  .list {
    width: 100%;
    box-sizing: border-box;
  }

  .price-listing-page {
    line-height: 13px;
  }

  .price-listing-page-crossell {
    right: 0;
    left: 0;
    margin: 0.5rem 0;
  }

  .container-head-logo__img {
    width: 45%;
    min-width: 11.25rem;
  }

  .search-bar-form__input {
    width: 80%;
  }

  .navbar-account__link,
  .navbar-cart__link {
    font-weight: 600;
  }

  .header-small-surhead .nav-link {
    font-weight: 600;
  }

  .header-small-surhead .nav-link:hover {
    background-color: #dedede;
  }

  .header-small-surhead .nav-link:active {
    background-color: transparent;
  }

  .navbar-search {
    width: 42px;
    height: 42px;
  }

  .header-small-surhead .search-bar {
    margin: 5px 5px 0 5px;
    padding-top: 0;
  }

  .list__product__info--title {
    text-align: left;
    padding: 0.625rem;
  }

  .footer-links-arguments {
    text-align: center;
    display: -webkit-flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
  }

  .long-desc__title {
    text-align: left;
  }

  .long-desc__desc {
    text-align: left;
    text-decoration: none;
  }

  .long-desc__desc table {
    max-width: 100%;
  }

  .long-desc__img {
    max-width: 100%;
  }

  .footer-marketing {
    display: none;
  }

  .product-listing-list-product-img-info {
    height: auto;
  }

  .product-listing-list-product-img-info__title {
    text-align: left;
    padding: 0.3rem 0 0 0.5rem;
    line-height: 0.8rem;
  }

  .product-listing-home-product-img-info__title {
    text-align: left;
    padding: 0.3rem 0 0 0;
    line-height: 0.8rem;
  }

  .total-product-column {
    width: 10%;
  }

  .temp-message {
    width: 100%;
    padding: .35rem;
    text-align: center;
    margin-top: 10%;
  }

  .signin-page-bloc-content-line-div {
    margin-left: 0rem;
    display: block;
    width: 100%;
    margin-bottom: 1rem;
  }

  .number-chars {
    margin-left: 0%;
  }
}

@media (max-width:575px) {

  .desc-block-text {
    max-height: inherit !important;
    border: 0;
  }
  .small-input-btn-buy {
    width: 40px;
  } 

  .map-hide-sm {
    z-index: -5;
    opacity: 0;
    position: absolute;
    width: 656.66px;
    height: 596px;
  }

  .admin .row-price {
    margin: 3px auto;
  }

  .admin .product-listing-list-product-admin-infos {
    width: 170px;
    max-width: 90%;
    margin: 0px auto 5px auto;
    align-items: flex-start;
  }

  .admin .buy__btn {
    height: 2.3rem;
  }

  body #carouselFade .display-large {
    display: none;
  }

  body #carouselFade .display-small {
    display: flex;
  }

  body {
    background: #F9F9F9;
  }

  /** ______________________________________________ Footer mobile ______________________________________________  **/
  .footer {
    padding-bottom: 55px;
    background-color: #ebeff2;
  }

  .footer_mobile {
    max-width: 100vw;
    display: block;
    color: #282b2c;
    font-size: 12px;
  }

  /*
.footer_pc {
  display: none;
}
*/
  .footer_banners {
    padding: 0 5px;
  }

  .footer_banners img {
    margin: 5px auto;
    min-height: 35px;
    min-width: 100%;
    max-width: calc(100vw - 10px);
  }

  .accordion {
    max-width: 575px;
    padding: 50px auto 80px auto;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    background-color: #f6f8f9;
    margin: 10px 0 0 0;
  }

  .accordion .card-header {
    border-bottom: solid 1px #e3e3e3 !important;
    background: transparent;
    padding: 0 0, 5em;
  }

  .accordion .btn {
    width: 100%;
    font-weight: bold;
    padding: 0;
  }

  .accordion .btn[aria-expanded="false"] img {
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    fill: #282b2c;
    filter: grayscale(100%) brightness(50%);
    transition: all .8s ease-in-out;
  }

  .accordion .btn[aria-expanded="true"] img {
    -moz-transform: rotate(180deg) translate(-1px, 0px);
    -webkit-transform: rotate(180deg) translate(-1px, 0px);
    -o-transform: rotate(180deg) translate(-1px, 0px);
    -ms-transform: rotate(180deg) translate(-1px, 0px);
    transform: rotate(180deg) translate(-1px, 0px);
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: all .8s ease-in-out;
    filter: inherit;
  }

  .accordion .btn-link[aria-expanded="false"] {
    color: #282b2c !important;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: all .8s ease-in-out;
  }

  .accordion .btn-link[aria-expanded="true"] {
    color: #489248 !important;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: all .8s ease-in-out;
  }

  .accordion .btn-link:hover,
  .accordion .btn-link:focus,
  .accordion .btn.focus,
  .accordion .btn:focus {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none;
  }

  .accordion .arrow_rounded {
    width: 30px;
    height: 30px;
  }

  .accordion .plus {
    width: 12px;
    height: 12px;
  }

  .accordion .card-body {
    box-shadow: rgb(6 6 6 / 14%) 0px 8px 16px 0px inset;
    background-color: #f7f7f7;
    padding: 10px 0px;
    font-size: 12px;
  }

  .footer_partners .card-body {
    padding: 0px;
  }

  #accordion_footer-partners .card-header {
    border-bottom: none !important;
  }

  #accordion_footer-partners {
    background-color: transparent;
    margin: 0 auto;
  }

  #accordion_footer-partners .card {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
  }

  #accordion_footer-partners .card:last-child {
    border-bottom: none;
  }

  #accordion_footer-partners .card-header h2 .btn {
    padding: 0px 10px;
    font-weight: 600;
    font-size: 12px;
  }

  #accordion_footer-partners .card-body {
    box-shadow: none;
  }

  #accordion_footer-partners .card-body p:first-of-type {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  #accordion_footer-partners .card-body img {
    margin: 5px auto;
  }

  .footer_links_chronocarpe li a,
  .footer_links_advantages li a,
  .footer_links_commitments li a {
    font-size: 12px !important;
    padding: 10px 10px 10px 0;
  }

  .footer .card-body p {
    padding: 1.3em;
  }

  .footer .card-body ul {
    padding: 10px 0 0 0;
  }

  .footer .card-body ul>li {
    border-bottom: solid 1px #e8edf0;
    padding: 6px 0px 8px 20px;
    margin: 5px 0;
  }

  .footer .card-body ul>li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  #footer_links_commitments ul>li:last-child {
    padding-bottom: 8px !important;
    border-bottom: solid 1px #e8edf0;
    margin-bottom: 8px;
  }

  #footer_links_commitments .card-body {
    padding-bottom: 20px;
  }

  .footer_partners .card-body div {
    width: 100%;
  }

  .footer_seo a {
    font-style: italic;
    color: #043a10;
  }

  .footer-address {
    font-size: 0.6rem;
    width: 100%;
    height: 2rem;
    color: white;
    background-color: grey;
    margin: 0;
    padding: 10px 0 50px 0;
  }
}

@media only screen and (max-width:486px) {

  .wishlist-already-in-cart {
    flex-direction: column;
    justify-content: end;
  }

  .wishlist-price-buy {
    flex-direction: row;
    justify-content: space-between;
  }

  .wishlist-price-buy .btn-buy-link-design {
    width: auto;
    margin: 0;
  }

  .wishlist-buy {
    margin: 0;
  }

  .tier-price-tooltip .tooltiptext {
    right: -100%;
    top: 100%;
  }

  .account-page .btn-medium {
    font-size: 100%;
    width: 9.5625rem;
    padding: 0.2rem;
  }

  .news {
    margin-top: 1em;
  }

  .unit-price-quantity-column {
    width: 16%;
  }

  .unit-price-quantity-headline {
    text-align: right;
    margin-right: 10px;
    width: 30%;
  }

  .unit-price-quantity-column {
    width: 40%;
    margin-right: 27px;
  }

  .telpayment h4 {
    font-size: 1.2rem;
    font-weight: bold;
  }

  .temp-message {
    margin-top: 11%;
  }

  .order-mobi__list {
    max-width: 224px;
    flex-direction: column;
  }
}

@media only screen and (max-width: 430px) {
  .new-featured-discount{
    font-size: 120%;
  }

  .wishlist-already-in-cart {
    flex-direction: row;
    justify-content: center;
  }

  .wishlist-price-buy {
    flex-direction: column;
    justify-content: center;
  }

  .wishlist-price-buy .btn-buy-link-design {
    margin: auto;
  }

  .wishlist-buy {
    margin: auto;
  }

  .featured-discount {
    padding: 0 0.2rem;
  }

  .featured-discount__container-left {
    text-align: right;
  }

  .featured-discount__percentage {
    padding: 0;
    font-size: 90%;
  }

  /*Responsive CategoryBlock*/
  .category-block {
    width: 100%;
  }

  .cross-sell-path {
    margin-left: 0;
  }

  .logo-div {
    background-size: 4rem;
    width: 4rem;
    height: 4rem;
  }

  /*--------------------------*/
  .cart-page-qty {
    display: block;
  }
}

@media only screen and (max-width: 360px) {
  .new-featured-discount{
    font-size: 100%;
  }

  .wishlist-buy .buy__btn {
    min-width: 6rem;
  }

  .header-temp-logo-img {
    width: 150px;
    min-width: 9.375rem;
    height: 38px;
  }

  .login-page-titre1 {
    margin-right: 0;
  }

  .product-title {
    font-size: 0.8rem;
    padding: 0 0 0.5rem 0.2rem;
  }

  .buy__btn {
    font-size: 0.8rem;
    height: 2.7rem;
    min-width: 85%;
  }

  .normal-price {
    margin: 0;
  }

  .container-head-logo__img {
    width: 55%;
    min-width: 9.375rem;
  }

  .input-search {
    width: 79%;
  }

  .icon-search {
    width: 70%;
  }

  .search-bar {
    padding: 0.5rem 0 0.2rem 0;
  }

  .product-intro-img__small-img {
    max-width: 16.625rem;
    min-height: auto;
  }

  .unit-price-quantity-headline {
    text-align: right;
    margin-right: 10px;
    width: 30%;
  }

  .unit-price-quantity-column {
    width: 32%;
    margin-right: 17px;
  }

  .total-product-column {
    width: 17%;
  }

  .temp-message {
    margin-top: 16%;
  }

  .submit-relay {
    width: 100%;
    padding: 10px;
    justify-content: end;
  }
}

@media only screen and (max-width: 320px) {

  /* Styles pour cette Media Queries */
  .logo {
    box-sizing: border-box;
  }

  .container-head-logo__img {
    width: 55%;
    min-width: 9.375rem;
  }

  .input-search {
    width: 75%;
  }

  .custom-select {
    padding: .375rem 1.95rem .375rem .35rem;
  }

  .order-history-line {
    font-size: 90%;
  }

  .total-product-column {
    width: 19%;
  }

  .unit-price-quantity-column {
    margin-right: 10px;
  }

  .telpayment h4 {
    font-size: 1rem;
    font-weight: bold;
  }

  .temp-message {
    margin-top: 18%;
  }

  #relay-form .group-input {
    width: 100%
  }

  #relay-form .signin-page-bloc-content-line input {
    width: 95%;
  }

  .-xxs-letter-spacing-08 {
    letter-spacing: -0.8px;
  }

  .p-max-xxs-l-30 {
    padding-left: 30px !important;
  }

  .ml-max-xxs-10 {
    margin-left: 10px !important;
  }
}


@media (min-width: 280px) {
  .d-xxs-block {
    display: block !important;
  }
}

@media (min-width: 360px) {
  .font-xs-80 {
    font-size: 80%;
  }

  .ml-xs-20 {
    margin-left: 20px !important;
  }

  .xs-no-wrap {
    flex-wrap: nowrap !important;
  }
}

@media (min-width: 430px) {
  .ml-s-34 {
    margin-left: 34px !important;
  }




  .xs-pl-14px {
    padding-left: 14px;
  }
}

@media (min-width: 576px) {
  body .sm-half-width {
    width: 50%;
  }
  .px-sm-3{
    padding-right: 16px;
    padding-left: 16px;
  }

  .d-sm-none{
    display: none;
  }

  .d-sm-block{
    display: block;
  }


  .d-sm-flex{
    display: flex;
  }

  .flex-xs-column {
    flex-direction: column;
  }

  .big-and-half-padding-left {
    padding-left: 1.5rem;
  }

  .container-input-btn-buy {
    width: 1.5rem;
  }
  .col-sm-3 {
    col
  }
  .order-sm-0 {
    order: 0
  }

  .order-sm-1 {
    order: 1
  }

  .order-sm-2 {
    order: 2
  }

  .order-sm-3 {
    order: 3
  }

  .order-sm-4 {
    order: 4
  }

  .order-sm-5 {
    order: 5
  }

  .order-sm-6 {
    order: 6
  }

  .order-sm-6 {
    order: 6
  }

  .min-w-sm-280 {
    min-width: 280px;
  }

  .xs-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .pl-sm-3 {
    padding-left: 6px;
  }

  .xs-max-w-500px {
    max-width: 500px;
  }

  .desc-block {
    margin: 0.5rem 0;
    border: none;
  }
}

@media (min-width: 768px) {
  .min-h-md-250 {
    min-height: 250px;
  }
  
  body .md-half-width {
    width: 50%;
  }
  .px-md-3{
    padding-right: 16px;
    padding-left: 16px;
  }

  .d-md-none{
    display: none;
  }

  .d-md-block{
    display: block;
  }


  .d-md-flex{
    display: flex;
  }

  .flex-md-column {
    flex-direction: column;
  }
  
  .w-md-auto{
   width: auto;
  }

  .w-md-75 {
    width: 75%;
  }
  .w-md-250{
    width: 250px !important; 
  }
  .w-md-240{
    width: 240px !important; 
  }
  .min-w-md-210{
    min-width: 210px !important; 
  }
  
  .cat-header__container {
    margin: 0 0 0.5rem 0;
  }

  
  
}

@media (min-width: 800px) {
  .min-h-800-250 {
    min-height: 250px;
  }
 
  .px-800-3{
    padding-right: 16px;
    padding-left: 16px;
  }

  .d-800-none{
    display: none !important; 
  }

  .d-800-block{
    display: block !important; 
  }


  .d-800-flex{
    display: flex !important; 
  }

  .flex-800-column {
    flex-direction: column !important; 
  }
  .flex-800-row {
    flex-direction: row !important; 
  }
  
  .w-800-auto{
   width: auto !important; 
  }

  .w-800-75 {
    width: 75% !important; 
  }
  .w-800-250{
    width: 250px !important; 
  }
  .w-800-240{
    width: 240px !important; 
  }
  .min-w-800-210{
    min-width: 210px !important; 
  }  


}

/* Slider ENDPOINTS */
@media (min-width: 992px) {
  .min-w-992-260{
    min-width: 260px !important; 
  }  
  .slideGb {
    width: 100%;
    display: block !important;
  }
  .slideMb {
    display: none !important;
  }
  .slidePb {
    display: none !important;
  }
}

@media (min-width: 431px) and (max-width: 991px) {
  .slideGb {
    display: none !important;
  }
  .slideMb {
    width: 100%;
    display: block !important;
  }
  .slidePb {
    display: none !important;
  }
}

@media (max-width: 430px) {
  .slideGb {
    display: none !important;
  }
  .slideMb {
    display: none !important;
  }
  .slidePb {
    width: 100%;
    display: block !important;
  }
}