/* ------------------- divers ------------------- */
.ordre_false.product, .pageOrdre .ordre_false.product {height: 600px !important;}
.product-image {width:100%; height:300px !important; overflow:hidden;}
.calendrier_annees {line-height: 2; margin-bottom:20px;}
.layoutsExemple .entry-image {width: 170px;}
#slideTitleId {margin-bottom:10px;}

/* ------------------- menu ------------------- */
@media screen and (min-width: 768px) {body.top-search-open #top-search form input {pointer-events: auto; background: white; font-size: 12px;} #top-search {color: white;} #logo img {height: 21px; width: auto; margin-top: 6px;}}
@media screen and (max-width: 991px) {#primary-menu-trigger {background-color: transparent !important; color: black;} #top-search a i, #primary-menu-trigger .icon-reorder {color: #000 !important;} #top-search form input {font-size: 12px;}}
@media screen and (max-width: 767px) {#logo img {height: 21px; width: auto; margin-top: 0;}}

/* ------------------- slider ------------------- */
.rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap *:last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap *:last-child {font-family: Dosis !important;}
@media screen and (max-width: 768px) {.rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap *:last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap *:last-child {font-family: Dosis !important; font-size: 12px !important; line-height: 1.5em !important; bottom: 0 !important;}}

/* ------------------- carrousel belles enchères ------------------- */
.CarouselResultat {color: #0e1429; 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: 200px;}
.belles_encheres_home .imgphare {display: table-cell; height: 200px; margin-bottom: 14px; margin-right: 19px; overflow: hidden; text-align: center; vertical-align: middle; float: left; max-height: 200px; min-height: 200px; width: 100%;}
.belles_encheres_home, .belles_encheres, .belles_encheres_colonne {text-align: center; margin-top: 20px;}
.calendrier_milieu .bloc_mois_date {display: none;}
.CarouselEstimation {color: #999; clear: both;}
.contentCarouselLot {text-align: center;}

/* ------------------- actualités ------------------- */
.page_actualite .entry-c {padding-left: 10px;}
.more-link {margin-top: 14px;}
@media all and (min-width: 992px) {.home_actualite .entry.clearfix.actualite {float: left; width: 33%;} .home_actualite .entry-image {width: 350px; margin-right: 30px;} .home_actualite .entry-c {clear: both; width: 90%;}}
@media all and (max-width: 991px) {.home_actualite .entry-c {width: 100%;}}

/* ------------------- éléments généraux masquages ------------------- */
.loupe {display: none;}
.si-share .social-icon {display: none;}
.languegb img, .languefr img {display: none;}
.languegb::after {content: " EN"; font-weight: bold;}
.languefr::after {content: " FR"; font-weight: bold;}

/* ------------------- typographie globale ------------------- */
h1, h2, h3, h4, h5, h6 {font-family: 'Dosis', Arial, Helvetica, sans-serif; font-weight: 600; color: #257bc7; letter-spacing: 2px; text-transform: uppercase;}

/* ------------------- header navigation ------------------- */
#top-bar {height: 50px; color: #000;}
.icon-envelope {float: left; font-size: 28px; margin: 0 10px 0 13px; color: #000;}
#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #primary-menu, #header.sticky-header:not(.static-sticky) #primary-menu > ul, #header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {height: 40px; margin-top: 0; border-top: 0;}
#header.sticky-header:not(.static-sticky):not(.sticky-style-2) #logo img {height: 20px; margin-top: 10px;}
#primary-menu, #primary-menu.style-2 {margin-top: 0;}
#primary-menu > div > ul > li > a i, #primary-menu > div > ul > li > a i:hover {line-height: 29px; color: #fff; font-weight: bold;}
#primary-menu ul li i {position: relative; font-size: 14px !important; top: 0; width: 14px; text-align: center; line-height: 29px; font-weight: bold;}
#primary-menu > ul > li:hover a, #primary-menu > ul > li.current a {color: #fff;}
#primary-menu > ul > li.current a {color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); background-color: #202932;}
#primary-menu ul ul a {font-size: 14px; height: 30px !important; line-height: 30px !important; color: #fff !important; padding: 0 !important; background-color: #202932; letter-spacing: 0; border: 0 !important; margin-left: 10px;}
.device-md #primary-menu ul li a {padding: 3px 5px; height: 40px; line-height: 40px; font-size: 13px;}

/* ------------------- footer ------------------- */
.address-footer, .logo-footer {margin: 30px 0;}
.socialFooter {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 10px; position: relative; z-index: 10;}
#top-social li {border-left: 1px solid #fff;}
#top-social li a, #top-social li a:link, #top-social li a:visited {font-weight: bold; color: #000 !important;}
.flags img {opacity: 0.5; height: 25px !important;}
.flags a:hover img {opacity: 1;}

/* ------------------- boutons formulaires ------------------- */
.btn-primary, .button {background-color: #257bc7; color: #fff; border-color: #257bc7;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .button.button-3d:hover, .bt_valider_ordre input:hover, #estim .btn.btn-default:hover, #form_inscription .btn.btn-default:hover, .formEnvoyer:hover input, .envoyer_ordre .button.button-border:hover, .button.button-border:hover {background-color: #999; color: #fff; border-color: #999;}
input.texte1[type="submit"], button.texte1, .bt_valider_ordre input, #estim .btn.btn-default, #form_inscription .btn.btn-default, .formEnvoyer input, .commanderCatalogue, .Estimation-text .btn, .envoyer_ordre .button.button-border {background: #257bc7; color: #fff; border-color: #257bc7;}
.jq-icon-info {background-color: #257bc7 !important; color: #fff !important; border-color: #257bc7 !important;}

/* ------------------- titres personnalisés ------------------- */
.titre_accueil, .titre_accueil a, .titre_page, .titre_page a, .titre_services, .titre_services a, .titre_encheres {font-family: 'Dosis', Arial, Helvetica, sans-serif; font-weight: 600; color: #257bc7; font-size: 22px; letter-spacing: 2px; line-height: 1.5; text-transform: uppercase;}
.titre_accueil {padding: 20px 0;}
.titre_page, .titre_services {padding: 40px 0 20px 0; text-align: center;}
.encart_titre {color: #257bc7 !important; font-weight: 600;}
.entry-title h2, .post-grid .entry-title h2 {font-size: 16px !important; font-weight: 500;}
.entry-title h2 a:hover {color: #257bc7;}

/* ------------------- ventes phares / lots phares / actualités phares ------------------- */
.vente_phare, .lot_phare, .newsPhare, .WidgetGauche {margin-bottom: 30px; float: left;}
.actualite_phare {float: left; width: 100%;}
.salePhare, .newsPhare, .lotPhare {margin-bottom: 50px !important; text-align: center;}
.salePhareTitle {letter-spacing: 1px; font-size: 13px; line-height: 1.3; color: #223365; text-transform: uppercase;}
.salePhareDate {font-weight: bold; color: #333;}
.salePhareLocation {font-style: italic; margin-top: 4px; font-size: 12px; text-transform: capitalize;}
.salePhareImage, .actualite_phare img, .salePhareImage img {margin-bottom: 20px; text-align: center;}
.salePhareImage a img {border: 1px solid #f1f1f1;}
.actualite_phare img, .salePhareImage img {width: 540px;}

/* ------------------- produits / lots ------------------- */
.product {border: 1px dotted #ccc;}
.product-image {position: relative; width: 100%; height: 300px !important; overflow: hidden;}
.product-image.no_picture {background: url("https://www.danielmaghen-encheres.com/uploads/Image/img_site/no_picture.png") center center no-repeat; background-size: 80% 80%; height: 170px !important; border: 1px solid #ccc; border-radius: 4px;}
.product-title h3 {margin: 0; font-size: 14px; line-height: 16px; color: #257bc7; height: 30px; max-height: 30px; overflow: hidden;}
.lotnum, .num_lot, .fiche_lot_num {color: #257bc7;}
.lotnum, .num_lot {font-size: 25px;}
.fiche_lot_num {font-size: 35px; font-weight: 500; float: left;}
.productLive {border-radius: 5px; border: 1px solid #c00935; background: #fff; color: #c00935; padding: 10px; line-height: 15px; float: left; text-align: center; margin-top: 10px;}
.productOnline, .productOnlineResult {clear: both;}
.product:hover .productOnline, .product:hover .productOnlineResult {background-color: #257bc7; color: #fff; border-color: #257bc7;}

/* ------------------- responsive supplémentaires ------------------- */
@media (max-width: 991px) {.titre_accueil, .titre_accueil a {font-size: 18px;} .entry-title h2, .post-grid .entry-title h2 {font-size: 13px !important;} .product:not(.product-2):not(.product-3) .product-title h3 {font-size: 12px; line-height: 15px;}}
@media (max-width: 767px) {.paiement .freeForm .label, .freeForm .label {width: 100%;} .actualite .entry-image {width: 80%; padding: 0 15px;}}
@media (max-width: 479px) {.layoutsExemple .entry-image.no_couv.couverture_catalogue {width: 100% !important; height: 320px !important; background-size: cover; margin: 0 14px 0 0;}}

/* ------------------- responsive – mobiles tablettes ------------------- */
@media (max-width: 767px) {.paiement .freeForm .label {float: none; width: 100%; font-size: 14px; color: #000; text-align: left;} .paiement input {width: auto; clear: both; float: left; font-family: inherit;} .paiement select {width: 100%;} .entry-c, .calendrier .col-md-10.entry-c {position: relative; overflow: hidden; clear: both; width: 100%;} .layoutsExemple .entry-image.no_couv.couverture_catalogue {background: url("https://www.danielmaghen-encheres.com/uploads/Image/img_site/picto_no_couv.jpg") center center / cover no-repeat; width: 440px !important; height: 287px !important; padding-right: 40px; border: 1px solid #ccc; border-radius: 4px; margin-left: 0; margin-right: 14px;} .actualite .entry-image {width: 80%; margin-right: 20px; padding: 0 15px;}}
@media (max-width: 991px) {.titre_accueil, .titre_accueil a {font-size: 18px;} .titre_page, .titre_page a, .titre_services, .titre_services a {font-family: 'Dosis', Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 600; color: #257bc7; letter-spacing: 2px; text-transform: uppercase; text-align: center; padding: 20px 0;} .entry-title h2, .post-grid .entry-title h2 {font-size: 13px !important; font-weight: 500;} #header.sticky-style-2 #header-wrap, #header.sticky-style-3 #header-wrap {min-height: 40px;} .col-sm-3.inscription_legende, .col-sm-2.inscription_legende {width: auto; margin: 20px 0 10px;} .device-sm .col-sm-3.inscription_legende, .device-sm .col-sm-2.inscription_legende {width: 24%;} .inscription_etape {width: 100%;} textarea, input[type="text"], input[type="email"] {width: 100%;} input[name="montant"][type="text"] {width: 90%;} input[type="radio"] {width: 14px !important;} .actualite_phare img, .salePhareImage img {width: 100%; margin-bottom: 20px;} .layoutsExemple .actualiteCol1 .entry-image {width: auto; padding: 0 20px;} .actualite .entry-c {width: 100%; padding: 0 15px;} .product:not(.product-2):not(.product-3) .product-title h3 {font-size: 12px; line-height: 15px;} #primary-menu, #primary-menu.style-2 {margin-top: 25px;} #primary-menu ul li {background-color: #202932;} #primary-menu ul ul li:hover > a {color: #fff !important; background-color: #223365;}}