@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 1240px) {
  #master,
  #corp,
  .megamenu1,
  #head,
  .thumbnail,
  #separation .separation-content,
  .footer-content,
  .messageTemporaire,
  .wrapFooterLink .bannerPrivacy-full .bannerPrivacy-content,
  .editBanner .editBanner-container,
  section.impersonate-bar .container,
  section.generalWarning .content,
  section.showroomHeader .content,
  retailerLogo section {
    width: 1200px;
  }
  /*-----------Log In--------------*/
  #head .logIn p a {
    font-size: 12px;
  }
  /*-----------------------------------*/
  /*-----------Log Off--------------*/
  #head .logOff p a {
    font-size: 12px;
  }
  #head .logOff p a:after {
    font-size: 16px;
  }
  /*-----------------------------------*/
  .footColGaucheGhost {
    width: 850px;
  }
  .footColGaucheGhost .contact h3 {
    width: 100%;
  }
  .footColDroitGhost {
    float: right;
  }
  /*-------------------------*/
  #colCentre {
    width: 720px;
    /* 100cqh = real content-box height of #corp (container-type: size);
       142px is the sibling thumbnail strip (135px + 5/2px padding).
       Outside the landscape flex layout cqh falls back to the small
       viewport height. */
    --ud360-size: clamp(200px, calc(100cqh - 142px), 720px);
    /* Centering gutter for the wider column — keeps the enlarged-view
       cover (image left edge + size + gutter + 240px) reaching the
       right column's far edge; see _ui-udesign.scss. */
    --ud360-gutter: calc((720px - var(--ud360-size)) / 2);
  }
  /* cqh in a custom property only fails at use time, so browsers without
     container queries need this explicit fallback to keep the image sized. */
  @supports not (width: 1cqh) {
    #colCentre {
      --ud360-size: clamp(480px, calc(100vh - 222px), 720px);
    }
    @media screen and (min-width: 1240px) and (max-height: 768px) {
      #colCentre {
        --ud360-size: clamp(480px, calc(100vh - 192px), 720px);
      }
    }
  }
}
@media screen and (min-width: 1240px) and (min-height: 915px) {
  .subMenuFilter {
    width: 400px;
    height: 720px;
  }
  .subMenuFilter .buttonFilter {
    margin: 50px 0 0 0;
  }
  .subMenuFilter .mainFilter .category label.labelRadioFilter:not(old),
  .subMenuFilter .mainFilter .category label.labelCheckFilter:not(old) {
    font-size: 12px;
  }
  /*-------------------------*/
  .toggle_container .block,
  .toggle_container .blockShort {
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100%;
    max-height: 235px; /* 210, 225 */
    width: 218px;
  }
  .toggle_container2 .block ul#wishlistcontainer {
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 228px; /* 135, 147 */
    max-height: 228px;
  }
  .toggle_container2 .block ul.libraryContent {
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 263px; /* 135, 147 */
    max-height: 263px;
  }
  /*-------------------------*/
  #colCentre #mainImage .UD360Viewer .arrow {
    font-size: 100px;
    margin-top: -50px;
  }
  /*-----------------------------------------------*/
  #colCentre .blockPatte {
    background-image: none;
  }
}