header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  background: #FFF;
  position: fixed;
  z-index: 9999;
  width: 100%;
}

.topheader {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #282F37;
  padding: 15px 0;
  padding-right: 6%;
  align-items: center;
}

#menu-menu-haut,
#menu-menu-haut-anglais {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}

.menu-menu-principal-container,
.menu-menu-haut-anglais-container {
  display: flex;
  flex-direction: row;
}

#menu-menu-principal-eng,
#menu-menu-principal {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 25px;
}

#menu-menu-haut .menu-item a,
#menu-menu-haut-anglais .menu-item a {
  font-size: 1.2rem;
  color: #FFFFFF !important;
}

#menu-menu-haut .menu-item a:hover,
#menu-menu-haut-anglais .menu-item a:hover {
  font-size: 1.2rem;
  color: #cba040 !important;
}

.menu-item a {
  font-size: 1.5rem;
}

.menu-item-has-children>a:after {
  content: none;
}

#menu-menu-principal-eng .sub-menu,
#menu-menu-principal .sub-menu {
  position: absolute;
}

.principalMenu {
  padding-top: 1%;
  padding-bottom: 1%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.fa-search {
  font-size: 18px;
}

.fauve-fa-language {
  margin-right: 4px;
}

.fa-phone {
  font-size: 18px;
}

.fa-contact {
  font-size: 12px;
}


#menu-menu-principal .opened .sub-menu,
#menu-menu-principal-eng .opened .sub-menu {
  background: #FFF;
  width: 250px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}


#menu-menu-haut .menu-item:after,
#menu-menu-haut-anglais .menu-item:after {
  content: "";
  align-self: stretch;
  border: 1px solid #838383;
  margin-left: 10px;
  margin-right: 10px;
  border-image: linear-gradient(100deg, #cba040, #ffff) 1;
}

#menu-menu-principal .sub-menu .menu-item,
#menu-menu-principal-eng .sub-menu .menu-item {
  margin: 15px 0 15px 0;
  padding: 2%;
}

/*  MENU BURGER*/
.menu-toggle {
  display: none;
  /* Hide initially for larger screens */
  padding: 10px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  z-index: 999;
}

.menu-toggle:focus {
  outline: none;
  /* Remove focus outline */
}

.menu-toggle span.bar {
  display: block;
  width: 25px;
  height: 3px;
  margin-bottom: 5px;
  background-color: #fff;
}

.close-button {
  display: none;
  /* Hide initially */
  position: absolute;
  top: 3px;
  /* Adjust as needed */
  left: 460 !important;
  padding: 10px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  z-index: 99;
}

.close-button:focus {
  outline: none;
  /* Remove focus outline */
}

#menu-menu-principal .fa-chevron-right,
#menu-menu-principal-eng .fa-chevron-right {
  display: none;
}

.bloc_principal_container {
  padding-top: 9% !important;
}

.bloc_page_container {
  padding-top: 12% !important;
}

/* Styles for responsive behavior (optional) */
@media (max-width: 768px) {

  .topheader {
    display: none;
  }

  .principalMenu #menu-menu-principal,
  .principalMenu #menu-menu-principal-eng {
    position: fixed;
    /* Make menu fixed on smaller screens */
    top: 0;
    /* Position at top */
    left: 0;
    /* Position at left side */
    width: 70%;
    /* Take full width */
    height: 100vh;
    /* Take full viewport height */
    background-color: #fff;
    /* Set background color for menu */
    display: flex;
    /* Show menu */
    flex-direction: column;
    /* Arrange items vertically */
    justify-content: start;
    /* Center vertically */
    align-items: start;
    /* Center horizontally */
    transition: transform 0.3s ease-in-out;
    /* Add transition for smooth opening/closing */
    transform: translateX(-100%);
    /* Hide menu initially */
    padding-top: 19% !important;
  }

  .principalMenu.active #menu-menu-principal,
  .principalMenu.active #menu-menu-principal-eng {
    transform: translateX(0);
    /* Show menu on button click */
  }

  .menu-toggle {
    display: block;
    /* Show button on smaller screens */
  }

  #menu-menu-principal,
  #menu-menu-principal-eng {
    padding-top: 3% !important;
  }

  #menu-menu-principal .menu-item,
  #menu-menu-principal-eng .menu-item {
    margin-left: 3%;
  }

  .close-button.active {
    display: block;
    /* Show button on smaller screens */
    z-index: 9999
  }

  .menutop__img {
    width: 180px;
    max-width: 70%;
  }

  .principalMenu {
    justify-content: space-around;
    z-index: 9999;
    background-color: #282F37;
  }

  #menu-menu-principal-eng .sub-menu,
  #menu-menu-principal .sub-menu {
    position: relative;
  }

  #menu-menu-principal .opened .sub-menu,
  #menu-menu-principal-eng .opened .sub-menu {
    width: 250px;
    box-shadow: none;
  }

  #menu-menu-principal-eng .opened .sub-menu,
  #menu-menu-principal .opened .sub-menu {
    margin-bottom: 0;
  }


  #menu-menu-principal .sub-menu .menu-item,
  #menu-menu-principal-eng .sub-menu .menu-item {
    margin: 15px 0 0px 0;
  }

  #menu-menu-principal .fa-chevron-right,
  #menu-menu-principal-eng .fa-chevron-right {
    display: inline-block;
  }

  #menu-menu-principal .menu-item.opened .fa-chevron-right,
  #menu-menu-principal-eng .menu-item.opened .fa-chevron-right {
    rotate: 90deg;
  }

  .bloc_page_container {
    padding-top: 20% !important;
  }

  .mobileHeader {
    display: flex;
    gap: 10px;
    align-content: center;
    flex-direction: row;
    align-items: center;

  }

  .mobileHeader a {
    color: white
  }

  .blocButtonHeaderMobile li {
    list-style: none;
  }

  .blocButtonHeaderMobile li a {
    color: #fff;
  }

  .site-logoMobile {
    margin-left: 0 !important;
    width: 160px !important;
  }

  .itemFooter2024 {
    width: 90%;
  }

  .new-footer-2024 {
    flex-direction: row;
    margin-right: 0;
    margin-left: 0;
    justify-content: center;
  }

  .new-footer-2024 .first-column {
    align-items: center;
  }
}

.single-lot__img img {
  height: auto;
  object-fit: inherit !important;
}

.wpcf7-spinner {
  margin-right: -48px;
}

header.scrolled {
  box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px;
  transition: box-shadow 0.7s ease;
}

.submitestimation {
  width: 90%;
}

.submitestimation input {
  width: 50%;
}

.wpcf7-response-output {
  display: flex;
  width: 100vh;
}

/* preview image estimation */
/* Masquer les champs input file */
input[type="file"] {
  display: none;
}

.preview-box {
  width: 100px;
  height: 100px;
  border: 2px solid #e3e3e3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #a7a7a7;
  background-color: #f9f9f9;
  margin-top: 10px;
  position: relative;
  cursor: pointer;
}

.preview-box img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  display: none;
}

.preview-box.active img {
  display: block;
}

.preview-box.active::before {
  content: '✕';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.7);
  color: #ff0000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  z-index: 500;
}

/* Masquer les labels pour les lecteurs visuels mais accessibles pour les lecteurs d'écran */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.blocfiles {
  display: flex;
  gap: 25px;
  margin-bottom: 4rem
}

.preview-box p {
  font-size: 14px;
  color: #a7a7a7;
  margin: 0;
}

.logoutButton {
  color: #cba040;
  font-weight: bold;
}

/* Gestion du logo */
.site-logo {
  width: 150px;
  /* taille initiale du logo */
  transition: width 0.7s ease;
  margin-left: 130px;
}

@media screen and (max-width: 1439px) {
  .site-logo {
    margin-left: 40px;
  }
}

/* Taille réduite du logo après le scroll */
.site-logo.scrolled {
  width: 133px;
  /* taille réduite du logo */
}

.menu__wrapper {
  height: 0;
}

.disabledEncherir {
  width: 100%;
}

.new-past-sales {
  margin-bottom: 0;
  padding-bottom: 9rem;
}

.blocLotsTemplate {
  background-color: #ddd;
  padding-bottom: 4rem;
}

.bloc_page_container {
  background-color: #fff;
}

.titleSec {
  font-size: 16px;
}

.lot-sales-footer .hor-sep {
  height: 0.4px;
}

.lot-sales-footer .new-contact-info-desktop {
  margin-top: 10px;
}

#search-all-lots input[type='text'],
#search-all-lots input[type='number'] {
  width: 200px;
}

.search-block {
  width: 100%;
}

.single-lot__block-desc .hor-sep {
  margin: 1rem 0;
}

.blocSingleLotInfo {
  gap: 50px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  /*     background-color: #eee; */
  /* padding: 0 120px 50px 120px; */
  flex-direction: row;
}

.itemSingleLotInfo {
  width: 100%;
  flex-basis: 50%;
}

.slickNavImg,
.slickMainImg {
  width: 85vh;
}

.slickMainImg img {
  width: 100%;
}

.itemSingle1 {
  display: flex;
  flex-direction: column;
}

.slickNavImg .slick-slide {
  margin: 0 1rem;
}

.single-lot-container {
  background-color: #ddd;
}

.product__slider-main {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.slickNavImg .slick-slide {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.chevron {
  position: absolute;
  top: 50%;
  /* Centre verticalement */
  transform: translateY(-50%);
  background-color: #c0a25f;
  /* couleur de fond */
  padding: 10px;
  cursor: pointer;
  color: white;
  font-size: 20px;
  /* taille du chevron */
}

.chevron-left {
  left: 0;
  /* Place le chevron à gauche */
}

.chevron-right {
  right: 0;
  /* Place le chevron à droite */
}

.single-lot__number {
  padding: 2px 10px;
}



.single-lot__desc .color-yellow {
  color: #cba040;
  font-weight: 700;
  font-size: 2rem;
}

.single-lot__artiste {
  margin-top: 3% !important;
}

.single-lot__number {
  margin-bottom: 4% !important;
}

.single-lot__artiste,
.single-lot__title {
  font-size: 2rem !important;
}

.single-lot__title {
  margin-bottom: 3%;
}

.main-page__single-lots {
  margin-top: 0;
}

.single-lot__links .hor-sep {
  margin: 10px 0;
  width: 50%;
}

#encherir {
  box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}

.new-cta-yellow {
  width: 70%;
  background-color: #cba040;
}

.new-cta-yellow .chevronLot {
  color: #000;
}

.single-lot-container .new-next-sales-lot {
  margin-bottom: 0;
}

.estimation-single-lot {
  padding: 6rem 1rem !important;
}

.reseaux-sociaux-single-lot {
  padding: 8rem 1rem !important;
}

/* .single-lot--bold{
    color: #cba040;
    font-weight: 700;
    font-size: 3rem;
} */

.venduEtatLotPriceBase {
  font-size: 2rem !important;
  color: #000 !important;
}

.venduSingleLot {
  font-size: 4rem !important;
}

.blog #menu-item-5831 {
  background-color: unset !important;
}

.blocFormPaiement {
  display: flex;
  gap: 12px;
}

.containerPaiement {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: #eee;
}

.paiment-confirm {
  width: 75%;
}

.paiment-confirm__inner {
  background-color: #fff;
}

.blocFormPaiement form {
  padding-bottom: 0 !important;
}

.paiment-confirm {
  border: solid 2px var(--color-link);
}

.paiment-confirm__text p {
  font-size: 22px;
  font-family: var(--font-head) !important;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .paiment-confirm {
    width: 90%;
  }

  .paiment-confirm__inner {
    align-items: center !important;
  }

  .paiment-confirm__btn {
    font-size: 15px !important;
    padding: 8px !important;
  }

  .account-nav {
    width: 100%;
  }

  .paiment-confirm__text p {
    font-size: 15px;
    font-family: var(--font-head) !important;
  }

  .containerPaiement {
    padding-top: 2%;
  }

  .contact-iconMobile {
    width: 20px !important;
  }

  .kpi-brMobile {
    align-self: stretch;
    width: 1px;
    background-color: #707070;
  }
}