/* =================================================================ap
   1. GLOBAL & GÉNÉRAL
   ================================================================ */
.loupe { 
    display: none; 
}

.nom_vente { 
    line-height: 1.4em; 
}

.entry-title h2 a { 
    font-weight: bold; 
    font-size: 16px; 
    text-transform: uppercase; 
}

.titre_page, 
.titre_page a, 
.titre_page a:visited { 
    font-weight: bold; 
    font-size: 20px; 
    color: #a91101; 
    text-transform: uppercase; 
    margin-top: 60px; 
    margin-bottom: 20px; 
    letter-spacing: 2px; 
}

/* =================================================================
   2. HEADER & TOP BAR
   ================================================================ */
#top-bar a img { 
    opacity: 0.7; 
    float: left; 
    margin-top: 9px; 
    height: 27px; 
}

.top-links { 
    position: relative; 
    float: none; 
    font-size: 15px; 
    font-family: 'Playfair display'; 
}

#logo img { 
    width: 600px; 
    height: auto; 
}


#searchFiltre { 
    background-color: #f8f8f8; 
}

#searchFiltre input.btRecherche { 
    margin-bottom: 20px; 
    background-color: #262f33; 
    color: #fff; 
    border: #262f33 solid 1px; 
    border-radius: 0 4px 4px 0; 
}

#searchFiltre input.btRecherche:hover { 
    width: 100%; 
    padding: 6px 10px; 
    background-color: #999; 
    color: #fff; 
    border: #999 solid 1px; 
    border-radius: 0 4px 4px 0; 
}

/* =================================================================
   3. MENU  NAVIGATION
   ================================================================ */
.cpgen-header { 
    margin-bottom: 0; 
}

#primary-menu.style-2 > div > ul > li > a i { 
    line-height: 38px; 
    color: #ffffff; 
    font-weight: bold; 
}

#primary-menu.style-2 > div > ul > li > a i:hover { 
    line-height: 38px; 
    color: #fff !important; 
    font-weight: bold; 
}

#primary-menu.style-2 > div > ul > li > a:hover:first-child { 
    background-color: #999 !important; 
    color: #fff; 
}

#primary-menu ul ul li { 
    text-transform: none !important; 
}

#primary-menu ul ul ar { 
    font-size: 15px; 
    color: #fff !important; 
    font-family: Lato; 
}

#primary-menu-trigger, 
#page-submenu-trigger { 
    width: 50px; 
    height: 30px; 
    line-height: 30px; 
}

#primary-menu .container #top-search form input { 
    color: #000 !important; 
}

#primary-menu .container #top-search form input::placeholder { 
    font-size: 16px; 
    text-transform: none; 
    font-weight: normal; 
}

#top-search form input { 
    background: none 0 0 repeat scroll #fff; 
    border-radius: 6px 0 0 6px; 
    float: left; 
    font-size: 14px; 
    height: 34px; 
    line-height: 20px; 
    margin-top: 3px !important; 
    padding: 5px 5px 5px 7px !important; 
    width: 90%; 
    font-weight: normal; 
    color: #000; 
}

.top-cart-title p { 
    color: #262f33; 
}

/* =================================================================
   4. SLIDER (REVOLUTION 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 { 
    margin-bottom: 0px; 
    font-size: 14px !important; 
    font-family: 'Playfair display' !important; 
}

.tp-caption { 
    margin-bottom: 0; 
    font-size: 14px; 
    font-family: 'Playfair display'; 
    letter-spacing: 2px; 
}

/* =================================================================
   5. CATALOGUE, PRODUITS & ENCHÈRES
   ================================================================ */
.bloc_vente_pictos { 
    padding-left: 0; 
    padding-bottom: 20px; 
}

.bloc_vente_date { 
    color: #262f33; 
    font-size: 15px; 
    font-weight: 500; 
    font-style: normal; 
}

.bloc_mois_date { 
    font-size: 15px; 
    margin-bottom: 7px; 
    margin-top: 10px; 
    padding: 5px; 
    width: 100%; 
    color: #262f33; 
    text-transform: uppercase; 
    font-style: normal; 
    font-weight: 500; 
}

.lieu_vente { 
    color: #262f33; 
    font-size: 12px; 
    line-height: 14px; 
    font-style: normal; 
    margin-bottom: 10px; 
    text-align: left; 
}

.date_vente { 
    text-transform: none; 
}

.droite_catalogue img { 
    max-width: 120px; 
    height: auto; 
}

.product { 
    border: #ccc dotted 1px; 
}

.product-desc { 
    font-size: 12px; 
}

.product-image.no_picture { 
    background-image: url("https://www.coutaubegarie.com/uploads/Image/img_site/no_picture.png"); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: 80% 80%; 
    width: 100% !important; 
    height: 260px !important; 
    padding-right: 20px; 
    border-radius: 4px; 
    border: #ccc solid 1px; 
}

.product-title h3 { 
    margin: 0; 
    font-size: 14px; 
    line-height: 16px; 
    color: #a91101; 
    height: 30px; 
    max-height: 30px; 
    overflow: hidden; 
    padding: 0; 
}

.product-description h2 { 
    text-transform: none; 
}

.productLive { 
    border-radius: 5px; 
    border: #c00935 solid 1px; 
    color: #c00935; 
    background: #fff; 
    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: #262f33; 
    color: #fff; 
    border-color: #262f33; 
}

.product-overlay a:hover { 
    background-color: #333; 
}

.lotnum { 
    color: #262f33; 
    font-size: 25px; 
}

.lot_recherche .lotnum { 
    font-size: 16px; 
}

.num_lot { 
    height: 40px; 
    color: #262f33; 
    font-size: 25px; 
}

.fiche_lot_num { 
    font-size: 35px; 
    color: #262f33; 
    font-weight: 500; 
    float: left; 
}

.single-product .fiche_lot_resultat { 
    background: #262f33; 
    color: #fff; 
    font-style: normal; 
    padding: 5px; 
    float: left; 
    border-radius: 2px; 
    margin: 10px 0; 
}

.col-md-12.titre_ordre_phrase { 
    margin: 30px 0; 
    clear: both; 
    width: 100%; 
    color: #262f33; 
}

.sale-flash2 { 
    color: #fff; 
    background-color: #262f33; 
    width: auto; 
    padding: 4px 10px; 
    border-radius: 2px; 
    clear: both; 
}

.fiche_estimation { 
    float: left; 
    width: 100%; 
    font-size: 20px; 
    color: #999; 
    padding-bottom: 10px; 
}

.explicationResultats { 
    font-style: italic; 
}

#estim_recherche .Style5 { 
    background: none 0 0 repeat scroll #262f33; 
    border-radius: 2px; 
    color: #ffffff; 
    float: left; 
    margin: 10px 0; 
    padding: 5px; 
}

.estimLabelAff4, 
.estimAff4 { 
    margin-bottom: 14px; 
}

/* Carrousel Belles Enchères & Calendrier */
.belles_encheres_home { 
    text-align: center; 
    margin-top: 20px; 
}

.belles_encheres_home .owl-carousel .owl-item img { 
    margin: 0 auto; 
    border-radius: 2px; 
    height: 130px; 
}

.belles_encheres_home .imgphare { 
    display: table-cell; 
    height: 140px; 
    margin-bottom: 14px; 
    margin-right: 19px; 
    overflow: hidden; 
    text-align: center; 
    vertical-align: middle; 
    float: left; 
    max-height: 140px; 
    min-height: 140px; 
    width: 100%; 
}

.belles_encheres_home .contentCarouselLot .imglot218x180b { 
    height: 145px; 
    margin: 0 auto 10px auto; 
}

.CarouselResultat { 
    color: #414A4E; 
    margin-top: 4px; 
    text-align: center; 
    text-transform: none; 
    font-weight: bold; 
}

.owl-theme .owl-dots .owl-dot.active span { 
    background-color: #000; 
}

.owl-nav:hover { 
    background-color: #fff; 
}

.calendrier_annees { 
    font-weight: 500; 
    margin-bottom: 60px; 
}

.triAnnee, 
.triAnnee a { 
    background-color: #262f33; 
    color: #fff !important; 
    font-size: 12px; 
    padding: 2px 6px; 
}

.triAnnee:hover { 
    background-color: #888; 
    color: #000; 
    font-size: 12px; 
    padding: 2px 6px; 
}

.triAnnee.annee1970 { 
    display: none; 
    background-color: #fff !important; 
}

.page_calendrier .owl-carousel .owl-item img { 
    border-radius: 50%; 
    opacity: 0.8; 
    padding: 1px; 
}

.calendrier .col-md-10.entry-c { 
    width: 69%; 
}

.calLegende { 
    background-color: #f1f1f1; 
    padding: 20px; 
    width: 100% !important; 
    text-align: center; 
    margin-bottom: 40px; 
}

/* =================================================================
   6. BOUTONS & FORMULAIRES
   ================================================================ */
.button, 
.btn-primary { 
    background-color: #262f33; 
    color: #fff; 
    border-color: #262f33; 
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary.focus, 
.btn-primary:active, 
.btn-primary.active, 
.open > .dropdown-toggle.btn-primary { 
    color: #fff; 
    background-color: #999; 
    border-color: #999; 
}

.button.button-3d:hover { 
    background-color: #888 !important; 
    opacity: 0.9; 
}

.button.button-border:hover { 
    background-color: #999; 
    color: #FFF; 
    border-color: transparent !important; 
    text-shadow: 1px 1px 1px rgb(0, 0, 0, 0.2); 
}

div.btn.ghost a.lien_cata { 
    display: none; 
}

.page_catalogue .btn.ghost:hover, 
.page_catalogue .btn.ghost:active, 
.page_catalogue .btn.ghost:focus { 
    background-color: #fff !important; 
    color: #a91101 !important; 
}

.bt_valider_ordre input, 
#estim .btn.btn-default, 
#form_inscription .btn.btn-default, 
.formEnvoyer input, 
.fond_estimation .btn.btn-default.nb, 
button.texte1, 
input.texte1[type="submit"] { 
    background: #262f33; 
    color: #fff; 
    padding: 10px 15px; 
    border: #262f33 solid 1px; 
    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: #888; 
    color: #fff; 
    border: #888 solid 1px; 
}

.fond_estimation { 
    background-color: #f8f8f8; 
}

.formulaireContact { 
    background-color: #f8f8f8; 
    padding: 10px; 
}

.formulaireContact #dsi-submit-btn { 
    color: #fff; 
    background: #262f33; 
    border-color: #262f33; 
    margin-bottom: 20px; 
    border-radius: 2px; 
}

.formulaireContact #dsi-submit-btn:hover { 
    color: #fff; 
    background: #888; 
    border-color: #888; 
    margin-bottom: 20px; 
    border-radius: 2px; 
}

#estim .row { 
    margin-bottom: 10px; 
}

.formulaireContact .col-sm-3.inscription_legende { 
    width: 160px; 
}

.inscription_legende { 
    padding-bottom: 10px; 
    padding-top: 20px; 
}

.freeForm .label { 
    font-size: 14px; 
    width: 280px; 
    color: #000; 
    text-align: left; 
}

.envoyer_ordre .button.button-border { 
    background: #262f33; 
    color: #fff; 
}

a.commanderCatalogue { 
    color: #fff; 
}

.commanderCatalogue { 
    background: #262f33; 
    color: #fff !important; 
    text-decoration: none; 
    padding: 4px 10px; 
    float: left; 
    margin-top: 10px; 
    margin-left: 10px; 
}

.pagination .currentStep { 
    background: #262f33; 
    color: #fff; 
    padding: 8px 12px; 
    margin: 0 2px; 
}

.jq-icon-info { 
    background-color: #a91101 !important; 
    color: #fff; 
    border-color: #a91101 !important; 
}

/* =================================================================
   7. PAGES STATIQUES & ACTUALITÉS
   ================================================================ */
.page_statique a:link, 
.page_statique a { 
    color: #262f33 !important; 
    text-decoration: underline !important; 
}

.page_statique h2 { 
    clear: both; 
    padding: 30px 0 0 0; 
}

.page_statique h3 { 
    font-size: 14px; 
    padding: 20px 0 0 0 !important; 
    font-weight: 500; 
}

.page_statique h4 { 
    padding: 20px 0 0 0; 
    font-size: 12px; 
    font-weight: 500; 
}

.basic.layoutsPage { 
    padding: 20px; 
}

.basic.layoutsPage h3 { 
    color: #333; 
    font-weight: 500; 
    text-transform: uppercase; 
    font-size: 22px; 
    line-height: 24px; 
    padding: 20px 0; 
    clear: both; 
}

.fancy-title { 
    border-bottom: 1px solid #e3e3e3; 
    margin-bottom: 0; 
}

.fancy-title.topmargin { 
    margin-top: 20px !important; 
}

.actualiteCol1, 
.actualiteCol2 { 
    margin-top: 70px; 
    width: 100%; 
    float: left; 
}

.actualiteCol1.entry-image.alignleft { 
    text-align: center !important; 
}

.layoutsExemple .actualiteCol1 .entry-image { 
    width: 100%; 
    padding: 0 300px; 
}

.layoutsExemple .entry-image { 
    width: 180px; 
    float: left; 
    margin-right: 0; 
}

.layoutsExemple .entry-image.no_couv.couverture_catalogue { 
    background-image: url("https://www.coutaubegarie.com/uploads/Image/img_site/picto_no_couv.jpg"); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
    width: 148px !important; 
    height: 176px !important; 
    padding-right: 40px; 
    border-radius: 4px; 
    border: #ccc solid 1px; 
    margin-left: 14px; 
    margin-right: 14px; 
}

.actualite .entry-image { 
    margin-right: 20px; 
}

.actualite .entry-c { 
    width: 70%; 
}

.entry-image { 
    margin-bottom: 20px; 
}

.entry-c { 
    float: left; 
}

.paiement { 
    width: 100%; 
    padding: 20px; 
}

.paiement h3 { 
    display: none; 
}

.paiement .basic.layoutsPage { 
    margin-top: 30px; 
}

.paiement select { 
    width: 100%; 
}

#etape1, 
#etape2, 
#etape3, 
#droit { 
    padding: 10px; 
    margin-bottom: 0 !important; 
    margin-top: 0; 
    width: 100%; 
}

.row.inscription_etape_un, 
.row.inscription_etape_deux, 
.row.inscription_etape_trois { 
    border-bottom: 0 solid rgb(236, 240, 241, 1.0); 
    margin-bottom: 15px !important; 
}

/* =================================================================
   8. FOOTER
   ================================================================ */
#copyrights { 
    font-size: 14px; 
    line-height: 1.8; 
}

.socialFooter { 
    margin-left: 38%; 
}

.droits { 
    font-size: 12px; 
    clear: both; 
}

/* =================================================================
   9. MEDIA QUERIES (RESPONSIVE)
   ================================================================ */

/* Petits écrans / Tablettes (< 991px) */
@media (max-width: 991px) {
    #primary-menu .container #primary-menu-trigger { 
        top: -4px; 
        left: 0; 
        height: 40px; 
        background-color: transparent !important; 
    }
    
    #primary-menu-trigger { 
        top: 104%; 
        margin-top: 0; 
        height: 30px; 
        line-height: 30px; 
        background-color: transparent; 
    }
    
    #logo { 
        margin: 20px auto 0 !important; 
    }
    
    .titre_accueil, 
    .titre_accueil a { 
        font-size: 18px; 
    }
    
    .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; 
    }
    
    #primary-menu-trigger .icon-reorder { 
        color: #fff !important; 
    }
    
    #primary-menu ul li a, 
    #primary-menu.style-2 > div > ul > li > a { 
        padding: 0 20px !important; 
        border: none !important; 
        margin: 0 !important; 
    }
    
    .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="email"] { 
        width: auto; 
    }
    
    input[name="montant"][type="text"] { 
        width: 90%; 
    }
    
    [class^="icon-legal"] { 
        margin-right: 0; 
    }
    
    .layoutsExemple .actualiteCol1 .entry-image { 
        width: auto; 
        padding: 0 20px; 
    }
    
    .layoutsExemple .entry-image.no_couv.couverture_catalogue { 
        background-image: url("https://www.coutaubegarie.com/uploads/Image/img_site/picto_no_couv.jpg"); 
        background-position: center center; 
        background-repeat: no-repeat; 
        background-size: 100% 100%; 
        width: 100% !important; 
        height: 377px !important; 
        padding-right: 40px; 
        border-radius: 4px; 
        border: #ccc solid 1px; 
        margin-left: 0; 
        margin-right: 14px; 
    }
}

/* Mobiles / Tablettes compactes (< 768px) */
@media screen and (max-width: 768px) {
    #top-search a i { 
        top: -9px; 
    }
    
    .top-links { 
        font-size: 14px; 
        font-family: 'Playfair display'; 
    }
    
    .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 { 
        margin-bottom: 0px; 
        font-family: Playfair display !important; 
        font-size: 9px !important; 
        line-height: 1.5em !important;  
        letter-spacing: 1px; 
    }
    
    .tp-caption { 
        top: -65px; 
    }
    
    #logo img { 
        width: 320px; 
    }
    
    .device-sm .btn-primary { 
        margin-top: 50px; 
    }
    
    .device-sm #primary-menu, 
    .device-xs #primary-menu, 
    .device-xxs #primary-menu { 
        float: left; 
        width: 100%; 
        background-color: #262f33 !important; 
    }
    
    .device-sm #logo img { 
        height: 90px; 
    }
    
    .device-sm #primary-menu-trigger { 
        top: 104%; 
    }
    
    body.en.device-md #primary-menu ul li a { 
        padding-left: 24px; 
        padding-right: 24px; 
    }
    
    body.en.device-sm #primary-menu ul li a { 
        padding-left: 20px; 
        padding-right: 20px; 
    }
    
    .device-md #top-search { 
        float: right; 
        margin: 0; 
    }
    
    .device-xxs #primary-menu .container #top-search form input::placeholder { 
        font-size: 14px; 
        color: #000; 
        text-transform: none; 
        font-weight: normal; 
    }
    
    .device-md #top-search form input, 
    .device-sm #top-search form input, 
    .device-xxs #top-search form input, 
    .device-xs #top-search form input { 
        margin-top: 3px !important; 
    }
    
    .device-lg .habillage_lot_phare { 
        height: auto; 
        width: 80px; 
        max-height: 120px; 
        overflow: hidden; 
    }
    
    .device-xs .freeForm .label { 
        font-size: 14px; 
        width: 100%; 
        color: #000; 
        text-align: left; 
    }
    
    .device-xxs .col-sm-3.inscription_legende, 
    .device-xs .col-sm-3.inscription_legende { 
        padding-right: 0; 
    }
    
    .device-xs #estim textarea, 
    .device-xxs #estim textarea { 
        width: 100% !important; 
    }
    
    .device-xs input[type="radio"], 
    .device-sm input[type="radio"] { 
        width: 14px !important; 
    }
    
    .device-xxs textarea[name="commentaire"] { 
        width: 100%; 
    }
    
    .socialFooter { 
        margin-left: 39%; 
    }
    
    .device-sm .socialFooter { 
        margin-left: 44%; 
    }
}

/* Petits mobiles (< 767px) */
@media (max-width: 767px) {
    .paiement .freeForm .label { 
        font-size: 14px; 
        width: 100%; 
        color: #000; 
        text-align: left; 
    }
    
    .paiement input { 
        font-size: inherit; 
        line-height: inherit; 
        width: auto; 
        clear: both; 
    }
    
    .paiement select { 
        width: 100%; 
    }
    
    .entry-c { 
        position: relative; 
        overflow: hidden; 
        clear: both; 
        width: 100%; 
    }
    
    .calendrier .col-md-10.entry-c { 
        width: 100%; 
    }
    
    .layoutsExemple .entry-image.no_couv.couverture_catalogue { 
        background-image: url("https://www.coutaubegarie.com/uploads/Image/img_site/picto_no_couv.jpg"); 
        background-position: center center; 
        background-repeat: no-repeat; 
        background-size: 100% 100%; 
        width: 440px !important; 
        height: 537px !important; 
        padding-right: 40px; 
        border-radius: 4px; 
        border: #ccc solid 1px; 
        margin-left: 0; 
        margin-right: 14px; 
    }
}