.bonsai,
.bonsai li {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  float: none !important;
  display: block !important;
}

.bonsai li {
  position: relative;
  padding-left: 1.3em;
  /* padding for the thumb */
}

li .thumb {
  margin: -1px 0 0 -1em;
  /* negative margin into the padding of the li */
  position: absolute;
  cursor: pointer;
}

li.has-children > .thumb:after {
  content: '+';
}

li.has-children.expanded > .thumb:after {
  content: '-';
}

li.collapsed > ol.bonsai {
  height: 0;
  overflow: hidden;
}

.bonsai .all,
.bonsai .none {
  cursor: pointer;
}

.custom-catalog .loaded {
  display: none;
}
.custom-catalog .treeview {
  display: none;
}

.treeview ol {
  margin-bottom: 0;
}

.media-side {
  position: relative;
  max-width: 596px;
  margin: 0 auto 20px;
}

.infos-side .title {
  text-transform: uppercase;
}

.others-views-w {
  width: 16%;
  height: 100%;
  padding: 22px 0 22px 0;
  overflow: hidden;
  position: absolute;
  left: 0;
}
.others-views-w .others-views {
  height: 100%;
}
.others-views-w .slider-nav {
  *zoom: 0.4;
  -moz-transform: scale(0.4, 0.4);
  -ms-transform: scale(0.4, 0.4);
  -webkit-transform: scale(0.4, 0.4);
  transform: scale(0.4, 0.4);
  margin-top: 0;
  top: auto;
}
.others-views-w .slider-nav .icon {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.others-views-w .slider-nav.prev {
  left: 50%;
  top: -14px;
  margin-left: -14px;
}
.others-views-w .slider-nav.next {
  left: 50%;
  margin-left: -14px;
  right: auto;
  top: auto;
  bottom: -14px;
}

.photo-block-w {
  float: right;
  width: 81%;
}
.photo-block-w .swiper-container {
  width: 99%;
}

#modal-prd .fiche {
  padding: 0 10px;
}
#modal-prd .photo-block-w {
  float: none;
  width: 100%;
}
#modal-prd .media-side {
  max-width: 476px;
}

.act-promos {
  margin: 10px 0 20px 0;
}
@media only screen and (min-width: 768px) {
  .act-promos {
    margin: 10px 0;
  }
}
.act-promos .btn {
  font-size: 100%;
}

.photo-block-w {
  border: 1px solid #eeeeee;
}

.sm-previews .slide {
  white-space: nowrap;
  white-space: nowrap;
}
.sm-previews .slide:after, .sm-previews .slide::after, .sm-previews .slide .after {
  content: '';
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.sm-previews .sm-preview {
  border: 1px solid #eeeeee;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.infos-side .title-w a {
  color: #69646a;
}
.infos-side .title-w a:hover {
  text-decoration: underline;
}
.infos-side .price-w {
  text-align: right;
  overflow: hidden;
}
.infos-side .price-w .prices {
  margin: 0;
  padding: 0;
}
.infos-side .price-w .price .label {
  text-transform: uppercase;
  font-family: "pt_sansbold";
  color: #fa565c;
  font-size: 13px;
}
.infos-side .price-w .price .regular-price {
  padding: 0;
  vertical-align: bottom;
  color: #69646a;
  margin-right: 13px;
  font-size: 13px;
}
.infos-side .price-w .price .date-end {
  margin-top: 4px;
  color: #69646a;
  font-size: 13px;
  display: block;
}
.infos-side .price-w .price .current-price {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.infos-side .price-w .price .current-price .unite {
  font-size: 10px;
  margin-top: 4px;
}
.infos-side .price-w .price .value {
  display: block;
  margin-top: 7px;
}
.infos-side .price-w .pastille {
  margin-right: 14px;
}
.infos-side .price-w .pastille .rule {
  padding-top: 0;
  padding-bottom: 2px;
  margin-top: 5px;
}
.infos-side .price-w .dlv-delay {
  font-family: "MuseoSans500Regular";
  font-size: 14px;
  margin-top: 10px;
}
.infos-side .price-w .dlv-delay .value {
  color: #fa565c;
}
.infos-side .availability-wrapper {
  margin-top: 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.infos-side .barcode {
  margin-left: 25px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.infos-side .stockinfos-barcode {
  text-align: right;
  margin-top: 34px;
}
.infos-side .prd-title {
  font-size: 18px;
  font-family: "MuseoSans500Regular";
  color: #000000;
}
.infos-side .reference {
  margin-top: 16px;
  color: #767676;
  font-size: 13px;
}
.infos-side .prd-brand {
  display: block;
  margin-top: 11px;
}
.infos-side .prd-encart {
  padding-top: 16px;
  margin-top: 14px;
  margin-bottom: 14px;
  border-top: 1px solid #dadada;
}
.infos-side .prd-encart .read-more-less {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.infos-side .prd-encart .prd-encart-title {
  font-family: "pt_sansbold";
  font-size: 16px;
  margin-bottom: 7px;
}
.infos-side .prd-encart .prd-encart-short-desc {
  font-family: "pt_sansbold";
  font-size: 14px;
  color: #fb787d;
  margin-bottom: 20px;
}
.infos-side .prd-encart.wishlist {
  text-align: center;
}
.infos-side .prd-encart.new-wishlist {
  display: none;
}
.infos-side .prd-encart.new-wishlist .in-text, .infos-side .prd-encart.new-wishlist .in-textarea {
  max-width: 300px;
}
.infos-side .prd-encart.new-wishlist .in-textarea {
  height: 75px;
}
.infos-side .prd-encart .links {
  margin: 10px 0;
  text-align: left;
}
.infos-side .prd-encart .links a {
  font-size: 1.25em;
}
.infos-side .prd-encart .links a:hover {
  text-decoration: underline;
}
.infos-side .prd-downloads {
  margin-top: 11px;
}
.infos-side .prd-downloads .file-download {
  white-space: nowrap;
  margin-right: 30px;
  margin-top: 5px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.infos-side .actions {
  margin-top: 22px;
  margin-bottom: 22px;
  padding-top: 28px;
}
.infos-side .actions .action + .action {
  margin-top: 10px;
}
.infos-side .addtocart-block {
  text-align: right;
  margin: 10px 0;
}
.infos-side .addtocart-block .div-spinner {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 10px;
}
.infos-side .addtocart-block .div-spinner .spinner {
  width: 50px;
  height: 30px;
  margin: 0 30px;
  font-size: 15px;
}
.infos-side .addtocart-block .div-spinner .ui-spinner-button {
  width: 20px;
  height: 20px;
  font-size: 19px;
  top: 5px;
}
.infos-side .addtocart-block .div-spinner .ui-spinner-button .ui-button-text {
  line-height: 20px;
}
.infos-side .addtocart-block .btn {
  margin: 10px 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.infos-side .remain-free-dlv {
  font-size: 13px;
  font-family: "pt_sansbold";
  color: #fa565c;
  margin-top: 12px;
}
.infos-side .quantity-block {
  text-transform: uppercase;
  color: #69646a;
  white-space: nowrap;
}
.infos-side .quantity-block .label {
  font-size: 13px;
  font-family: "pt_sansbold";
  white-space: normal;
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.infos-side .quantity-block .div-spinner {
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.related-block {
  margin-top: 30px;
  padding-bottom: 44px;
}
.related-block .title-n1 {
  background-color: #dadada;
  color: #69646a;
}

.form-custom-ref .in-text {
  max-width: 120px;
}
.form-custom-ref .btn {
  min-width: 0;
  max-width: 50px;
  height: 30px;
  padding: 6px 10px 7px;
  font-size: 13px;
}

@media only screen and (min-width: 400px) {
  .infos-side .addtocart-block {
    float: right;
    width: 46%;
  }

  .features {
    float: left;
    width: 54%;
  }
}
@media only screen and (min-width: 1400px) {
  .infos-side .addtocart-block {
    float: right;
    width: 64%;
  }

  .features {
    float: left;
    width: 36%;
  }
}
@media only screen and (min-width: 768px) {
  .media-side {
    width: 38.7%;
    margin-top: 26px;
    float: left;
  }

  .infos-side {
    float: left;
    width: 61.3%;
    padding-left: 2.8%;
    padding-top: 26px;
  }
  .infos-side .title-w {
    float: left;
    width: 50%;
  }
  .infos-side .price-w {
    float: left;
    width: 50%;
  }
  .infos-side .quantity-block {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
  .infos-side .remain-free-dlv {
    text-align: right;
    width: 70%;
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
  .infos-side .actions .action {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
  .infos-side .actions .action + .action {
    margin-top: 0;
    text-align: right;
  }

  #modal-prd .fiche {
    padding: 0 42px;
  }
  #modal-prd .media-side {
    width: 26.6%;
    margin-top: 26px;
  }
  #modal-prd .infos-side {
    width: 73.4%;
    padding-left: 2.8%;
    padding-top: 26px;
  }
  #modal-prd .lastviewed-block {
    padding-bottom: 20px;
  }

  .related-block {
    margin-top: 70px;
  }
}
@media only screen and (min-width: 1300px) {
  .infos-side .title-w {
    padding-top: 6px;
  }
  .infos-side .prd-title {
    font-size: 28px;
  }
  .infos-side .price-w .price .current-price {
    font-size: 28px;
  }
  .infos-side .remain-free-dlv {
    font-size: 18px;
    text-align: right;
  }
  .infos-side .addtocart-block {
    float: right;
  }
  .infos-side .addtocart-block .div-spinner .spinner {
    width: 60px;
    height: 46px;
    margin: 0 40px;
    font-size: 20px;
  }
  .infos-side .addtocart-block .div-spinner .ui-spinner-button {
    width: 30px;
    height: 30px;
    font-size: 29px;
    top: 10px;
  }
  .infos-side .addtocart-block .div-spinner .ui-spinner-button .ui-button-text {
    line-height: 29px;
  }
  .infos-side .addtocart-block .btn {
    margin-left: 44px;
  }

  #modal-prd .fiche {
    padding: 0 42px;
  }
}
.feature {
  margin-right: 50px;
  margin-bottom: 5px;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.feature .picto {
  width: 46px;
  height: 46px;
  text-align: center;
  background-color: #fa565c;
  margin-right: 10px;
  border: 1px solid #ffffff;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  white-space: nowrap;
}
.feature .picto:after, .feature .picto::after, .feature .picto .after {
  content: '';
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.feature .ico {
  font-size: 27px;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.feature .libelle {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.feature .label {
  font-size: 13px;
  vertical-align: middle;
  color: #fa565c;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.feature .input-block {
  margin-top: 5px;
}
.feature:last-child {
  margin-right: 0;
}

a.feature:hover .label {
  text-decoration: underline;
}
a.feature:hover .picto {
  background-color: #ffffff;
  border: 1px solid #fa565c;
}
a.feature:hover .picto .ico {
  color: #fa565c;
}

@media only screen and (min-width: 768px) {
  .photo-block {
    position: relative;
  }
  .photo-block .img-respond {
    cursor: pointer;
  }
  .photo-block .ico-zoom-in {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 26px;
    color: #fa565c;
    cursor: pointer;
  }
}
.color-selector {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #dadada;
}
.color-selector.picker .swiper-slide {
  height: 33px;
}
.color-selector.picker .chart-items-w {
  margin-top: 20px;
}
.color-selector .cs-title {
  text-transform: uppercase;
  color: #dadada;
  font-family: "pt_sansbold";
  font-size: 18px;
  padding: 0 5px;
}
.color-selector.colisage .cs-title {
  margin-bottom: 20px;
}
.color-selector.colisage .chart-item-w {
  width: 100%;
  text-align: left;
}
.color-selector.colisage .chart-item-w .chart-item {
  height: 40px;
}
.color-selector.colisage .chart-item-w .chart-item .cell.prices {
  line-height: 30px;
}
.color-selector.colisage .chart-item-w .chart-item .cell.prices .price {
  display: inline-block;
}

.tabs-ww {
  margin: 19px 28px 49px;
  height: 49px;
  border-bottom: 1px solid #dadada;
  position: relative;
}

.picker .tabs-ww {
  height: 100%;
  border: none;
  margin: 12px 30px 30px 30px;
  padding-left: 5px;
  padding-right: 5px;
}

.tabs {
  overflow: visible;
}
.tabs .swiper-slide {
  float: left;
  height: 50px;
}
.tabs a {
  background-color: #dadada;
  color: #69646a;
  height: 49px;
  text-align: center;
  vertical-align: middle;
  font-family: "MuseoSans500Regular";
  font-size: 13px;
  padding: 0 20px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  white-space: nowrap;
}
.tabs a:after, .tabs a::after, .tabs a .after {
  content: '';
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.tabs a.active, .tabs a:hover {
  background-color: #dadada;
  color: #ffffff;
  text-decoration: none;
}
.tabs .tab {
  padding: 0 1px;
}
.tabs .tab.color a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid #E8E8E8;
}
.tabs .tab.color + .color {
  margin-left: 10px;
}

.chart-items-w {
  overflow: hidden;
}

.chart-item-w {
  float: left;
}

.chart-item {
  position: relative;
  margin: 0 auto 0;
  max-width: 412px;
  width: 100%;
  text-align: left;
  height: 68px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.chart-item .chart img {
  width: 40px;
  height: 40px;
}
.chart-item .cell {
  float: left;
  display: block;
}
.chart-item .cell.product {
  padding-left: 10px;
  padding-top: 3px;
}
.chart-item .cell.product .title {
  display: block;
  font-weight: bold;
  font-size: 14px;
  color: #66645e;
  width: 100px;
  height: 55px;
  overflow: hidden;
  padding-bottom: 5px;
  font-family: "MuseoSans500Regular";
}
.chart-item .cell.product .title a {
  color: #66645e;
}
.chart-item .cell.product .ref {
  display: block;
  font-size: 12px;
  color: #767676;
  margin-top: 2px;
  font-family: "MuseoSans500Regular";
}
.chart-item .cell.product .ref:hover {
  text-decoration: none;
}
.chart-item .cell.prices {
  padding: 0 0 0 2px;
  margin-top: 0;
}
.chart-item .cell.prices .price {
  font-size: 18px;
  font-family: "pt_sansbold";
  display: block;
  color: #767676;
}
.chart-item .cell.prices .price.promo {
  color: #fa565c;
}
.chart-item .cell.prices .price .regular-price {
  font-size: 12px;
  color: #767676;
}
.chart-item .cell .availability-wrapper {
  margin: 0 0 0;
}
.chart-item .div-spinner {
  float: right;
  padding-right: 5px;
}
.chart-item .div-spinner .spinner {
  width: 42px;
  height: 33px;
  margin: 0 27px;
  font-size: 14.91px;
}
.chart-item .div-spinner .ui-spinner-button {
  width: 21px;
  height: 21px;
  font-size: 22px;
  top: 6px;
}
.chart-item .div-spinner .ui-spinner-button .ui-button-text {
  line-height: 22px;
}

@media only screen and (min-width: 768px) {
  .chart-item-w {
    width: 50%;
  }

  .chart-item-w-tablet-1 {
    text-align: right;
  }
}
@media only screen and (min-width: 1300px) {
  .tabs-ww {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .chart-item-w {
    width: 33.33333%;
  }

  .chart-item-w-desktop-0 {
    text-align: left;
  }

  .chart-item-w-desktop-1 {
    text-align: center;
  }

  .chart-item-w-desktop-2 {
    text-align: right;
  }
}
.chart-items {
  overflow: hidden;
}
.chart-items.hidden {
  display: none;
}

.chart-items-w .pchild a {
  color: #69646a;
}

.chart-items-w .chart-item > a {
  border: 1px solid #E8E8E8;
}

.summary {
  padding: 34px 0;
  clear: both;
  border-top: 1px solid #dadada;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .summary {
    text-align: right;
  }
}
.summary .quantity {
  width: 143px;
  height: 38px;
  color: #ffffff;
  background-color: #fa565c;
  font-size: 15px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  white-space: nowrap;
}
.summary .quantity:after, .summary .quantity::after, .summary .quantity .after {
  content: '';
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.summary .amount {
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.summary .amount .label {
  color: #69646a;
  font-size: 13px;
}
.summary .amount .value {
  font-size: 28px;
  color: #000000;
  font-family: "pt_sansbold";
}
.summary .btn {
  margin-left: 20px;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .summary .btn {
    margin-top: 0px;
  }
}

.gift-card {
  margin-bottom: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 480px) {
  .gift-card {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}
.gift-card label {
  display: block;
  text-align: left;
  margin: 5px;
}
.gift-card #gift-card-amount {
  margin-left: 10px;
  max-width: 50px;
}
.gift-card #gift-card-recipient {
  widows: 150px;
}

.addthis_sharing_toolbox {
  margin-top: 20px;
}

.page-product .availability {
  text-align: right;
}

.responsive-table.table-childs tbody tr {
  border-bottom: 10px solid;
}
@media only screen and (min-width: 768px) {
  .responsive-table.table-childs tbody tr {
    border-bottom: 1px;
  }
}