#primary-menu ul ul a {font-size: 14px;}

a img {
  transition: transform 0.3s ease-in-out;
}

a img:hover {
  transform: scale(1.01);
}

/*----------------texte accueil----------------*/
.text_home {
        font-size: 22px;
        font-weight: 600; /* Semi-bold */
}

@media screen and (max-width: 767px) {
    .text_home {
        font-size: 14px;
        font-weight: 600; /* Semi-bold */
    }
}


/*----------------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;
}

/*------------------ Header ------------------*/
#header.sticky-header #header-wrap img {
    max-height: 60px;
    width: 43px;
}

/*------------------ Top Links ------------------*/
.top-links a i.icon-call {
    font-size: 22px;
    margin-left: 12px;
}

/*------------------ Sélection de texte ------------------*/
*::-moz-selection {
    background: #333 !important;
    color: #fff;
    text-shadow: none;
}

/*------------------ Formulaire newsletter ------------------*/
.formulaire_newsletter {
    background-color: #F3F3F3;
    padding: 30px;
}

/*------------------ Alertes ------------------*/
.alert-info {
    background-color: #f5e1a4;
    border-color: #f5e1a4;
    color: #000;
}

/*------------------ Encarts logo colonne 1 ------------------*/
.encart_logo_colonne1 {
    background-color: #FFF;
    padding: 10px;
    text-align: center;
    margin: 20px 0 60px;
}

/*------------------ Boutons service ------------------*/
.btn-service {
    color: #000 !important;
    background-color: #f5e1a4;
    border-color: #f5e1a4;
}

.btn-service:hover {
    color: #fff !important;
    background-color: #000;
    border-color: #000;
}

/*------------------ Boutons larges ------------------*/
.btn-lg,
.btn-group-lg > .btn {
    padding: 6px 3px;
    font-size: 10px;
    line-height: 1.3333333;
    border-radius: 2px;
    margin: 15px 0;
}

/*------------------ Toast messages ------------------*/
.jq-toast-wrap a:link,
.jq-toast-wrap a:visited {
    color: #000;
}

/*------------------ Liens dans titres ------------------*/
.entry-title h2 a:hover {
    color: #d6c487;
}

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

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

/*----------------logo---------------*/
/* Taille du logo par défaut (grands écrans) */
#logo img {
  width: 120px;
  left: 120px;
  height: auto;
  padding-bottom: 20px;
}

/* Réduction du logo pour les petits écrans (moins de 768px de large) */
@media (max-width: 768px) {
#logo img {
   width: 100px;
  left: 0px;
  }
}


/*------------------ Boutons estimation home ------------------*/
a.bouton-estimation-vente {
    text-transform: uppercase;
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #000;
    padding: 8px 20px;
    border-radius: 2px;
    transition: background-color 0.3s;
    font-size: 1.1em;
    font-weight: 600;
    display: inline-block;
}

.bouton-estimation-vente:hover {
    background-color: #f5e1a4;
    color: #000 !important;
}


/*------------------ Media queries ------------------*/
@media (max-width: 768px) {
    .bouton-estimation-vente {
        font-size: 0.8em;
    }
}

@media (max-width: 480px) {
    .bouton-estimation-vente {
        font-size: 0.7em;
        padding: 8px 15px;
    }
}


/*------------------ Produits live / online ------------------*/
.productLive {
    display: none;
}

.productOnline,
.productOnlineResult {
    clear: both;
}


/*------------------ Corrections bugs affichage ------------------*/
.layoutsPage {
    min-height: 900px !important;
}

.layoutsExemple.col-md-12 {
    clear: both;
}

.device-xxs .layoutsExemple.col-md-4,
.device-xs .layoutsExemple.col-md-4 {
    padding-right: 0;
    padding-left: 0;
    clear: both;
}

.device-sm [class^="icon-legal"],
.device-xs [class^="icon-legal"] {
    margin-right: 0;
    font-weight: 500;
}

.si-share .social-icon {
    display: none;
}

.col_full,
.col_half,
.col_one_third {
    margin-bottom: 20px;
    float: left;
}

.date_vente {
    text-transform: none;
}

.layoutsExemple .entry-image {
    width: 170px;
}


/*------------------ #header ------------------*/
#top-social li {
    border-left: 0 !important;
}

#top-social li a {
    font-weight: bold;
    color: #000;
}

#header.sticky-header #header-wrap {
    height: 50px;
    background-color: #ffffff;
    color: #000000;
}

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > ul,
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > .mega-menu-content,
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li.mega-menu > .mega-menu-content {
    top: 45px;
}


/*------------------ #menu ------------------*/
nav {
    letter-spacing: 1px;
}

nav a:link {
    color: #000;
}

nav a:hover {
    color: #000 !important;
}

#primary-menu.style-2 > div > ul > li > a {
    font-weight: 500;
    color: #000;
    line-height: 42px;
}

#primary-menu > ul > li:hover a,
#primary-menu > ul > li.current a {
    font-weight: 500;
}

.header2 #primary-menu {
    padding-top: 56px;
}

#header.sticky-header:not(.static-sticky) #primary-menu {
    padding-top: 0;
}

#primary-menu ul ul {
    font-size: 13px !important;
    color: #000 !important;
    letter-spacing: 0;
    text-transform: none;
}


#primary-menu.style-2,
#primary-menu.style-2 > div > ul,
#primary-menu.style-2 > div > ul > li > a {
    height: 45px;
}

#primary-menu ul li a {
    color: #000;
}

#primary-menu.style-2 > div #top-search,
#primary-menu.style-2 > div #top-cart,
#primary-menu.style-2 > div #side-panel-trigger {
    margin-top: 13px;
    margin-bottom: 4px;
}

#top-cart .top-cart-content {
    border-top: 2px solid #f5e1a4;
    top: 40px;
}

#primary-menu.style-2 > div > ul > li > a i {
    line-height: 27px;
    font-weight: bold;
}

.style-2 .container #top-cart .top-cart-content {
    top: 27px;
}

/* Responsive menu padding et font-size par langue */
body.en.device-lg #primary-menu ul li a {
    padding-left: 20px;
    padding-right: 20px;
}

body.en.device-md #primary-menu ul li a {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 15px;
}

body.en.device-sm #primary-menu ul li a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
}

/*------------------ Responsive menu ------------------*/
@media (min-width: 1024px) {
    #primary-menu ul ul {
        opacity: 1;
        z-index: 100;
        background-color: #fff;
        box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.05);
        border: 1px solid #EEE;
        border-top: 1px solid #000;
    }
}

@media (max-width: 991px) {
    #header.sticky-style-2 #header-wrap,
    #header.sticky-style-3 #header-wrap {
        min-height: 40px;
    }
}


/*----------------recherche----------------*/
.button.button-3d:hover {background-color: #f5e1a4 !important;}
.btn-primary {color: #f5e1a4;background-color: #fff;border-color: #f5e1a4;}
.button {background-color: #f5e1a4;color: #fff;border-color: #f5e1a4;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {color: #fff;background-color: #f5e1a4;border-color: #f5e1a4;}
.device-sm .btn-primary {margin-top: 50px;}
.device-xxs input[type="text"] {width: 80% !important;}
#top-search form input.loupe {background: #ffffff url(https://hoteldesventes-saintomer.fr/uploads/Image/img_site/bt_loupe.png) no-repeat scroll 0 4px !important;height: 30px;width: 30px;color: #000;float: left;border-radius: 0px 6px 6px 0px;background-size: 100% 100%;}

#primary-menu .container #top-search form input {color: #444 !important;}
#primary-menu .container #top-search form input::placeholder {color: #444 !important;font-size: 13px;}
#top-search form input {font-size: 13px;padding: 0 14px 0 10px;}
#top-search form input {height:80%;}
.device-sm #top-search form input {height: 370%;}
#top-search form {top: 0px;background-color: #fff;}
#primary-menu.style-2 > div #top-cart {margin-bottom: 0px;}
.device-xxs .ordre_false.product .device-xxs .pageOrdre .ordre_false.product, .device-xxs .ordre_true.product, .device-xxs .pageOrdre .ordre_true.product {width: 100%; height: 630px !important;}
.ordre_true.product, .pageOrdre .ordre_true.product {height: 630px !important;}
.ordre_false.product, .pageOrdre .ordre_false.product {height: 590px !important;}
.odd {background-color: #ededed;}
#top-cart > a > span {right: 10px;}
#searchFiltre input.btRecherche {margin-bottom: 20px;}
#searchFiltre {background-color: #ededed;}
#searchFiltre input.btRecherche {background-color: #f5e1a4;color: #000;border: 1px solid #f5e1a4;border-radius: 0 4px 4px 0;}
#searchFiltre input.btRecherche:hover {width: 100%;padding: 6px 10px;background-color: #f5e1a4;color: #000;border: 1px solid #f5e1a4;border-radius: 0 4px 4px 0;}

/*----------------  #titres------------- */

.titre_page, .titre_page a, .titre_page a:visited {text-transform: uppercase; color: #444 ; font-size: 28px; margin-top: 60px; margin-bottom:40px; font-weight: 600; letter-spacing: 1px; text-align: center;}

.device-xs .filet-titre {background-image: url("https://hoteldesventes-saintomer.fr/uploads/Image/img_site/fondtitre.png"); background-position: center center;background-repeat: no-repeat;background-size: 60% 100%;width: 100% !important;height: 34px !important;margin-left: 0px; }
.device-xxs .filet-titre {background-image: url("https://hoteldesventes-saintomer.fr/uploads/Image/img_site/fondtitre.png");background-position: center center;background-repeat: no-repeat;background-size: 60% 100%;width: 100% !important;height: 34px !important;margin-left: 0px; }
.device-lg .filet-titre {background-image: url("https://hoteldesventes-saintomer.fr/uploads/Image/img_site/fondtitre.png");background-position: center center;background-repeat: no-repeat;background-size: 34% 100%;width: 100% !important;height: 44px !important;margin-left: 0px; }


.device-md .filet-titre {background-image: url("https://hoteldesventes-saintomer.fr/uploads/Image/img_site/fondtitre.png");background-position: center center;background-repeat: no-repeat;background-size: 30% 100%;width: 100% !important;height: 42px !important;margin-left: 0px; }
.device-sm .filet-titre {background-image: url("https://hoteldesventes-saintomer.fr/uploads/Image/img_site/fondtitre.png");background-position: center center;background-repeat: no-repeat;background-size: 40% 100%;width: 100% !important;height: 39px !important;margin-left: 0px; }
.device-md .titre_page, .titre_page a, .titre_page a:visited {text-transform: uppercase; color: #444 ; font-size: 28px; margin-top: 60px; margin-bottom:40px; font-weight: 600; letter-spacing: 1px; text-align: center;}

.entry-title h2, .entry-title h2 a, .entry-title h2 a:visited, .post-grid .entry-title h2 {
    color: #444;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.filet-title::after {content: "";display: block;margin-top: -4%;width: auto;background: #f5e1a4;border: 0;height: 25px;text-align: center; opacity:0.9;}
.home_actualite .entry-title h2 {text-align:center; margin-bottom:16px;}

.page_calendrier .entry-title h2, .page_calendrier .entry-title h2 a, .page_calendrier .entry-title h2 a:visited, .page_calendrier .post-grid .entry-title h2 {text-transform: uppercase;}

/*----------------phare----------------*/
.entry-image img {border-radius: 3px;}
.vente_phare, lot_phare, .newsPhare  {margin-bottom:30px;float:left;}
.actualite_phare {float:left;width:100%;}
.salePhareTitle {padding-top: 0px;padding-bottom: 5px;margin-left: 5px;float: left;margin-right: 5px;width: 100%;margin-bottom: 0px;margin-top: 20px;}
.salePhareTitle {letter-spacing: 1px;font-size: 13px;line-height:1.3;color: #444;}
.salePhareDate {font-weight:normal;color: #000;}
.salePhareLocation {color: #444;font-style: normal;margin-top: 4px;font-size: 15px;line-height: 1.3;text-transform: capitalize;}
.salePhareImage {}
.salePhareImage a img {border: 1px solid #f1f1f1;}
.device-sm .actualite_phare img, .device-sm .salePhareImage img {margin-bottom:20px;}
.vente_phare, lot_phare, .WidgetGauche {margin-bottom:30px;}
.lotPhareInfos h3 a:link, .lotPhareInfos h2 a:link {font-size: 14px; line-height: 1.3; text-transform: uppercase; color: #000!important; font-weight: bold;padding-top:0px;margin-bottom: 20px!important;}
.salePhare, .newsPhare, .lotPhare {margin-bottom: 50px !important;}
.salePhare img, .newsPhare img, .lotPhare img {width: 420px; height:auto;}
.lotPhareInfos {max-height: 228px;overflow: hidden;margin-bottom: 40px;}


/*----------------  #page actualite------------- */
.page_actualite .actualite .entry-image {width: 140px;float: left;margin-right: 30px;}
.layoutsExemple .actualiteCol1, .layoutsExemple .actualiteCol2  {width: 100%!important;}
.layoutsExemple .actualiteCol1 .entry-image {width: 350px!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;}
.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;padding: 0 7px;margin-bottom: 2px;border: 1px solid #000;font-size: 11px; color: #000; clear: both; font-style: normal;}
.more-link:hover {background-color: #f5e1a4;color: #000!important; font-size: 11px !important; font-style: normal;}
a.more-link {color:#000!important;}
a.more-link:hover {color:#000!important;}

.actualiteCol1, .actualiteCol2 {margin-top: 70px;width: 100%;}
.texte_actualite {font-size: 12px;line-height: 1.3;float: left;width: 100%; margin-bottom: 16px;}

.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;}




.device-sm .home_actualite .entry.clearfix.actualite {float: left; width:50%;}
.device-sm .home_actualite .actualite .entry-image {width: 80%;}
.device-sm .home_actualite .actualite .entry-c {width: 100%;float: left;}



/*----------------Slider-----------------*/
#slider {z-index:10;}
#rev_slider {margin-top:0px;}
.tparrows {cursor: pointer;background: #444;width: 40px;height: 40px;position: absolute;display: block;z-index: 1000;}
.tparrows:hover {background: #f5e1a4;}
input #slideTitleId {margin-bottom:0px;font-size:16px;font-weight:bold;}
#slider {margin-top: 0px!important;margin-bottom:20px!important;}
.tp-caption.WebProduct-Title.tp-resizeme {color:#fff !important;font-size:20px !important;line-height:1.3;text-transform:uppercase;margin-bottom:20px;}
.tp-caption, .tp-caption a  {font-size:14px!important;color:#000;line-height:1.3; }
.device-xxs .tp-caption.WebProduct-Title.tp-resizeme {color:#fff !important;font-size:16px !important;line-height:1.3;text-transform:uppercase;margin-bottom:10px;font-weight:bold;}
.device-xxs .tp-caption, .tp-caption a  {font-size:12px!important;color:#000;line-height:1.3;}
.rev_slider {border-radius: 0px;}
.device-xxs .tp-caption, .tp-caption a {color: #000;line-height: 1.3;}
.device-xxs  .tp-caption {display:none;}


/* ---------------- Carrousel belles encheres--------------*/
.belles_encheres {text-align : center;margin-top : 20px;}
.CarouselResultat {color : #444;margin-top : 4px;text-align : center;text-transform : none;font-weight : bold;font-size : 14px;clear: both;}
.belles_encheres_home .owl-carousel .owl-item img {margin : 0 auto;border-radius : 3px;height : 220px;}
.belles_encheres_home .imgphare {display : table-cell;height : 220px;margin-bottom : 14px;margin-right : 19px;overflow : hidden;text-align : center;vertical-align : middle;float : left;max-height : 220px;min-height : 220px;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 : #f5e1a4;}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {top: 30%;}
.CarouselEstimation {color: #999;clear: both;}
.contentCarouselLot {text-align:center;}


/*----------------  #carrousel vertical------------- */
belles_encheres, .belles_encheres_colonne {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;}
.CarouselDescription  {color: #000;font-size: 10px;height: 30px;overflow: hidden;position: fixed;text-transform: uppercase;top: 190px;width: 190px;margin-bottom: 15px;text-align:center;font-weight: 500;}
.CarouselResultat {color: #444;margin-top: 10px;text-align: center;text-transform: uppercase;font-size: 10px;width: auto; clear: both;}
.oc-lot h5 {max-height: 16px;min-height: 16px;height: 16px;overflow: hidden;font-weight: normal; text-align:center; clear: both; text-transform: uppercase;}

/*---------------- Calendrier--------------*/
.calendrier_annees {margin-bottom:30px;}
.triAnnee.annee1970 {display:none;}
.triAnnee {background-color: #f5f5f5;border-radius: 2px;color: #444 !important;padding: 0px 5px;}
.triAnnee:hover {background-color: #f5e1a4;border-radius: 2px;color: #444 !important;padding: 0px 5px;}
.device-lg .calendrier .col-md-10.entry-c {width: 65%;}
.device-md .calendrier .col-md-10.entry-c {width: 67%;}
.device-sm .calendrier .col-md-10.entry-c {width: 100%;}
.bloc_vente_date {color: #444;font-size: 15px;font-weight: bold;font-style: normal;}
.bloc_vente_lieu {color: #444;font-style: normal;margin-top: 4px;font-size: 14px;}
.bloc_mois_date {float: left;width: 100%;color: #444;font-size: 18px;font-style: normal;margin-bottom: 20px;margin-top: 20px; font-weight:bold;}
.page_calendrier .entry-image {width: 250px;}
.couverture_catalogue img {width: 100%;border: 1px solid #e8e8e8;border-radius: 0px;border-radius: 4px;}
.page_calendrier .layoutsExemple .entry-image {width: 250px;}
.entry-image.no_couv.couverture_catalogue  {background-image: url("https://hoteldesventes-saintomer.fr/uploads/Image/img_site/widget_catalogue_no_couv.png");background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;width: 250px !important;height: 233px !important;border-radius: 4px;margin-left: 0px;margin-right: 10px;border:1px solid #ccc;}
.device-lg .entry-image.widget_no_couv {background-image: url("https://hoteldesventes-saintomer.fr/uploads/Image/img_site/widget_catalogue_no_couv.png");background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;width: 170px !important;height: 180px !important;border-radius: 4px;margin-left: 0px;border:1px solid #ccc;}
.layoutsExemple .entry-image.no_couv.couverture_catalogue {background-image: url("https://hoteldesventes-saintomer.fr/uploads/Image/img_site/widget_catalogue_no_couv.png");background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;width: 160px !important;height: 170px !important;border-radius: 4px;margin-left: 0px;border: 1px solid #ccc;}
.device-xs .layoutsExemple .entry-image {width: 100%;padding-left: 0;padding-right: 20px !important;}
.device-xs .layoutsExemple .entry-image.no_couv.couverture_catalogue {background-image: url("https://hoteldesventes-saintomer.fr/uploads/Image/img_site/widget_catalogue_no_couv.png");background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;width: 144px !important;height: 178px !important;border-radius: 4px;margin-left: 0px;margin-right: 18px !important;}
.device-xxs .entry-image.widget_no_couv {background-image: url("https://hoteldesventes-saintomer.fr/uploads/Image/img_site/widget_catalogue_no_couv.png");background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;width: 100% !important;height: 340px !important;padding-right:20px;border-radius:4px;margin-left:0px;border:1px solid #ccc;}
.device-xs  .entry-c {position: relative;overflow: hidden;width: 100%;float: left;}
.device-xxs .layoutsExemple .entry-image.no_couv.couverture_catalogue {background-image: url("https://hoteldesventes-saintomer.fr/uploads/Image/img_site/widget_catalogue_no_couv.png");background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;width: 100% !important;height: 465px !important;border-radius: 4px;margin-left: 0px;border: 1px solid #ccc;}
.entry {border-bottom: 1px solid #f5f5f5;}



/*---------------catalogue-----------------*/
.btn.ghost {height: 24px;line-height: 23px;width: auto;padding: 0 7px;margin-bottom: 2px;border: 1px solid #444;font-size: 11px;color: #444;transition: background-color .2s ease, color .2s ease;}
.btn.ghost:hover, .btn.ghost:active, .btn.ghost:focus {cursor: pointer;transition: background-color 0.5s ease;background-color: #f5e1a4 !important;color: #444 !important;border: 1px solid #f5e1a4;}
input.texte1[type="submit"], button.texte1 { background: #f5e1a4; color: #444;}
.pagination .currentStep {background: #444;}
.nom_vente {font-size: 18px;line-height: 1.3; color:#444;}
.product-title h2 {font-size: 13px;line-height: 1.3;}
.product-title h3 {font-size: 17px;}
.lotnum {color: #444;font-size: 25px;}
.num_lot {height: 40px;color: #444;font-size: 25px;}
.fiche_lot_num {font-size: 35px;color: #444;font-weight: bold;float: left;}
.fiche_lot_resultat {color: #444;}
.single-product .fiche_lot_resultat {background: #000;color: #fff;padding: 5px;float: left;border-radius: 2px;margin: 10px 0;}
.product-overlay a:hover {background-color: #f5e1a4;color: #000;text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
input.texte1[type="submit"], button.texte1 {background: #f5e1a4; color: #444;}
.modal-title {text-transform: uppercase;}
#page-title.page-title-mini h1 {color: #000; font-size:13px;}
.button.button-border:hover {background-color: #f5e1a4;color: #000;border-color: transparent !important;text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.jq-icon-info {background-color: #f5e1a4!important;color: #000;border-color: #f5e1a4!important}

 /*---------------specialites----------------*/
.carreSpecialites.col-md-4 div {padding: 10px 0;margin-top: 0px;}
.titrespecialites {font-family: Raleway; background-color: #fff;opacity: 1;text-align: center; text-transform: uppercase; font-size: 13px;color: #444; font-weight: 600;letter-spacing: 1px;}
.device-md .carreSpecialites.col-md-4 {height: 370px;float: left;}
.device-sm .carreSpecialites.col-md-4 {height: 400px;float: left;width: 50%;}
.device-xxs .carreSpecialites.col-md-4 {height: 450px;float: left;}
.device-xs .carreSpecialites.col-md-4 {height: 480px;float: left;}


 /*---------------page statique----------------*/
.page_statique {text-align:justify;}
.page_statique h2 {color: #444;text-transform: uppercase; margin-top: 40px; font-size: 22px;}
.page statique h3 {color: #444;text-transform: uppercase;font-size: 18px;letter-spacing: 1px;margin-top: 30px;}
.page_statique h4 {color: #444;text-transform: none; font-size: 15px;letter-spacing: 1px;font-weight: bold;margin-top: 30px;}

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

/*---------------equipe---------------*/
.page_equipe img {width:300px; height:auto; margin-bottom:16px;}

/*----------------  #formulaires estimation------------- */
.fond_estimation {padding:30px;}
.fond_estimation {background-color:#f8f8f8;}
#estim {margin-top:30px;}
.freeForm .label {float: left;font-size: 14px;width: 280px;color: #000;text-align: left;}
.button {background-color: #f5e1a4;}
.button.button-3d:hover {background-color: #f5e1a4 !important;opacity: 0.9;}
button .bt_valider_ordre input, #estim .btn.btn-default, .fond_estimation .btn.btn-default.nb, .formEnvoyer input, #form_inscription .btn.btn-default {background: #f5e1a4;color: #444;padding: 10px 15px;border: 1px solid #f5e1a4;border-radius: 2px;width: auto;}
bt_valider_ordre input:hover, #estim .btn.btn-default:hover, #form_inscription .btn.btn-default:hover, .formEnvoyer:hover input {background: #f5e1a4; color: #444; border: 1px solid #f5e1a4;}
#estim input, #estim textarea {border: 1px solid #ccc;border-radius: 2px ;padding: 5px 10px;}
.device-xxs .freeForm .label {float: left;font-size: 14px;width: 100%;color: #000;text-align: left;}
#etape1, #etape2, #etape3, #droit {padding: 25px;margin-bottom: 0px!important;margin-top:0px;width: 100%;}
.row.inscription_etape_un, .row.inscription_etape_deux, .row.inscription_etape_trois {border-bottom: 0px solid #f8f8f8;margin-bottom: 15px !important;}
.page_expertise ,  .inscription_legende{padding-bottom:30px;}
#estim .row {margin-bottom: 10px;}
.inscription_legende {padding-bottom: 10px;padding-top: 20px;}
.device-xxs .col-sm-3.inscription_legende, .device-xs .col-sm-3.inscription_legende {padding-right:0px;}
.device-xxs input[type=email], .device-xxs input[type=email_bis]  {width:100%;}

.device-xs #estim input, .device-xs #estim textarea, .device-xxs #estim input, .device-xxs #estim textarea {}
.device-xs #estim textarea, .device-xxs #estim textarea {width: 100%!important;}
.device-xs input[type="radio"] {width:14px!important;}
.device-xs #estim input [type="radio"] {width:14px!important;}
.device-sm input[type="radio"] {width:14px!important;}
.device-sm #estim input [type="radio"] {width:14px!important;}
.device-xxs .col-sm-8 input[type=email]  {width:90%!important;}
input[name="montant"][type="text"] {width:auto;}
.device-xxs textarea[name="commentaire"] {width:100%;}

/*---------------Formulaire de contact ----------------*/
.formulaireContact {padding: 20px;background: #f5f5f5;}
.formulaireContact #dsi-submit-btn {color: #f5e1a4;background: #fff;border-color: #f5e1a4;margin-bottom: 20px;}
.formulaireContact #dsi-submit-btn:hover {color: #fff;background: #000;border-color: #000;margin-bottom: 20px;}
.formulaireContact .col-sm-3.inscription_legende {width: 160px;}
.formulaireContact .col-sm-9 {margin-bottom: 20px;}
.formulaireContact .col-sm-2 {width: 83px;padding-right: 0px;padding-left:0px;}

/*---------------Formulaire----------------*/
button .bt_valider_ordre input, #estim .btn.btn-default, .fond_estimation .btn.btn-default.nb, .formEnvoyer input {background: #f5e1a4;color: #000;}
.bt_valider_ordre input:hover, #estim .btn.btn-default:hover, #form_inscription .btn.btn-default:hover, .formEnvoyer:hover input {background: #000;color: #fff;border: 1px solid #000;}
.fond_estimation {background-color: #f8f8f8;width: 100%;padding:20px;}
.form1 {padding:20px;}
.freeForm .label {float: left;font-size: 13px;width: 280px;color: #000;text-align: left;}
#estim input, #estim textarea {border: 1px solid #ccc;border-radius: 2px; padding: 5px 10px;}

.page_newsletter .fond_estimation {float:left;}
.newsletter_lettrine {display:none;}
.device-md .newsletter_chekbox_txt, .device-sm .newsletter_chekbox_txt {font-size:12px!important;}
.page_newsletter #etape1, .page_newsletter #etape2, .page_newsletter #etape3, .page_newsletter #droit {padding: 25px;margin-bottom: 0px!important;margin-top:0px;width: 100%;}
.device-xxs .page_newsletter #etape1, .device-xxs .page_newsletter #etape2, .device-xxs .page_newsletter #etape3, .device-xxs .page_newsletter #droit {padding: 25px 10px 25px 5px;margin-bottom: 0px!important;}
.newsletter_theme {font-size: 11px;}
.newsletter_colonne {width: 33%;}

.device-xxs textarea {width:90%;}
.device-xxs input[type=text], .device-xs input[type=text] {width:90%;}
.device-xs input[type="radio"] {width:14px!important;}
.device-xxs input[type="radio"] {width: 14px !important;}
.device-xs #estim input [type="radio"] {width:14px!important;}
.device-xxs #estim input [type="radio"] {width:14px!important;}
.device-sm input[type="radio"] {width:14px!important;}
.device-sm #estim input [type="radio"] {width:14px!important;}
.page_expertise , page_newsletter, .inscription_legende{padding-bottom:30px;}
.inscription_legende{padding-bottom:30px;font-size: 12px;}
#estim .row {margin-bottom: 10px;}
.row.inscription_etape_un, .row.inscription_etape_deux, .row.inscription_etape_trois {border-bottom: 1px solid #f8f8f8;}

/*----------------  #footer------------- */

.copyrights-menu a, .copyrights-menu a:link,  .copyrights-menu a:visited {font-size: 12px;color: #fff;}
.copyright-links a:hover {font-size: 12px; color: #f5e1a4; border-bottom: 0px solid #666;}

#copyrights {font-size: 13px;line-height: 1.4;}
.copyrights-text  {font-size:10px; text-align:center;color:#fff;}
img.logo-footer{width: 150px;height: auto;margin-top: 10px;}

.widget_links li a:hover {color:#f5e1a4;}
.droits {font-size:10px; color:#f8f8f8;}

.bottommargin-sm {margin-bottom: 20px !important;}




.widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a, .widget_recent_comments li a { background: url("https://hoteldesventes-saintomer.fr/uploads/Image/img_site/widget-link.png") left top no-repeat; border: none !important; color: #fff; font-size: 13px;}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .dark .widget_nav_menu li a, .dark .widget_links li a, .dark .widget_meta li a, .dark .widget_archive li a, .dark .widget_recent_entries li a, .dark .widget_categories li a, .dark .widget_pages li a, .dark .widget_rss li a, .dark .widget_recent_comments li a {
    background-image: url("https://hoteldesventes-saintomer.fr/uploads/Image/img_site/widget-link.png");
  }
}



/*----------------  #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;
}


@media (max-width: 991px) {
#top-search a, #top-cart, #side-panel-trigger {position: absolute;top: 24px;}

.col-sm-3.inscription_legende, .col-sm-2.inscription_legende {width: auto;margin-top: 20px;margin-bottom:10px;}
.device-sm .col-sm-3.inscription_legende, .device-sm .col-sm-2.inscription_legende {width: 24%;}
.inscription_etape {width:100%;}
textarea {width:100%;}
input [type="radio"] {width:14px!important;}
input[type=text] {}
input[type="email"] {width:100%;}
input[name="montant"][type="text"] {width:90%;}
.paiement select {width: 100%;}
.product:not(.product-2):not(.product-3) .product-title h3 {font-size: 12px;}
.newsletter_colonne {float: left;width: 100%;}

.header2 #primary-menu {padding-top: 0px;}

#primary-menu-trigger { top: 50px;width: 40px; height: 40px; background-color:transparent!important; color:#000;}
#primary-menu ul ul li {padding-left: 0px;}
#primary-menu > div > ul ul {background-color: #fff !important;}
#primary-menu ul li {padding-left: 20px!important;}
#primary-menu .container.clearfix {background-color: #fff;}
#primary-menu > div > #top-search a, #primary-menu > div > #top-cart, #primary-menu > div > #side-panel-trigger {margin: 10px 0 !important;}
.header3 #top-search a, .header3 #top-cart, .header3 #side-panel-trigger {position: absolute;top: -100px;}
#copyrights {font-size: 12px;line-height: 1.3;}
 #primary-menu > div > #top-search form {height: 40px !important; }
#top-search form input {font-size: 12px;}
#top-search form {height: 40px !important;}

#top-search form input {height: 370%;}
}



@media (min-width: 991px) {
.home_actualite .entry.clearfix.actualite {float: left; width:25%;}
.home_actualite .actualite .entry-image {width: 90%;}
.home_actualite .actualite .entry-c {width: 80%;float: left;}
.filet-titre, .titre_page {text-align:center!important;}

}


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


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


@media (max-width: 767px) {
.ordre_false.product, .pageOrdre .ordre_false.product {height: 600px !important;width: 265px;}
.home_actualite .entry.clearfix.actualite {float: left;width: 100%;}
.footer-logo {display: inline;margin-bottom: 10px;text-align: center;width: 263px;}
.titre_page, .titre_page a, .titre_page a:visited {color: #444; font-size: 24px;margin-top: 40px;margin-bottom: 20px;font-weight: 600;letter-spacing: 1px; text-align: center;}
.col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth {margin-bottom: 20px !important;}
.page_actualite .actualite .entry-image {width: 100%;float: left;margin-right: 0px;}
.page_equipe img {width:100%; height:auto; margin-bottom:16px;}
}