.ordre_false.product, .pageOrdre .ordre_false.product {
    height: 558px !important;
    width: 265px;
}


/*----------------  #bouton drouot------------- */
.bouton-drouot {
  background-color: black;
  color: #fff !important;
  border: 1px solid #fff;
  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 */
}


/*----------------  #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_estim  .video-responsive iframe {
	left: 0;
	top: 70px;
	height: 90%;
	width: 100%;
	position: absolute;
}



/*----------------  #LOGO -------------*/

#logo a img {
    transition: transform 0.3s ease-in-out;
}

#logo a:hover img {
    transform: scale(0.9);
}



/* Sur mobile */
@media (max-width: 767px) {
    #logo img {
        width: 250px !important;
        height: auto;
    }
}

/* Sur tablette et autres écrans moyens */
@media (min-width: 768px) and (max-width: 1199px) {
    #logo img {
        width: 250px !important;
        height: auto;
    }
}

/* Sur PC (écrans plus larges) */
@media (min-width: 1200px) {
    #logo img {
        width: 250px !important;
        height: auto;
    }
}


/*---------------- Page CP ----------------*/

.page_cp {
    text-align: center;
}

.page_cp img {
    width: 550px;
    height: auto;
    margin-bottom: 50px;
}

.page_cp h2,
.page_cp h3 {
    font-size: 28px;
    letter-spacing: 1px;
    text-align: center;
}

.page_cp h2 {
    margin-bottom: 30px;
}

.page_cp h3 {
    margin-bottom: 20px;
}

/*---------------- Bouton Villes ----------------*/

.bouton-villes,
a.bouton-villes,
a:link.bouton-villes {
    background: transparent;
    border: 0.5px solid #000;
    border-radius: 36px;
    opacity: 1;
    text-transform: uppercase;
    font-size: 11px;
    height: 35px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 35px !important;
    margin-top: 10px;
    padding: 0 11px;
}


/*---------------- Bouton Villes Responsive ----------------*/

@media all and (min-width: 1200px) {
    .bouton-villes,
    a.bouton-villes,
    a:link.bouton-villes {
        margin-right: 10px;
    }

    body.en .bouton-villes,
    body.en a.bouton-villes,
    body.en a:link.bouton-villes {
        margin-right: 26px;
    }
}

/*---------------- Panels ----------------*/

.panel-group .panel-heading {
    background-color: #f3f3f3;
}

/*---------------- Général ----------------*/

body {
    line-height: 1.4;
}

#content {
    background-color: #f3f3f3;
}

.si-share {
    display: none;
}

/*---------------- Tabs ----------------*/

.col-md-10 .tabs {
    margin-top: 50px;
}

.col-md-10 .nav-tabs {
    display: none;
}

/*---------------- Revolution Slider Arrows ----------------*/

.tparrows {
    background: transparent !important;
    width: 15px;
    height: 53px;
}

.tparrows.tp-leftarrow::before {
    content: none;
}

.tparrows::before {
    font-size: 0;
    color: transparent;
}



/*---------------- Flèches Tableaux ----------------*/
.flechetableaux {
    background-image: url("https://mauriceauction.com/uploads/Image/img_site/parenthesedroit.png") !important;
    background-position: right top;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    width: 9px !important;
    height: 32px !important;
    background-color: transparent !important;
    opacity: 1 !important;
    display: inline-block;
    top: 13px;
    position: absolute;
    right: 0;
}


/*---------------- fleches calendrier----------------*/
.home_calendrier .owl-carousel .owl-controls .owl-nav .owl-prev {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

.home_calendrier .owl-theme .owl-controls .owl-nav .owl-next {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

/*---------------- fleches slider ----------------*/
.tp-leftarrow.tparrows.gyges {
    background-image: url("https://mauriceauction.com/uploads/Image/img_site/flechegauche.png") !important;
}

.tp-rightarrow.tparrows.gyges {
    background-image: url("https://mauriceauction.com/uploads/Image/img_site/flechedroite.png") !important;
}


.tp-leftarrow.tparrows.gyges {
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    width: 125px;
    height: 40px !important;
    background-color: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
}


.tp-rightarrow.tparrows.gyges {
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    width: 125px;
    height: 40px !important;
    background-color: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/*---------------- Owl Carousel - Home Calendrier ----------------*/

.home_calendrier .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    position: absolute;
    top: 90px;
    left: 36px;
    zoom: 1;
    width: 36px;
    height: 36px;
    line-height: 0 !important;
    border: 0;
    background-color: transparent;
    font-size: 0 !important;
    color: transparent !important;
}

.home_calendrier .owl-theme .owl-controls .owl-nav .owl-next {
    background-image: url("https://mauriceauction.com/uploads/Image/img_site/parenthesedroit.png") !important;
    width: 15px !important;
    height: 53px !important;
    right: -10px !important;
    left: auto;
}

.home_calendrier .owl-carousel .owl-controls .owl-nav .owl-prev {
    background-image: url("https://mauriceauction.com/uploads/Image/img_site/parenthesegauche.png") !important;
    width: 15px !important;
    height: 53px !important;
    left: -10px !important;
    right: auto;
}

.home_calendrier .icon-angle-right::before,
.home_calendrier .icon-angle-left::before {
    content: none !important;
}

.home_calendrier .owl-next,
.home_calendrier .owl-prev,
.home_calendrier .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
    background: none repeat scroll 0 0 transparent !important;
    color: transparent !important;
    text-shadow: none;
    text-decoration: none;
}


/*---------------- Layouts divers ----------------*/

.device-lg .lotPhareImage,
.device-lg .bloc_home.fond.texte {
    max-height: 278px;
    min-height: 278px;
    overflow: hidden;
    margin-bottom: 16px;
}

.lotPhareImage,
.actualite .entry-image,
.bloc_home.fond.texte {
    margin-bottom: 16px;
}

.entry-image img {
    margin-bottom: 16px;
}

.layoutsExemple .entry-image {
    width: 150px;
}

.layoutsPage {
    min-height: 900px !important;
}

/*---------------- Estimations ----------------*/

.col-md-4.estimhome {
    padding-bottom: 30px;
}

.titreestim {
    font-size: 12px;
    letter-spacing: 1px;
    clear: both;
}

.module_estimation {
    text-align: center;
}


/*---------------- Layout général ----------------*/

.col-md-12 {
    float: left;
    width: 100%;
}

/*---------------- Images droites catalogue ----------------*/

.droite_catalogue img {
    max-width: 120px;
    height: auto;
}



/*---------------- Recherche lots ----------------*/

.lot_recherche .lotnum {
    font-size: 16px;
}


/*---------------- Pages et Textes ----------------*/

p,
p.text_condition {
    text-align: justify;
}

p.text_condition {
    margin: 15px 0;
}

ul {
    margin-left: 30px;
}

ul.number {
    list-style: decimal outside none;
    padding-left: 20px;
}


/*---------------- CGV ----------------*/

.noPadding.col-md-6.texteCGV {
    padding-left: 30px !important;
}


/*---------------- Pages Services et Étude ----------------*/
.page_services, 
.page_etude {
    text-align: justify;
    margin-bottom: 15px;
}


/*---------------- Bloc Vente Lieu ----------------*/
.bloc_vente_lieu {
    clear: both;
    color: #000;
    font-style: normal;
    margin-top: 4px;
    font-size: 12px;
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: 1px;
}


/*---------------- Marges hautes ----------------*/
.marginHaut {
    margin-top: 50px;
}


/*---------------- Icônes "Legal" en responsive ----------------*/

.device-sm [class^="icon-legal"] {
    margin-right: 0;
    padding-top: 34px;
}

/*---------------- Bouton Ghost ----------------*/

.btn.ghost {
    border: 1px solid #000;
    font-size: 11px;
    color: #000;
}

.btn.ghost:hover, 
.btn.ghost:active, 
.btn.ghost:focus {
    background-color: #000 !important;
    color: #fff !important;
}

/*---------------- Titres (h1 à h6) ----------------*/

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.3;
}

h1, h2 {
    margin-bottom: 20px;
}

h3, h4, h5, h6 {
    margin-bottom: 10px;
}

/*---------------- Produits Live / Online ----------------*/

.productOnline,
.productOnlineResult {
    clear: both;
}

/*---------------- Images Encart Lot et SalePhare ----------------*/

.image_encart_lot img, 
.salePhareImage img {
    margin-bottom: 16px;
}

/*--------------Header-------------*/
#header {clear: both;}

#top-cart {display: none;}

#top-bar {
    position: relative;
    height: 30px;
    line-height: 40px;
    font-size: 12px;
    background-color: #f3f3f3;
    color: #000;
    padding: 4px 0;
}


.top-links, 
.top-links a, 
.top-links a:visited {
    color: #000;
    font-size: 11px;
    line-height: 1.4;
    display: none;
}


.texteHeader {
    clear: both !important;
    display: none;
}


#top-social,
#top-social ul {
    display: none;
}

/* Langues (Français / Anglais) */
.languegb img,
.languefr img {
    display: none;
}
.languegb::after {
    content: " EN";
}
.languefr::after {
    content: " FR";
}

#top-bar .flags img, 
#top-bar #top-social {
    display: none;
}


/*----------------  #MENU -------------*/
.device-sm #primary-menu, .device-xs #primary-menu, .device-xxs #primary-menu {
    padding-left: 20px;
    padding-top: 20px;
}

/* Navigation générale */
nav {
    font-family: Roboto Condensed;
}

/* Sticky Header */
#header.sticky-header:not(.static-sticky) #header-wrap #top-search a i {
    position: absolute;
    top: 3px;
}

#header.sticky-header #header-wrap #logo img {
    width: 150px;
    height: auto;
    padding-bottom: 0;
    padding-top: 6px;
}

.device-md #header.sticky-header #header-wrap #logo img {
    width: 150px;
    height: auto;
    padding-bottom: 0;
    padding-top: 8px;
}

#header.sticky-header #header-wrap {
    height: 50px;
}

/* Menu principal */
#primary-menu.style-2 > div > ul > li > a i {
    line-height: 30px;
    color: #000;
    font-weight: bold;
    line-height: 33px;
}

#primary-menu.style-2 > div > ul > li > a i:hover {
    line-height: 33px;
    color: #555 !important;
    font-weight: bold;
}

#primary-menu ul ul a {
    font-size: 14px;
    color: #000 !important;
}

/* Padding pour différentes tailles d'écran */
.device-sm #primary-menu,
.device-xs #primary-menu,
.device-xxs #primary-menu {
    padding-left: 20px;
}

/* Sous-menu (niveau 2) */
#primary-menu ul ul li a {
    color: #000 !important;
    font-size: 13px;
    font-weight: normal;
    background-color: #f3f3f3;
    text-transform: none !important;
}


.device-md #primary-menu ul li a,
.en.device-md #primary-menu ul li a {
    padding-left: 10px;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    height: 35px;
}


/* Menu sous-menu (hover avec image) */
.device-sm #primary-menu ul > li.sub-menu > a,
.device-sm #primary-menu ul > li.sub-menu:hover > a {
    background-image: url("https://mauriceauction.com/uploads/Image/img_site/submenu.png");
    background-position: right center;
    background-repeat: no-repeat;
}

/* Menu Déroulant pour grands écrans */
@media (min-width: 1200px) {
    #primary-menu ul ul {
        opacity: 1;
        background-color: #FFF;
        box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05);
        border: 1px solid #EEE;
        border-top: 1px solid #000;
    }
}



/*---------------- top-search -----------------*/
#primary-menu-trigger {
    background-color: transparent !important;
}

/* Icone de recherche */
#top-search a i {
    top: 6px;
   left: 15px;
}

/* Champ de recherche */
#top-search .form-control {
    float: left;
    width: 80%;
    margin-left: 6%;
}

/* Placeholder dans le champ de recherche */
#primary-menu .container #top-search form input::placeholder {
    font-size: 16px;
    text-transform: none;
    font-weight: normal;
}

#primary-menu .container #top-search form input {
    color: #000 !important;
}

/* Réduire la taille de la police pour les petits écrans */
.device-xxs #primary-menu .container #top-search form input::placeholder {
    font-size: 14px;
    color: #000;
    text-transform: none;
    font-weight: normal;
}

/* Style du champ de recherche */
#top-search form input {
    background: #fff none repeat scroll 0 0;
    border-radius: 6px 0 0 6px;
    float: left;
    font-size: 16px;
    height: 55%;
    line-height: 25px;
    margin-top: 8px !important;
    padding: 5px 5px 5px 7px !important;
    width: 90%;
    font-weight: normal;
    color: #000;
}

/* Placeholder couleur */
#primary-menu .container #top-search form input::placeholder {
    color: #000 !important;
}

/* Marges pour la barre de recherche */
#top-search, #top-cart, #side-panel-trigger {
    margin: 11px 0 0 15px;
}

/* Ajustement pour les petits écrans */
.device-xxs #top-search form input,
.device-xs #top-search form input,
.device-sm #top-search form input {
    font-size: 12px;
}

/* Style de la loupe (icône de recherche) */
#top-search form input.loupe {
    background: #ffffff url(https://mauriceauction.com/uploads/Image/img_site/bt_loupe.png) no-repeat scroll 0 4px !important;
    height: 28px;
    width: 30px;
    color: #000;
    float: left;
    border-radius: 0px 6px 6px 0px;
    background-size: 78% 65% !important;
}

/* Espacements pour le menu avec recherche */
#primary-menu.style-2 > div #top-search {
    margin-top: 20px;
    margin-bottom: 0px;
}

/* Styles pour les petits écrans (header spécifique) */
.device-sm .header3 #top-search a,
.device-sm .header3 #top-cart,
.device-sm .header3 #side-panel-trigger {
    position: absolute;
    top: -92px !important;
}

/* Positionnement du formulaire de recherche */
#top-search form {
    top: 0px;
}

/* Style du titre du panier */
.top-cart-title p {
    color: #000;
}

/* Style du contenu du panier */
#top-cart .top-cart-content {
    border: 1px solid #EEE;
    border-top: 2px solid #000;
    top: 35px;
}

/* Icone de fermeture dans le panier */
#top-search a i.icon-line-cross {
    color: #000;
}

/* Espacement du contenu du panier dans le menu */
.style-2 .container #top-cart .top-cart-content {
    top: 30px;
}

/* Ajustement pour les petits écrans */
.device-sm #top-search form {
    top: 23px;
}

/* Background du contenu du panier */
#top-cart .top-cart-content {
    background-color: #f3f3f3;
}

/* Positionnement du panier pour les petits écrans */
.device-sm #top-cart .top-cart-content {
    top: 65px;
}



/*----------------   #carrousel Calendrier ------------- */

/* Titres des événements dans le calendrier */
.device-lg .home_calendrier .entry-title h2,
.device-md .home_calendrier .entry-title h2,
.device-sm .home_calendrier .entry-title h2,
.device-xs .home_calendrier .entry-title h2 {
    min-height: 46px;
    max-height: 46px;
    overflow: hidden;
    color: #000;
    letter-spacing: 1px;
}

.home_calendrier .entry-title h2,
.home_calendrier .entry-title h2 a,
.home_calendrier .entry-title h2 a:visited,
.home_calendrier .entry-title h2 a:hover {
    font-size: 12px !important;
    font-weight: bold;
    height: 43px;
    line-height: 1.3;
    text-transform: uppercase !important;
    margin-bottom: 7px;
    min-height: 46px;
    max-height: 46px;
    overflow: hidden;
    color: #000;
    letter-spacing: 1px;
}

/* Date des événements dans le calendrier */
.home_calendrier .bloc_vente_date {
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
    font-family: Roboto Condensed;
    letter-spacing: 1px;
}

/* Image de couverture lorsque non disponible */
.couvPasDispo {
    background: #fff url("https://mauriceauction.com/uploads/Image/img_site/nocouv.png") no-repeat center center;
    background-size: 100%;
    height: 238px;
    border: 1px solid #ccc;
    border-radius: 2px;
}

/* Réglages de la couverture pour différents appareils */
.device-lg .couvPasDispo { height: 169px !important; }
.device-sm .couvPasDispo { height: 259px !important; }
.device-md .couvPasDispo { height: 247px !important; }
.device-xs .couvPasDispo { height: 246px; width: 203px; }
.device-xxs .couvPasDispo { height: 217px !important; }

/* Masquer les indicateurs du carrousel */
.home_calendrier .owl-theme .owl-dots .owl-dot span { display: none; }

/* Carrousel pour les différents écrans */
.device-lg .home_calendrier .owl-carousel .owl-item,
.device-md .home_calendrier .owl-carousel .owl-item {
    min-height: 507px;
    padding: 10px;
}

.device-sm .home_calendrier .owl-carousel .owl-item { 
    min-height: 465px;
    padding: 10px;
}

.device-xxs .home_calendrier .owl-carousel .owl-item {
    padding: 10px;
    min-height: 512px;
}

/* Réglages d'image pour le carrousel vertical */
.home_calendrier .calendrierVertical .item:hover .verticalImage img {
    transform: none;
}

.device-lg .calendrierVertical .item .verticalImage img {
    overflow: hidden;
    max-height: 240px;
}

.device-xxs .calendrierVertical .item .verticalImage img {
    transform: none !important;
    height: auto;
    max-height: none;
    overflow: visible;
}

.device-xs .calendrierVertical .item .verticalImage img {
    transform: none !important;
    height: auto;
    max-height: 400px;
    overflow: visible;
}

/* Item actif dans le carrousel */
.device-lg .home_calendrier .owl-carousel .owl-item.active,
.device-md .home_calendrier .owl-carousel .owl-item.active,
.device-sm .home_calendrier .owl-carousel .owl-item.active {
    padding: 12px;
}

/* Espacements et tailles pour les petits écrans */
.device-xs .home_calendrier .owl-carousel .owl-item { 
    padding: 6px;
    min-height: 490px;
}

/* Titre vertical du calendrier */
.calendrierVertical .entry-title {
    float: left;
    padding-top: 14px;
}

/* Style des images des événements dans le carrousel vertical */
.calendrierVertical .item .verticalImage img {
    border: 0px solid #ccc;
    border-radius: 2px;
}

/* Réglages des flèches de navigation du carrousel */
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
    background-color: transparent !important;
    color: transparent !important;
    text-decoration: none;
}

.home_calendrier .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    top: 100px !important;
}

.device-sm .home_calendrier .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    top: 100px !important;
}

.device-xs .home_calendrier .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    top: 54px !important;
}

.device-xxs .home_calendrier .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    top: 17% !important;
}

/* Effet au survol d'une image dans le carrousel vertical */
.calendrierVertical .item:hover .verticalImage img {
    filter: grayscale(0);
    opacity: 1;
    filter: brightness(0.9);
}

/* Bouton fantôme pour le carrousel */
.home_calendrier .btn.ghost {
    border: 1px solid #2b2b2b;
}

.home_calendrier .btn.ghost:hover,
.btn.ghost:active,
.btn.ghost:focus {
    color: #fff !important;
}


/*----------------  #actualite home ------------- */


.actualites_home {
    margin-bottom: 50px;
    margin-top: 50px;
}

/* Entrées des actualités */
.actualites_home .entry {
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 11px;
    border-bottom: 0px solid #F5F5F5;
    float: left;
    width: 50%;
}

/* Image de l'actualité */
.actualites_home .entry.clearfix.actualite .entry-image {
    margin-right: 30px;
    width: 100%;
}

.actualites_home .entry.clearfix.actualite {
    float: left;
    padding-right: 50px;
    margin-bottom: 50px;
}

/* Contenu de l'actualité */
.actualites_home .entry-c {
    position: relative;
    overflow: hidden;
    float: left;
    clear: both;
    width: 100%;
}

/* Titre de l'actualité */
.actualites_home .entry-title h2,
.actualites_home .post-grid .entry-title h2,
.actualites_home .entry-title h2 a,
.actualites_home .entry-title h2 a:visited,
.actualites_home .entry-title h2 a:link {
    font-size: 12px;
}

/* Images dans le layout des exemples */
.actualites_home .layoutsExemple .entry-image img {
    border: 0px;
}

/* Hover sur les images dans les exemples */
.actualites_home .layoutsExemple .entry-image img a:hover {
    transform: scale(1);
    border: 0px;
}

/* Réglages pour les grands écrans */
.device-lg .actualites_home .actualite .entry-image {
    margin-bottom: 25px;
}

.device-lg .actualite .entry-image,
.device-lg .bloc_home.fond.texte {
    max-height: 280px;
    overflow: hidden;
    min-height: 280px;
    margin-bottom: 25px;
}


/*----------------boutons-----------------*/

/* Filtre de recherche */
#searchFiltre {
    background-color: #e1e1e1;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 15px;
}

/* Bouton de recherche dans le filtre */
#searchFiltre input.btRecherche {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 0 4px 4px 0;
}

/* Hover sur le bouton envoyer de l'ordre */
.envoyer_ordre .button.button-border:hover {
    background: #000;
}

/* Boutons 3D */
.button.button-3d,
.button.button-3d a {
    border-radius: 3px;
    border-bottom: 0px solid #000;
    color: #000;
    background-color: #fff;
}

/* Hover sur les boutons 3D */
.button.button-3d:hover {
    background-color: #000 !important;
    opacity: 0.9;
    border-bottom: 0px solid #000;
}

/* Bouton par défaut */
.btn-default {
    color: #000;
    background-color: #fff;
    border-color: #000;
}

/* Hover et focus sur le bouton par défaut */
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

/* Bouton avec une taille de texte spécifique */
.bouton {
    font-size: 11px;
    font-family: Playfair Display;
}


/*----------------  #encart_logo et réseaux  ------------- */

/* Logo dans l'encart */
.encart_logo img {
    width: 60px;
    text-align: center;
}

/* Texte des réseaux sociaux */
.texte-reseaux {
    float: left;
    text-align: left;
    padding-left: 10px;
    width: 80%;
    margin-bottom: 30px;
}

/* Titre de l'encart */
.encart_titre,
.encart_titre a {
    color: #000 !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    font-family: Playfair Display;
    text-align: left;
}

/* Image portrait */
.portrait img {
    margin-bottom: 30px;
    max-width: 300px;
}


/*----------------vendre-----------------*/
/*----------------  #feature-box  ------------- */

/* Titre de la feature-box */
.feature-box h3 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
}

/* Sous-titre dans la feature-box */
.feature-box h3 span.subtitle {
    display: block;
    margin-top: 5px;
    color: #444;
    font-weight: 300;
    text-transform: none;
    font-size: 11px;
}

/* Style de la feature-box avec fond */
.feature-box.fbox-bg.fbox-center {
    margin-top: 68px;
    padding: 68px 30px 30px;
    background-color: #f3f3f3;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
}

/* Résponsive : Taille des feature-box en fonction de la taille de l'écran */
.device-lg .feature-box.fbox-bg.fbox-center,
.device-md .feature-box.fbox-bg.fbox-center {
    min-height: 184px;
}

.device-sm .feature-box.fbox-bg.fbox-center {
    min-height: 198px;
}



/*----------------Slider-----------------*/
/* Style des flèches de navigation du slider */
.tparrows {
    background: #000;
    position: absolute;
    display: block;
}

.tparrows:hover {
    background: #555;
}

/* Style des exemples de mise en page (layouts) */
.layoutsExemple {
    margin-bottom: 10px;
}

/* Style du slider */
#slider {
    background: #f3f3f3;
    z-index: 10;
    margin-bottom: 30px;
    margin-top: 0px;
}


.tp-caption #slideTitleId {
    margin-bottom: 0px;
    text-align: center;
    text-transform: uppercase;
}

/* Style spécifique pour les titres de produits dans le slider */
.tp-caption.WebProduct-Title.tp-resizeme {
    font-size: 24px !important;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
}

/* Adaptation pour les très petits écrans */
.device-xxs .tp-caption.WebProduct-Title.tp-resizeme {
    font-size: 14px !important;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: bold;
    text-align: center;
}

/* Styles pour les écrans XS et XXS */
.device-xxs .tp-caption, .device-xs .tp-caption {
    font-size: 12px !important;
    line-height: 1.3;
    font-style: normal;
    color: #000;
    font-family: Playfair Display;
    text-align: center;
}

/* Style des liens dans les captions de produit */
.tp-caption.slidelink a span {
    font-family: Playfair Display;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
}


/*------------home------------- */
.bloc_home .lotPhare img {margin-bottom: 20px;}
.bloc_home .entry-image img {margin-bottom: 20px; height:auto;}
.fond {background-color:#f3f3f3; border-radius:3px;padding:20px;}

.device-lg  .layoutsExemple .bloc_home .entry-image {width: 350px;float: left;clear: both;margin-bottom:20px;}
.device-md .layoutsExemple .bloc_home .entry-image {width: 350px;float: left;clear: both;margin-bottom:20px;}
.device-sm .layoutsExemple .bloc_home .entry-image {width: 300px;float: left;clear: both;margin-bottom:20px;}
.layoutsExemple .bloc_home .entry-image {width: 350px;float: left;margin-right: 0; margin-bottom: 0px;}
.bloc_home .entry-c {width:100%; clear:both;float:left}

/* ------------ TITRES ------------ */
.titre_page,
.titre_page a,
.titre_page a:link,
.titre_page a:visited {
  color: #000;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 30px;
  text-align: left;
  font-size: 42px !important;
}


@media (max-width: 768px) {
  .titre_page {
    text-align: center;
    font-size: 30px !important;
  }
}

/* ------------ SOUS-TITRES ------------ */
.sous-titre,
.sous-titre a,
.sous-titre a:link,
.sous-titre a:visited {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 20px;
  text-align: left;
}

/* ------------ ENCARTS ------------ */
.encart_logo_colonne,
.belles_encheres {
  text-align: center;
}

/* ------------ TITRES D'ENTRÉE ------------ */
.entry-title h2,
.post-grid .entry-title h2,
.entry-title h2 a,
.entry-title h2 a:visited,
.entry-title h2 a:link {
  margin: 0;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 1.3;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
}

.device-xxs .entry-title h2,
.device-xxs .post-grid .entry-title h2,
.device-xs .entry-title h2,
.device-xs .post-grid .entry-title h2,
.device-sm .entry-title h2,
.device-sm .post-grid .entry-title h2 {
  font-size: 12px !important;
  line-height: 1.3;
}

/* ------------ ENCART TITRE ET TEXTE ------------ */
.encart_titre,
.encart_titre a {
  font-weight: 600;
  color: #000 !important;
  font-size: 12px;
  font-family: "Playfair Display", serif;
}

.encart_texte,
.encart_texte a {
  color: #000 !important;
  font-size: 12px;
}

/* ------------ BLOC DATE DE VENTE ------------ */
.bloc_vente_date {
  color: #000;
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  clear: both;
}


/* ---------------- #CARROUSEL HOME - RÉSULTATS ---------------- */
.belles_encheres_home .owl-carousel .owl-item img {
  margin: 20px auto;
  border-radius: 2px;
  height: 165px;
}

.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: 200px;
  width: 100%;
}

.belles_encheres_home {
  text-align: center;
  margin-top: 20px;
}

.owl-theme .owl-dots .owl-dot.active span {
  background-color: #000;
}

/* Attention ici : tu ciblais .owl-nav:hover, mais ce n'est pas un élément qui reçoit vraiment :hover.
   En général ce sont les sous-éléments (boutons de navigation) */
.owl-nav button.owl-prev:hover,
.owl-nav button.owl-next:hover {
  background-color: #fff;
}

.imgphare img {
  margin-bottom: 16px;
}

.verticalCarouselContent {
  border: 0 solid #fff;
  padding: 20px;
}

.verticalCarouselContent:hover {
  border: 1px solid #ccc;
  border-radius: 2px;
}


/* ---------------- #CARROUSEL COLONNE ---------------- */
.belles_encheres,
.belles_encheres_colonne,
.belles_encheres_specialites {
  text-align: center;
  margin-top: 20px;
}

/* Padding spécifique par device */
.device-lg .belles_encheres_colonne {
  padding: 0 20px;
}

.device-md .belles_encheres_colonne,
.device-xs .belles_encheres_colonne {
  padding: 0 20px;
}


.device-xs .belles_encheres_colonne {
  padding: 0 30px;
}

.device-sm .belles_encheres_colonne {
  padding: 0 80px;
}

.device-xxs .belles_encheres_colonne {
  padding: 0;
}

/* Correction et harmonisation */
.CarouselResultat {
  color: #000;
  margin-top: 4px;
  text-align: center;
  text-transform: none;
  font-weight: bold;
  background-color: white;
  padding-bottom: 20px;
}

/* Belle enchères spécialités */
.belles_encheres_specialites {
  text-align: center;
  padding: 0;
  margin-top: 0;
}

/* Belles enchères colonne : padding global par défaut */
.belles_encheres_colonne {
  padding: 20px;
}

/* Spécificité supplémentaire pour certains éléments internes */
.device-lg .belles_encheres_colonne .verticalCarouselContent {
  padding: 20px 40px;
}


/* ---------------- #CALENDRIER ---------------- */
.calendrier .btn.ghost {
  border: 1px solid #2b2b2b;
}

.calendrier .btn.ghost:hover,
.calendrier .btn.ghost:active,
.calendrier .btn.ghost:focus {
  color: #fff !important;
}

.calendrier_annees {
  margin-bottom: 60px;
}

.calendrier_annees .triAnnee {
  background-color: #fff;
  border-radius: 2px;
  color: #000;
  padding: 0 5px;
  font-size: 12px;
  border: 1px solid #000;
}

.calendrier_annees .triAnnee:hover {
  background-color: #555;
  color: #fff;
  border: 1px solid #555;
}

.triAnnee.annee1970 {
  display: none;
  background-color: #fff !important;
}

/* Bloc mois */
.bloc_mois_date {
  display: none;
}

/* Titres de la page calendrier */
.page_calendrier .entry-title h2 {
  text-transform: uppercase;
}

.page_calendrier .entry-title h2 a {
  font-size: 15px;
  line-height: 1.3;
}

.entry-title h2 a:hover {
  color: #555 !important;
}

/* Colonne d'affichage */
.device-lg .page_calendrier .col-md-10,
.device-md .page_calendrier .col-md-10,
.device-sm .page_calendrier .col-md-10 {
  width: 69%;
}

/* Images dans layouts exemple */
.layoutsExemple .entry-image img {
  border-radius: 4px;
  border: 0 solid #ccc;
}

/* Bloc mois affiché dans la page calendrier */
.page_calendrier .bloc_mois_date {
  color: #000;
  float: left;
  font-size: 19px;
  margin: 20px 0;
  padding: 5px;
  text-transform: uppercase;
  width: 100%;
}

/* Image des catalogues */
.layoutsExemple .calendrier .entry-image {
  width: 150px;
  float: left;
  margin-right: 0;
}

.col-md-2.entry-image.couverture_catalogue {
  padding-right: 5px;
}

/* Ajustement du carrousel */
.device-lg .calendrier .col-md-7 {
  width: 50%;
}

.device-sm .owl-demo {
  display: none;
}

/* Layouts exemple pour device-sm */
.device-sm .layoutsExemple .calendrier .entry-image {
  width: 150px;
  float: left;
  margin-right: 20px;
}

/* Image sans couverture catalogue */
.layoutsExemple .entry-image.no_couv.couverture_catalogue {
  background: #f5f5f5 url("https://mauriceauction.com/uploads/Image/img_site/widget_catalogue_no_couv.png") no-repeat center center;
  background-size: 99% 99%;
  height: 198px;
  width: 152px;
  margin: 0 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

/* Variante XS */
.device-xs .layoutsExemple .calendrier .entry-image {
  width: 100%;
  padding: 0 10px;
  margin-right: 0;
}

.device-xs .layoutsExemple .entry-image.no_couv.couverture_catalogue {
  background-size: 100% 100%;
  margin-right: 20px;
  margin-left: 10px;
}

/* Suppression habillage lot pour petits devices */
.device-xxs .habillage_lot_phare,
.device-xs .habillage_lot_phare {
  display: none;
}

/* Grande image pour très petits devices */
.device-xxs .layoutsExemple .entry-image.no_couv.couverture_catalogue {
  background-size: 100% 100%;
  height: 480px;
  width: 100%;
  margin: 0;
}

/* Correction entry-c */
.device-sm .page_calendrier .entry-c {
  width: 70%;
}

/* Ajustement pictos */
.device-xs .bloc_vente_pictos {
  float: left !important;
  width: 58%;
}

/* Suppression des points du carrousel sur page calendrier */
.page_calendrier .owl-theme .owl-dots .owl-dot {
  display: none;
}

/* Layouts exemple - entry image pleine largeur pour xs et xxs */
.device-xs .layoutsExemple .entry-image,
.device-xxs .layoutsExemple .entry-image {
  width: 100%;
  padding: 0;
}

/* Largeurs des blocs home */
.device-lg .layoutsExemple .bloc_home .entry-image {
  width: 350px;
  float: left;
  margin-right: 0;
}

.device-md .layoutsExemple .bloc_home .entry-image {
  width: 280px;
  float: left;
  margin-right: 0;
}

.device-sm .layoutsExemple .bloc_home .entry-image {
  width: 400px;
  float: left;
  margin-right: 0;
}

.device-xs .layoutsExemple .bloc_home .entry-image,
.device-xxs .layoutsExemple .bloc_home .entry-image {
  width: 100%;
  float: left;
  margin-right: 0;
}


/* ---------------- #CATALOGUE ---------------- */

/* Titres et textes */
.product-description h2 {
  text-transform: none !important;
}

.product-description h4 {
  font-size: 12px;
  font-weight: normal;
  line-height: 13px;
  color: #000;
  text-transform: none;
}

.product-title h3,
.product-title h3 a,
.single-product .product-title h2 a {
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  height: 30px;
  max-height: 30px;
  overflow: hidden;
  color: #000;
}

.product-title h3 a:hover,
.single-product .product-title h2 a:hover {
  color: #000;
}

.titre_informations_vente,
.titre_cgv {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  font-family: "Playfair Display";
}

/* Lot, vente, numéro */
.fiche_titre_lot h1 {
  font-size: 14px !important;
  margin-bottom: 5px;
  clear: both;
  color: #000;
  font-weight: bold;
  font-family: "Playfair Display";
}

.lotnum,
.num_lot {
  color: #000;
  font-size: 25px;
}

.lot_recherche .lotnum {
  font-size: 16px;
}

.fiche_lot_num {
  font-size: 35px;
  color: #000;
  font-weight: bold;
  float: left;
}

.fiche_lot_resultat {
  color: #000;
}

.single-product .fiche_lot_resultat {
  background: #000;
  color: #fff;
  padding: 5px;
  float: left;
  border-radius: 2px;
  margin: 10px 0;
}

.sale-flash2 {
  width: 100%;
  float: left;
  font-weight: bold;
  color: #000;
}

/* Informations de vente */
.nom_vente {
  color: #000;
  font-weight: 600;
  font-size: 16px;
}

.lieu_vente {
  color: #000;
  font-size: 16px;
  line-height: 17px;
  font-style: italic;
  margin-bottom: 10px;
  text-align: left;
  clear: both;
}

.date_vente {
  color: #000;
  font-weight: 500;
  line-height: 1.3;
}

/* Pagination */
.pagination .currentStep {
  background: #000;
  color: #fff;
  padding: 8px 12px;
  margin: 0 2px;
}

/* Catalogue visuel */
.product {
  border: 1px dotted #ccc;
}

.product-image {
  position: relative;
  width: 100%;
  height: 300px !important;
  overflow: hidden;
}

.product-image.no_picture {
  background: #f5f5f5 url("https://mauriceauction.com/uploads/Image/img_site/no_picture.png") no-repeat center center;
  background-size: 80% 80%;
  width: 100% !important;
  height: 170px !important;
  padding-right: 20px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

/* Top cart */
#top-cart > a > span {
  background-color: #fff;
  color: #000;
}

/* Divers */
h4.modal-title {
  color: #000;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

form {
  margin-top: 30px;
}

.text_info {
  padding-top: 20px;
}

.vente_theme {
  padding-bottom: 20px;
  color: #000;
}

.product-overlay a:hover {
  background-color: #000;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

input.texte1[type="submit"],
button.texte1 {
  background: #000;
}

/* Titre ordre phrase */
.col-md-12.titre_ordre_phrase {
  margin: 30px 0;
  clear: both;
  width: 100%;
  color: #000;
}

.titre_ordre_phrase.liste {
  background-color: #e1e1e1;
  font-family: "Playfair Display";
}

/* Page title mini */
#page-title.page-title-mini h1,
.device-xxs #page-title.page-title-mini h1 {
  font-weight: 300;
  font-size: 13px;
  color: #000;
}

/* Icones info */
.jq-icon-info {
  background-color: #000 !important;
  color: #fff;
  border-color: #000 !important;
}

/* Texte produit */
.product-desc {
  font-size: 12px;
}


/* ---------------- #ACTUALITÉ ---------------- */

/* Images */
.actualite .layoutsExemple .entry-image,
.page_actualite .actualite .entry-image img {
  width: 160px;
  float: left;
  margin-right: 20px;
  padding-right: 20px;
}

.layoutsExemple .actualiteCol1 .entry-image {
  width: 350px !important;
  margin-right: 30px;
}

/* Responsive */
.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: 0;
}

/* Colonnes */
.device-sm .entry-c {
  width: 66%;
}

.actualite_droite .entry-c {
  position: relative;
  overflow: visible; /* Correction de "overflow: none" qui n'existe pas */
}


/* ---------------- #SPÉCIALITÉS ---------------- */

/* Grille */
.carreSpecialites.col-md-4 {
  width: 50%;
  height: 360px;
  float: left;
  margin-bottom: 30px;
  margin-right: 30px;
}

.device-md .carreSpecialites.col-md-4 {
  height: 340px;
}

.device-sm .carreSpecialites.col-md-4,
.device-xs .carreSpecialites.col-md-4 {
  width: 50%;
  margin-bottom: 30px;
}

.device-sm .carreSpecialites.col-md-4 {
  height: 360px;
}

.device-xs .carreSpecialites.col-md-4 {
  height: 240px;
}

.device-xxs .carreSpecialites.col-md-4 {
  width: 100%;
  height: 340px;
}

.carreSpecialites {
  margin-bottom: 80px;
  height: 250px; /* attention : ce height est aussi défini plus haut sur .col-md-4, tu veux conserver ? */
}

/* Contenu des carreaux */
.carreSpecialites.col-md-4 div {
  padding: 10px 0;
  margin-top: 0;
  margin-bottom: 30px;
}

/* Titres */
.titrespecialites {
  background-color: transparent;
  opacity: 1;
  text-align: left;
  text-transform: uppercase;
  font-size: 20px;
  color: #000;
  font-weight: 400;
  letter-spacing: 0px;
  float: left;
  font-family: "Playfair Display", Arial, Helvetica, sans-serif;
  padding-top: 20px;
}

/* Sous-titre (experts) */
.titre_expert {
  color: #444;
  text-transform: none;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  border-bottom: 1px solid #DDD;
  padding: 0 0 9px 0;
  margin: 10px 0 20px 0;
  width: 100%;
  display: inline-block;
}

.device-sm .titre_expert {
  margin-bottom: 30px;
  float: left;
  clear: both;
  width: 100% !important;
}

/* Page Spécialités */
.page_specialites {
  text-align: justify;
}

/* Menu actif */
.specilitesPage .nav-pills > li.active > a {
  background-color: #f3f3f3;
  color: #000;
}



/* ---------------- #FORMULAIRES ---------------- */

/* Fonts pour titres et étapes */
.titre_ordre_etape,
.titre_ordre_phrase,
.num_etape_trois,
.num_etape_deux,
.num_etape_un,
.texte_etape_un,
.texte_etape_deux,
.texte_etape_trois,
.inscription_etape,
.calendrier_theme,
.inscription_legende {
  font-family: 'Playfair Display';
}

/* Mise en forme formulaire estimation */
#estim {
  margin-top: 30px;
  margin-bottom: 70px;
}

#estim input,
#estim textarea {
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  width: auto;
  padding: 5px 10px;
  color: #000 !important;
}

#estim .row {
  margin-bottom: 10px;
}

/* Étapes formulaire */
#etape1,
#etape2,
#etape3,
#droit {
  padding: 20px;
  margin: 0;
  width: 100%;
}

#etape2 > div:nth-child(2) > div:nth-child(1) > input:nth-child(1) {
  margin-left: -15px;
}

/* Boutons */
.button {
  background-color: #000;
}

.button.button-3d:hover {
  background-color: #555 !important;
  opacity: 0.9;
}

.page_vendre .button {
  background-color: #eee;
  color: #000;
  text-shadow: none;
}

.page_vendre .button:hover {
  background-color: #555;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

/* Boutons spécifiques */
button .bt_valider_ordre input,
#estim .btn.btn-default,
.fond_estimation .btn.btn-default.nb,
.formEnvoyer input,
#form_inscription .btn.btn-default {
  background: transparent;
  border: 0.5px solid #000;
  border-radius: 36px;
  opacity: 1;
  text-transform: uppercase;
  font-size: 14px;
  height: 35px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  line-height: 35px !important;
  margin-top: 10px;
  padding: 0 30px;
  color: #000;
}

.bt_valider_ordre input:hover,
#estim .btn.btn-default:hover,
#form_inscription .btn.btn-default:hover,
.formEnvoyer:hover input {
  background: #000;
  border: 0.5px solid #000;
  border-radius: 36px;
  opacity: 1;
  color: #fff !important;
}

/* Zone estimation */
.fond_estimation {
  background-color: #f3f3f3;
}

.page_newsletter .fond_estimation {
  background-color: #f3f3f3;
  float: left;
}

/* Labels formulaire */
.freeForm .label {
  float: left;
  font-size: 14px;
  width: 280px;
  color: #000;
  text-align: left;
}

/* Casse mobile */
.device-xs .freeForm .label {
  width: 100%;
}

/* Marges formulaires inscription */
.row.inscription_etape_un,
.row.inscription_etape_deux,
.row.inscription_etape_trois {
  border-bottom: 0;
  margin-bottom: 15px !important;
}

/* Newsletter */
.newsletter_lettrine {
  display: none;
}

.newsletter_theme {
  font-size: 11px;
}

.device-lg .newsletter_colonne,
.device-md .newsletter_colonne,
.device-sm .newsletter_colonne {
  float: left;
  width: 33%;
}

.device-md .newsletter_chekbox_txt,
.device-sm .newsletter_chekbox_txt {
  font-size: 12px !important;
}

/* Corrections responsive très petit écran */
.device-xxs .col-sm-3.inscription_legende,
.device-xs .col-sm-3.inscription_legende {
  padding-right: 0;
}

.device-xxs input[type=email],
.device-xxs input[type=email_bis] {
  width: 100%;
}

.device-xs input[type="radio"],
.device-sm input[type="radio"] {
  width: 14px !important;
}

.device-xs #estim textarea,
.device-xxs #estim textarea {
  width: 100% !important;
}

.device-xs #estim input[type="radio"],
.device-sm #estim input[type="radio"] {
  width: 14px !important;
}

/* Inputs spécifiques */
input[name="montant"][type="text"] {
  width: auto;
}

.device-xxs textarea[name="commentaire"] {
  width: 100%;
}


/* ---------------- FORMULAIRE DE CONTACT ---------------- */
.formulaireContact {
  padding: 20px;
  background: #f3f3f3;
  border-radius: 8px;
}

.formulaireContact .col-sm-3.inscription_legende {
  width: 160px;
  font-weight: 600;
  color: #000;
}

.formulaireContact .col-sm-9,
.formulaireContact .col-sm-2 {
  margin-bottom: 20px;
}

.formulaireContact .col-sm-2 {
  width: 83px;
  padding-left: 0;
  padding-right: 0;
}

.formulaireContact input[type="text"],
.formulaireContact input[type="email"],
.formulaireContact textarea {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  font-size: 14px;
  color: #000;
  margin-bottom: 15px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}

.formulaireContact input[type="text"]:focus,
.formulaireContact input[type="email"]:focus,
.formulaireContact textarea:focus {
  border-color: #000;
}

.formulaireContact #dsi-submit-btn {
  background: #000;
  color: #fff;
  border: 1px solid #000;
  border-radius: 36px;
  padding: 10px 30px;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.formulaireContact #dsi-submit-btn:hover {
  background: #555;
  border-color: #555;
}

.device-xxs .formulaireContact input[type="civilite"] {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .formulaireContact {
    padding: 15px;
  }

  .formulaireContact .col-sm-3.inscription_legende {
    width: 100%;
    margin-bottom: 10px;
  }

  .formulaireContact .col-sm-9,
  .formulaireContact .col-sm-2 {
    width: 100%;
  }
}


/* ----------------- PAIEMENT ----------------- */
.paiement {
  background-color: #f3f3f3;
  width: 100%;
  padding: 20px;
  margin-top: 40px;
  margin-bottom: 20px;
  border-radius: 8px;
}

.paiement h3 {
  display: none; /* Pour ne pas afficher le titre */
}

/* ------------------- CGU - LEGAL ------------------- */
.calLegende {
  background-color: #eee;
  padding: 20px;
  width: 100% !important;
  text-align: center;
  margin-bottom: 40px;
  font-size: 16px;
  border-radius: 8px;
}

.page_statique {
  text-align: justify;
}

.page_statique h2 {
  clear: both;
  padding: 30px 0 0 0;
  text-transform: uppercase;
  font-size: 22px;
  color: #333;
}

.page_statique h3,
.page_statique h4 {
  padding: 20px 0 0 10px;
  font-size: 16px;
  font-family: Playfair Display;
  color: #444;
}

.page_statique.acheter td, th {
  padding: 10px !important;
}

.ptmenu {
  font-size: 13px;
  text-transform: uppercase;
  color: #000;
}

.device-lg .imgstatique,
.device-md .imgstatique,
.device-sm .imgstatique {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.btnstatique {
  border: 0.5px solid #000;
  border-radius: 36px;
  opacity: 1;
  text-transform: uppercase;
  font-size: 14px;
  height: 49px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  line-height: 49px !important;
  background-color: #f3f3f3;
  color: #000;
  transition: background-color 0.3s ease;
}

.btnstatique:hover {
  background-color: #000;
  color: #fff;
}

.page_guide .btnstatique {
  width: 238px;
  font-family: Roboto Condensed;
  margin-top: 20px;
}

.page_guide .btnstatique:hover {
  background-color: #000;
  color: #fff;
}

.device-lg img.visuseparation,
.device-md img.visuseparation {
  width: 500px;
  height: auto;
  margin-bottom: 20px;
}

.device-xs img.visuseparation,
.device-xxs img.visuseparation {
  width: 100%;
  height: auto;
}

.col-md-3.strombi {
  padding-bottom: 30px;
}

.device-lg .visuelspages,
.device-md .visuelspages,
.device-sm .visuelspages {
  margin-bottom: 20px;
}

.device-lg .visuelvaleur,
.device-md .visuelvaleur,
.device-sm .visuelvaleur {
  width: 100%;
  margin-bottom: 20px;
}

.page_acheter,
.page_vendre,
.page_guide,
.page_maurice {
  text-align: justify;
}

.page_maurice h4 {
  text-transform: uppercase;
  font-family: Playfair Display;
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 10px;
}

.soustitreacheter {
  font-size: 11px;
  line-height: 1.2 !important;
  clear: both;
  text-transform: uppercase;
}

.page_acheter.acheter .col-md-2 {
  width: 16%;
  text-align: center;
  margin-bottom: 20px;
}

.page_acheter h4 {
  padding: 10px 0 5px 0;
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
  width: 100%;
}

.page_acheter .subtitle {
  font-size: 11px;
  line-height: 1.3;
}

.titrefleche {
  padding-right: 3px;
  text-align: center;
  min-height: 70px;
  display: inline-block;
}

.page_acheter h2.WidgetTitle.titre_page {
  font-size: 28px;
  line-height: 1.3;
}

.page_guide h2 {
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 7px;
  margin-top: 30px;
  text-align: left;
}

.page_specialites h2.WidgetTitle.titre_page,
.page_specialites h2.WidgetTitle.titre_page a,
.page_specialites h2.WidgetTitle.titre_page a:link,
.page_specialites h2.WidgetTitle.titre_page a:visited {
  font-size: 30px !important;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 30px;
  color: #000;
}

.device-sm h2.WidgetTitle.titre_page a:visited {
  font-size: 30px !important;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  color: #000;
}

.module_calendrier .titre_page {
  margin-top: 70px;
}

.titre_savoirplus {
  text-transform: uppercase;
  font-size: 14px;
  padding-top: 0;
  margin-bottom: 20px;
  text-decoration: underline;
  text-align: left;
}


.device-sm .col-md-3.estimhome {
  width: 100%;
  float: none;
  text-align: center;
}

.device-sm .col-md-12.estimhome {
  width: 100%;
  float: none;
  text-align: center;
  padding-bottom: 40px;
}

.sstitre {
  text-align: left;
}

.device-sm .sstitre {
  text-align: center;
}


/* -------------------- #FOOTER -------------------- */
#footer {
  font-family: 'Roboto Condensed', 'Playfair Display', sans-serif;
  letter-spacing: 1px;
  color: #fff !important;
  background-color: #000;
}

.cpgen-footer {
  background: #000;
}

.social-icon.si-small {
  color: #fff;
}

.copyright-links, .copyright-links a, .copyright-links a:visited {
  font-size: 11px;
  color: #fff;
}

.copyright-links a:hover {
  color: #fff;
}

.copyrights-text {
  font-size: 11px;
  color: #fff;
}

#copyrights {
  font-size: 11px;
  line-height: 1.5;
}

.device-lg .adresse, .device-md .adresse {
  text-align: right;
}

.device-sm .adresse {
  text-align: center;
}

.device-lg #footer .flags, .device-md #footer .flags {
  clear: none;
  float: right;
  margin-left: 20px;
}

img.logo_footer {
  width: 210px;
  height: auto;
}

.droits {
  font-size: 11px;
  clear: both;
  float: left;
  line-height: 1.3;
}

#footer .flags img {
  width: 24px !important;
}

#footer .flags a img {
  opacity: 0.6;
}

#footer .flags a:hover img {
  opacity: 1;
}

.imgdrouot {
  width: 45px;
  height: auto;
  margin-bottom: 20px;
}

.social-icon.si-small {
  display: none;
}

.device-xxs #footer, .device-xs #footer {
  text-align: center;
}

.device-sm #copyrights {
  font-size: 9px;
  line-height: 1.5;
}

/* Mobile Specific */
@media (max-width: 991px) {
  #top-search form input {
    font-size: 16px;
    height: 28px;
    line-height: 25px;
    padding: 5px 5px 5px 7px !important;
    width: 85%;
    color: #000;
  }

  .col-md-10.entry-c {
    width: 100%;
  }

  .device-sm .col-md-10.entry-c {
    width: 75%;
  }

  .entry-c {
    width: 100%;
  }

  .product:not(.product-2):not(.product-3) .product-title h3 {
    font-size: 12px;
    line-height: 1.3;
  }

  .logo_footer {
    width: 250px;
    height: auto;
    padding-top: 0px;
    margin-bottom: 0px;
  }

  .page_calendrier .entry-title h2 {
    font-size: 12px;
    line-height: 1.3;
  }

  .nom_vente {
    font-size: 15px;
  }

  #top-search a {
    right: 43px;
    margin-top: 45px;
  }

  #top-search a, #top-cart {
    top: -8px;
  }

  .col_one_third {
    text-align: center !important;
    padding: 20px;
    width: 100%;
  }

  .copyright-links, .copyright-links a, .copyright-links a:visited {
    font-size: 11px;
    color: #000;
  }

  .droits {
    font-size: 10px;
  }

  .titre_savoirplus {
    text-align: center !important;
    padding-bottom: 80px;
  }

  .carreSpecialites {
    height: auto;
    margin-bottom: 80px;
  }

  .titre_page {
    font-size: 24px !important;
  }

  h1 {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }

  h1.nom_vente {
    font-size: 16px;
  }

  .page_cp h2 {
    font-size: 22px;
    letter-spacing: 1px;
  }

  .page_cp h3 {
    font-size: 18px;
    letter-spacing: 1px;
  }
}



/* -------------------- MEDIA QUERIES -------------------- */

  /* Alignement du footer à droite */
  #footer .textAlignRight {
    text-align: center;
  }

  /* Image d'actualité */
  .page_actualite .actualite .entry-image {
    width: 130px;
    float: left;
    margin-right: 20px;
  }

  /* Layout des colonnes dans le footer */
  #footer .col-md-3 {
    width: 100%;
    text-align: center;
    float: left;
  }

  /* Réduction de l'espace des icônes légales */
  [class^="icon-legal"] {
    margin-right: 0px;
    padding-top: 30px;
  }

  /* Espacement des colonnes dans le footer */
  .col_full, .col_half, .col_one_third {
    margin-bottom: 20px !important;
  }

  .droits {
    margin-bottom: 20px;
  }

  /* Image de l'équipe */
  .team-image > a, .team-image img {
    padding-top: 0px;
  }

  /* Ajustement du logo du footer */
  #copyrights .footer-logo {
    margin-left: auto;
    width: 220px;
    height: auto;
  }

  /* Flèches du slider */
  .tp-leftarrow.tparrows.gyges,
  .tp-rightarrow.tparrows.gyges {
    background-size: 70% !important;
    width: 111px !important;
    height: 40px !important;
    background-color: transparent;
    background-repeat: no-repeat !important;
    background-position: center center;
  }

  /* Ajustement de la taille du titre des pages */
  .titre_page, .titre_page a, .titre_page a:link, .titre_page a:visited {
    font-size: 24px !important;
  }

  h1 {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }

  /* Page guide, titre */
  .page_guide h2 {
    font-size: 20px;
    text-align: left;
  }

  /* Ajustement du panier */
  #top-cart .top-cart-content {
    top: 65px;
  }


  /* Images dans la page CP */
  .page_cp img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
  }

  /* Boutons "villes" */
  .bouton-villes, a.bouton-villes, a:link .bouton-villes {
    font-size: 12px;
    width: 100%;
    text-align: center;
  }

  /* Vidéo responsive */
  .video-responsive {}
  .video_estim .video-responsive iframe {
    left: 0;
    top: 40px;
    height: 85%;
    width: 100%;
    position: absolute;
  }
}

/* -------------------- For small mobile (max-width: 480px) -------------------- */
@media (max-width: 480px) {
  .page_actualite .actualite .entry-image {
    width: 100%;
    float: left;
    margin-right: 0px;
  }

  .page_actualite .entry-c {
    width: 100%;
  }

  /* Taille ajustée pour les produits */
  .ordre_true.product, .pageOrdre .ordre_true.product {
    height: 630px !important;
  }

  .ordre_false.product, .pageOrdre .ordre_false.product {
    height: 600px !important;
  }

  /* Ajustement du bouton de recherche */
  #top-search a i {
    top: -11px;
  }


  /* Ajustement des flèches du slider */
  .tp-leftarrow.tparrows.gyges,
  .tp-rightarrow.tparrows.gyges {
    background-size: 60% !important;
    width: 111px !important;
    height: 40px !important;
    background-color: transparent;
  }

  /* Disparition des liens "top-links" */
  .top-links, .top-links a, .top-links a:visited {
    display: none;
  }

  /* Ajustement du titre des pages */
  .titre_page, .titre_page a, .titre_page a:link, .titre_page a:visited {
    font-size: 22px;
  }

  /* Ajustement des boutons */
  .btnstatique {
    width: 265px;
  }

  .btnstatique:hover {
    width: 265px;
  }
}

.ordre_false.product {
    height: 600px;
}


/* -------------------- Language flags -------------------- */
.languegb img, .languefr img {
  display: none;
}

.languegb::after {
  content: " EN";
}

.languefr::after {
  content: " FR";
}
