/*----------------bouton drouot-----------------*/
.bouton-drouot {
  background-color: white;
  color: #000 !important;
  border: 1px solid #000;
  padding: 6px 12px;
  border-radius: 5px;
  margin-bottom: 20px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  transition: background-color 0.3s ease; /* pour une transition douce */
}

.bouton-drouot:hover {
  background-color: #f0f0f0;
  color: #000 !important;
  cursor: pointer;
}

/*---------------- Social footer ----------------*/
.socialFooter {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0;
}


/*----------------  #logo -------------*/

/* Sur mobile */
@media (max-width: 767px) {
    #logo img {
        width: 230px;
        height: auto;
        margin-bottom: 15px;
    }
}

/* Sur tablette et autres écrans moyens */
@media (min-width: 768px) and (max-width: 1199px) {
    #logo img {
        width: 250px !important;
        height: auto;
        margin-bottom: 25px;
    }
}

/* Sur PC (écrans plus larges) */
@media (min-width: 1200px) {
    #logo img {
        width: 280px !important;
        height: auto;
        margin-bottom: 25px;
    }
}

/*-------------Blocs vente-------------*/
.bloc_vente_date {
    color: #000;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    padding-top: 15px;
    clear: both;
}

.bloc_vente_lieu {
    color: #333333;
    font-style: italic;
    margin-top: 4px;
    font-size: 12px;
    clear: both;
}

/*-------------Pictos page contact-------------*/
.contact-info {
  font-family: sans-serif;
  font-size: 1.6rem;
  line-height: 1.6;
 font-weight:300;
}

.contact-info i {
  color: #001d3d;
  margin-right: 8px;
  width: 20px;
  text-align: center;
}


/*-------------Services-------------*/
.services {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  padding: 20px;
}

@media (min-width: 600px) {
  .services {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .services {
    grid-template-columns: repeat(4, 1fr);
  }
}

.service-card {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  height: 270px;
margin-bottom: 30px;
}

.service-img-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.service-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
}

.service-title {
  font-size: 1.7rem;
  margin-bottom: 10px;
  font-weight: bold;
  color:#fff;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  letter-spacing: 0px;
}

h3.service-title {
  font-size: 1.7rem;
  margin-bottom: 10px;
  font-weight: bold;
color:#fff;
font-family: Montserrat, Arial, Helvetica, sans-serif;
margin: 0px;
}

.service-description {
  font-size: 1.2rem;
  margin-bottom: 40px;
}

.service-link {
  font-size: 1.2rem;
  display: inline-block;
  padding: 10px 20px;
  border: 2px solid white;
  text-decoration: none;
  transition: all 0.3s ease;
  background-color: white;
  color: black !important;
}

.service-link:hover {background-color: transparent;color: white !important;}


/*-------------Boutons-------------*/

a.bouton-plus {font-family: Montserrat, Arial, Helvetica, sans-serif;background-color: #001d3d;color: #fff !important;border: 1px solid #001d3d;padding: 8px 20px;border-radius: 2px;transition: background-color 0.3s;font-size: 1.1em;display: inline-block;}
.bouton-plus:hover {background-color: #fff;color: #001d3d !important;font-family: Montserrat, Arial, Helvetica, sans-serif;border: 1px solid #001d3d;border-radius: 2px;}


/*-------------Titres-------------*/
.titre_page, .titre_page  a, .titre_page a:visited { font-family: Ledger;text-transform: uppercase; font-size: 22px; margin-top: 50px; margin-bottom: 30px; color: #001d3d;}

h2 a:link {color: #001d3d;}

.entry-title h2 a, .entry-title h2 a:visited {color: #001d3d;text-transform: uppercase; font-size: 1.3rem;font-family: Montserrat, Arial, Helvetica, sans-serif;}

/*-------------Langues-------------*/
.languegb img, .languefr img {display: none;}
.languegb::after {content: " EN"; font-weight: bold;}
.languefr::after {content: " FR"; font-weight: bold;}

/*-------------menu-------------*/
#primary-menu.style-2 > div > ul > li > a i { line-height: 30px;}
#primary-menu ul ul a {font-size: 14px;text-transform: none; color:#000;}
.device-md #primary-menu ul li a {padding-left: 17px;padding-right: 17px;font-size: 13px;}

@media all and (min-width: 1200px) {
#primary-menu ul ul, #primary-menu ul li .mega-menu-content {display: none;position: absolute;background-color: #FFF!important;box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);border: 1px solid #EEE;border-top: 1px solid #001d3d;height: auto;z-index: 199;left: 0;margin: 0;top:-1px;}
}

body.en.device-lg #primary-menu ul li a {padding-left: 40px;padding-right: 40px;}
body.en.device-md #primary-menu ul li a {padding-right: 28px;padding-left: 28px;}


/*----------------top-search-----------------*/
#top-search form {height: 40px !important; top: 0px;}
#primary-menu .container #top-search form input::placeholder {font-size: 16px;text-transform: none;font-weight:normal;}
.device-xxs #primary-menu .container #top-search form input::placeholder {font-size: 12px;color:#000;text-transform: none;font-weight:normal;}
.device-xs #top-search a i {left: 20px;}

#top-search form input {background: #fff none repeat scroll 0 0;border-radius: 6px 0px 0px 6px;float: left;font-size: 14px;height: 25px;line-height: 25px;margin-top: 7px !important;padding: 5px 5px 5px 7px !important;width: 90%;font-weight: normal;color:#000;}
#primary-menu .container #top-search form input::placeholder {color: #000 !important;}
#primary-menu.style-2 > div #top-cart, #primary-menu.style-2 > div #side-panel-trigger {margin-top: 9px;margin-bottom: 20px;}
#top-search form input.loupe {background: #fff url(https://zouave.be/uploads/Image/img_site/bt_loupe.png) no-repeat scroll 0 4px !important;height: 25px;width: 35px;color: #000;float: left;border-radius: 0px 6px 6px 0px;background-size: 62% 62% !important;}
#primary-menu.style-2 > div #top-search, #primary-menu.style-2 > div #top-cart, #primary-menu.style-2 > div #side-panel-trigger {margin-top: 9px;margin-bottom: 0px;}
#primary-menu .container #top-search form input::placeholder {color: #000 !important;}
#primary-menu .container #top-search form input {color: #000 !important;}
#top-cart > a > span {right: 17px;color: #000;background-color: #fff;top: -5px;}
.style-2 .container #top-cart .top-cart-content {top: 33px;}
#top-cart.top-cart-open .top-cart-content {z-index: 22;}
#top-cart .top-cart-content {top: 30px;}
.button.button-3d {background-color: #001d3d !important;}
.button.button-3d:hover {background-color: #888 !important;}
.btn-primary {color: #fff;background-color: #001d3d;border-color: #001d3d;}
.button {background-color: #001d3d;color: #fff;border-color: #001d3d;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {color: #fff;background-color: #000;border-color: #000;}
.device-sm .btn-primary {margin-top: 50px;}
#searchFiltre input.btRecherche {margin-bottom: 20px;}
#searchFiltre {background-color: #f8f8f8;}
#searchFiltre input.btRecherche {background-color: #001d3d;color: #fff;border: 1px solid #001d3d;border-radius: 0 4px 4px 0;}
#searchFiltre input.btRecherche:hover {width: 100%;padding: 6px 10px;background-color: #000;color: #fff;border: 1px solid #000;border-radius: 0 4px 4px 0;}
#searchFiltre button.btn.btn-primary {font-size: 12px;margin-top: 20px;}


/*---------------  #Home------------- */
.salePhareTitle {text-transform: uppercase; font-family: Montserrat, Arial, Helvetica, sans-serif;}
.device-xs .salePhareImage img {width:320px;height:auto;}
.salePhareImage {border-radius:3px;}
.actualite_droite {float:left;}
.vente_phare {padding-bottom: 50px;clear:both;}
.newsPhareImage, .salePhareImage{margin-bottom:15px;}
.vente_phare, lot_phare, .newsPhare  {margin-bottom:30px;float:left;}

/*---------------  #Home_actualite------------- */
.home_actualite .entry.clearfix.actualite {float: left;width: 33%;}
.device-xs .home_actualite .entry.clearfix.actualite {float: left;width: 50%;min-height: 500px;}
.device-xxs .home_actualite .entry.clearfix.actualite {float: left;width: 100%;}
.home_actualite .page_actualite .actualite .entry-image {width: 260px;float: left;margin-right: 0px;}
.home_actualite .entry-c {width: 90%;float: left;}
.device-xxs .home_actualite .entry-c, .device-xs .home_actualite .entry-c  {width: 100%;float: left;}
div.home_actualite div.entry.clearfix.actualite div.entry-image {width: 260px;float: left;margin-right: 0;}
.device-lg div.home_actualite div.entry.clearfix.actualite div.entry-image {width: 300px;float: left;margin-right: 0;}

.device-sm div.home_actualite div.entry.clearfix.actualite div.entry-image {width: 200px;float: left;margin-right: 0;}
.device-xs div.home_actualite div.entry.clearfix.actualite div.entry-image {width: 210px;float: left;margin-right: 0;}
.device-xxs div.home_actualite div.entry.clearfix.actualite div.entry-image {width: 100%;float: left;margin-right: 0;}

.device-xxs .layoutsExemple .entry-image, .device-xs .layoutsExemple .entry-image {width: 100%;}

/*----------------  #carrousel home-resultats------------- */
.belles_encheres {text-align:center;margin-top:20px;}
.CarouselResultat {color: #001d3d;margin-top: 4px;text-align: center;text-transform: none;font-weight: bold;}
.belles_encheres_home .owl-carousel .owl-item img {margin: 0 auto;border-radius: 3px;height:130px}
.belles_encheres_home .imgphare {display: table-cell;height: 140px;margin-bottom: 14px;margin-right: 19px;overflow: hidden;text-align: center;vertical-align: middle;float: left;max-height:140px;min-height:140px;width:100%;}
.belles_encheres_home {text-align:center;margin-top:20px;}
.calendrier_milieu .bloc_mois_date {display: none;}
.owl-theme .owl-dots .owl-dot.active span {background-color: #001d3d;}

/*----------------  #home_calendrier------------- */
.calendrierVertical .entry-title {margin-top: 10px; font-family: Montserrat, Arial, Helvetica, sans-serif;}
.calendrierVertical .item:hover .verticalImage img {transform: scale(1) translate(0%, 0%);transform-origin: 0 0;filter: grayscale(1);}
.icon-calendar3 {display:none;}
.bloc_vente_date {color: #000;font-size: 13px;font-weight: 300;font-style: normal;}
.btn.ghost {border-radius: 0px;}
.carouselCouvCata, .calendrierVertical .cataPasDispo {max-height: 346px;}
.owl-theme .owl-controls .owl-nav [class*="owl-"] { top: 30%;}
.device-xs .owl-theme .owl-controls .owl-nav [class*="owl-"] {top: 14%;}
.calendrierVertical .item .verticalImage img {border: 1px solid #f8f8f8;}

/*----------------  #carrousel vertical------------- */
belles_encheres, .belles_encheres_colonne, .belles_encheres_specialites {text-align:center;margin-top:20px;}
.device-lg .belles_encheres_colonne {padding:0px 40px;}
.device-sm .belles_encheres_colonne {padding:0px 100px;}
.device-md .belles_encheres_colonne,  .device-xs .belles_encheres_colonne {padding:0px 20px;}
.device-xs .belles_encheres_colonne {padding:0px 30px;}
.device-xxs .belles_encheres_colonne {padding:0px;}
.verticalCarouselContent {border: 1px solid #fff;}
.col-md-4 .belles_encheres_colonne .verticalCarouselLot {padding: 10px 0px 10px 0px;}

/*----------------  #page actualite------------- */
.page_actualite .actualite .entry-image {width: 140px;float: left;margin-right: 30px;}
.layoutsExemple .actualiteCol1, .layoutsExemple .actualiteCol2  {font-size: 13px;}
.layoutsExemple .actualiteCol1 .entry-image {width: 100%!important;margin-right: 30px;}
.device-sm .layoutsExemple .actualiteCol1 .entry-image {width: 350px!important;margin-right: 30px;}
.device-xs .layoutsExemple .actualiteCol1 .entry-image {width: 90%;padding-left: 0;padding-right: 0px;}
.device-xxs .layoutsExemple .actualiteCol1 .entry-image {width: 100% !important;margin-right: 0px;}

.actualite_droite .actualite .entry-image {width: 100%;float: left;margin-right: 0px;}
.device-xs .actualite_droite .actualite .entry-image {width: 100%;float: left;margin-right: 0px;}
.device-xxs .actualite_droite .actualite .entry-image {width: 100%;float: left;margin-right: 0px;}
.actualite_droite .actualite .entry-c {float: left;width:100%;}

.more-link {height: 24px;line-height: 23px;width: auto; margin-bottom: 2px;border: 1px solid #001d3d;font-size: 11px; color: #001d3d; clear: both; font-style: normal;margin-top: 10px; margin-bottom: 10px;padding: 0px 10px;}
.more-link:hover {border-bottom-color: #001d3d; background-color: #001d3d;color: #fff!important; margin-top:15px; font-size: 11px !important; font-style: normal;margin-top: 10px; margin-bottom: 10px;padding: 0px 10px;}
a.more-link {color:#001d3d!important;}
a.more-link:hover {color:#fff!important;}

.actualiteCol1, .actualiteCol2 {margin-top: 50px;}
.texte_actualite {font-size: 13px;line-height: 1.3;float: left;width: 100%; margin-top: 20px;}

.actualite_home .actualite .entry-image img {padding-right: 0px;}

.page_actualite .entry-c {width: 62%;float: left;}
.page_actualite .entry-title h2, .home_actualite .entry-title h2 {font-size: 17px; font-family: Montserrat, Arial, Helvetica, sans-serif;}

/*----------------  #calendrier------------- */
.calendrier_annees {font-weight:500; margin-bottom:60px; line-height: 1.7;}
.triAnnee, .triAnnee a {background-color: #fff;color: #001d3d!important;font-size: 12px;padding: 2px 6px;border-radius:2px;border:1px solid #001d3d;}
.triAnnee:hover {background-color: #001d3d;color: #fff!important;font-size: 12px;padding: 2px 6px;border-radius:2px; border:1px solid #001d3d;}
.device-lg .page_calendrier .entry-image, .device-md .page_calendrier .entry-image {width: 150px;float: left;margin-right: 0px;}
.device-sm .page_calendrier .entry-image {width: 140px;float: left;margin-right: 0px;}
.device-xs .page_calendrier .entry-image, .device-xxs .page_calendrier .entry-image {width: 100%;float: left;margin-right: 0px;}
div.col-md-2.entry-image.couverture_catalogue {padding-left:0px!important;}

/*----------------  #couv pas dispo------------- */
.couvPasDispo {background: #f5f5f5 url("https://zouave.be/uploads/Image/img_site/nocouv.png"); background-position: center center; background-repeat: no-repeat;background-size: 100% 100%;border: 1px solid #edebe6;}
.device-lg .couvPasDispo {height: 221px;}
.device-md .couvPasDispo {height: 230px;}
.device-sm .couvPasDispo {height: 229px;}
.device-xs .couvPasDispo {height:146px;}
.device-xxs .couvPasDispo {height: 320px;}
.layoutsExemple .entry-image.no_couv.couverture_catalogue {background: #f5f5f5 url("http://cdn.drouot.com/d/uploads/2948/uploads/Image/img_site/widget_catalogue_no_couv.png"); background-position: center center; background-repeat: no-repeat;background-size: 100% 100%;border: 1px solid #edebe6;}
.device-lg .layoutsExemple .entry-image.no_couv.couverture_catalogue {height: 138px;width: 140px;margin-right: 10px;}
.device-md .layoutsExemple .entry-image.no_couv.couverture_catalogue {height: 138px;width: 140px;margin-right: 10px;}
.device-sm .layoutsExemple .entry-image.no_couv.couverture_catalogue {height: 138px;width: 140px;margin-right: 10px;}
.device-xs .layoutsExemple .entry-image.no_couv.couverture_catalogue {height: 388px;width: 440px;margin-right: 0px;}
.device-xxs .layoutsExemple .entry-image.no_couv.couverture_catalogue {height: 300px;width: 307px;margin-right: 0px;}



/*----------------  #boutons------------- */
 #estim .btn.btn-default, .fond_estimation .btn.btn-default.nb, .formEnvoyer input {background: #001d3d;color: #fff;padding: 10px 15px;border: 1px solid #001d3d;border-radius: 2px;margin-top: 10px;}

.bt_valider_ordre input:hover, #estim .btn.btn-default:hover, #form_inscription .btn.btn-default:hover, .formEnvoyer:hover input {background: #222;color: #fff;border: 1px solid #222;}

.fond_estimation {background-color: #f5f5f5;padding: 20px;}
.inscription_legende {}


 /*----------------statique-----------------*/
.calLegende {background-color:#f1f1f1;padding:20px;width: 100%!important;text-align: center;margin-bottom: 40px;}
.page_statique h2 {clear: both;padding: 20px 0px 0px 0px; font-family: Montserrat, Arial, Helvetica, sans-serif;}
.page_statique h3 {padding: 20px 0px 0px 10px;font-size: 14px;font-style: italic;}
.page_statique h4 {padding: 20px 0px 0px 10px;font-size: 12px;}
.page_statique p {margin-bottom: 20px;}



 /*----------------paiement-----------------*/
.paiement  {background-color: #f8f8f8;width: 100%;padding:20px;float: left;}
.paiement h3 {display:none;}



/*----------------  #video youtube------------- */
.video-responsive { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
}

.video-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

.video-responsive { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
}

.video-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

/*----------------  #services------------- */
.feature-box p {margin: 8px 0 0 0;color: #000;}
.feature-box.fbox-center p {font-size: 12px;margin-top: 0px;}

.feature-box.fbox-center:not(.fbox-bg) h3::after {display: none;}
.fbox-effect .fbox-icon i::after {pointer-events: none;position: absolute;width: 60px;height: 60px;border-radius: 50%;content: '';display:none;}

.feature-box.fbox-center .fbox-icon {position: relative;width: 60px;height: 60px;margin: 0 auto 30px;}

.feature-box h3 {font-size: 15px;font-weight: 600;text-transform: none;letter-spacing: 1px;margin-bottom: 0;color: #001d3d; font-family: Montserrat, Arial, Helvetica, sans-serif;}

.fbox-effect.fbox-dark .fbox-icon i::after {box-shadow: 0 0 0 2px #fff;display:none;}
.feature-box.fbox-dark .fbox-icon i, .feature-box.fbox-dark .fbox-icon img {background-color: #fff;color: #001d3d;}
.feature-box .fbox-icon a, .feature-box .fbox-icon i, .feature-box .fbox-icon img {display: block;position: relative;width: 60px;height: 60px;color: #001d3d;}
.fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i {background-color: #fff;color: #001d3d;}
.feature-box.fbox-dark.fbox-outline .fbox-icon {border-color: #fff;}
.feature-box.fbox-dark .fbox-icon i, .feature-box.fbox-dark .fbox-icon img {background-color: #fff;}


/*----------------footer-----------------*/
img.logo_footer {width:175px;height:auto; margin-bottom:20px;}
.device-xxs img.logo_footer {width: 170px;height: auto;margin-bottom: 20px;margin-top: 20px;}


@media screen and (min-width: 1024px) {
 .elements-footer { text-align: center;}
}


@media (max-width: 991px) {
#primary-menu-trigger {top: 110%; }
#primary-menu ul li {padding-left: 20px;}
#primary-menu ul ul li {padding-left: 0px;}
#primary-menu > div > #top-search form {height: 40px !important; top: 10px;}
.services {padding: 20px 0px;}
.titre_page, .titre_page a, .titre_page a:visited {font-size: 16px; }

}

@media (max-width: 991px) {
 #top-search a { right: 20px;}
}


@media (min-width: 992px) {
.page_calendrier .col-md-10 { width: 75%;}

}

@media (min-width: 768px) {
.page_calendrier .col-md-10 { width: 75%;}

}

@media (max-width: 767px) {
 .entry-title h2, .post-grid .entry-title h2 {font-size: 15px !important; font-weight: 600; }
.page_calendrier .entry {padding: 20px 10px;}
 #top-search a { right: 40px;}
}

@media all and (min-width: 500px) and (max-width: 1199px) {
.ordre_true.product, .pageOrdre .ordre_true.product {height: 600px !important;}
.ordre_false.product, .pageOrdre .ordre_false.product {height: 620px !important;}
}

@media all and (min-width: 1200px) {
.ordre_true.product, .pageOrdre .ordre_true.product {height: 630px !important;}
.ordre_false.product, .pageOrdre .ordre_false.product {height:620px !important;}
.couvPasDispo {height: 254px;}

}


@media (max-width: 767px) {
.ordre_false.product, .pageOrdre .ordre_false.product {height: 630px !important;}
.services {padding: 20px 0px;}
.page_actualite .entry-c {width: 100%;float: left;}
.page_actualite .actualite .entry-image {width: 100%;float: left;margin-right: 0px;}

}