.calendrier_annees {line-height: 2; margin-bottom:20px;}

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

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

#slideTitleId { margin-bottom:10px;}


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

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

/* Icônes menu */
#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;
}

/* États menu */
#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
   =================================================================== */

/* -------------------------------------------------------------------
   ≤ 767px : Mobiles et petites tablettes
   ------------------------------------------------------------------- */
@media (max-width: 767px) {

    /* Formulaire de paiement – plein largeur sur mobile */
    .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%;
    }

    /* Blocs contenu – passage en pleine largeur */
    .entry-c,
    .calendrier .col-md-10.entry-c {
        position: relative;
        overflow: hidden;
        clear: both;
        width: 100%;
    }

    /* Image de couverture catalogue quand pas de photo */
    .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;
    }

    /* Images dans les actualités */
    .actualite .entry-image {
        width: 80%;
        margin-right: 20px;
        padding: 0 15px;
    }
}

/* -------------------------------------------------------------------
   ≤ 991px : Tablettes (768px → 991px) + mobiles
   ------------------------------------------------------------------- */
@media (max-width: 991px) {

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

    /* Titres articles / actualités */
    .entry-title h2,
    .post-grid .entry-title h2 {
        font-size: 13px !important;
        font-weight: 500;
    }

    /* Header sticky */
    #header.sticky-style-2 #header-wrap,
    #header.sticky-style-3 #header-wrap {
        min-height: 40px;
    }

    /* Formulaires inscription estimation */
    .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;
    }

    /* Images phares et actualités */
    .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;
    }

    /* Titres produits dans la grille */
    .product:not(.product-2):not(.product-3) .product-title h3 {
        font-size: 12px;
        line-height: 15px;
    }

    /* Menu principal en mode tablette/mobile */
    #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;
    }
}