/*-------------------bouton retrait-------------------*/
.bouton-retrait {background-color: #a90329; color: #fff !important; border: 1px solid #000; padding: 11px 12px; border-radius: 5px; margin-bottom: 20px; display: inline-block; text-align: center; text-decoration: none; font-size: 16px; margin-top: 30px;}

/*-------------------bouton drouot-------------------*/
.bouton-drouot {background-color: white; color: #000 !important; border: 1px solid #000; padding: 4px 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;}
.bouton-drouot:hover {background-color: #f0f0f0; color: #000 !important; cursor: pointer;}

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

/*-------------------typographie globale-------------------*/
body {font-family: 'Inter', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.6; color: #000;}

/*-------------------titres-------------------*/
h1, h2, h3, h4, h5, h6 {font-family: 'Inter'; font-weight: 600; margin-top: 0; margin-bottom: 0.5em; color: #000;}

/*-------------------paragraphes-------------------*/
p {margin-bottom: 1em; font-size: 14px; font-weight: 400;}

/*-------------------liens-------------------*/
a {font-family: 'Inter'; text-decoration: none; color: #a90329;}
a:hover {text-decoration: underline;}

/*-------------------autres éléments typographiques-------------------*/
strong, b {font-weight: 600;}
em, i {font-style: italic;}

/*-------------------autres-------------------*/
.more-link {display: none;}
.verticalCarouselLot {position: relative !important; height: auto !important; left: auto !important; top: auto !important;}
.date_vente {text-transform: none;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
.titre_page {font-family: 'Inter'; font-size: 26px; font-weight: bold; letter-spacing: 1px; color: #a90329; text-transform: none; padding: 0 0 10px; margin: 40px 0;}
.actualite_titre {font-family: 'Inter'; font-size: 20px; font-weight: bold; color: #a90329; text-transform: uppercase; padding: 10px 0; line-height: 25px;}
.salePhareTitle {letter-spacing: 1px; font-size: 13px !important; line-height: 16px;}

/*-------------------images et mise en page-------------------*/
.droite_catalogue img {max-width: 120px; height: auto;}
.entry-image, .imgphare {margin-bottom: 10px;}
.newsPhareImage img {margin-bottom: 10px;}

/*-------------------boutons-------------------*/
.btn.ghost {font-size: 12px;}
.btn.ghost:hover, .btn.ghost:active, .btn.ghost:focus {background-color: #a90329 !important; color: #fff !important; border-color: #a90329; font-size: 12px;}

/*-------------------produits / éléments d’enchères-------------------*/
.productLive {float: left; padding: 10px; margin-top: 10px; text-align: center; background: #fff; color: #c00935; border: 1px solid #c00935; border-radius: 5px; line-height: 15px;}
.productOnline, .productOnlineResult {clear: both;}
.device-sm [class^="icon-legal"], .device-xs [class^="icon-legal"] {margin-right: 0;}

/*-------------------mise en page générale-------------------*/
#top-bar {margin-bottom: 20px;}

/*-------------------header-------------------*/
.top-links, .top-links a {color: #000 !important;}
#top-social li {border: none;}
#top-social li a {border-left: 0px solid #fff !important; font-weight: bold; color: #000;}
.flags img {opacity: 0.5; height: 25px !important;}
.flags a:hover img {opacity: 1; height: 25px;}
#logo img {width: 200px; margin-bottom: 30px;}
.texteHeader {margin-bottom: 30px;}
.device-lg #cpgenlogo {float: left; margin-right: 140px;}
.device-sm #cpgenlogo {margin-right: 170px;}
.device-xxs #cpgenlogo, .device-xs #cpgenlogo {width: 100% !important;}

/*-------------------menu-------------------*/
nav a:hover {color: #fff;}
#primary-menu-trigger {background-color: transparent !important;}
#cpgen-menu {border-top: 1px solid #fff;}
#primary-menu > div > ul > li:hover a, #primary-menu > div > ul > li.current a {color: #fff; background-color: #888 !important;}
#primary-menu.style-2 > div > ul > li > a {line-height: 36px; color: #fff;}
#primary-menu.style-2 > div > ul > li > a:hover {color: #fff;}
#primary-menu.style-2 > div > ul > li > a i {line-height: 30px; color: #fff; font-weight: bold;}
#primary-menu.style-2 > div > ul > li > a i:hover, #primary-menu.style-2 > div > ul > li > a i:visited {color: #fff !important; background-color: #888 !important;}
#primary-menu ul ul li a {color: #fff !important; background-color: #a90329; text-transform: none; font-size: 14px; font-weight: normal;}
#primary-menu.style-2 > div #top-search, #primary-menu.style-2 > div #top-cart, #primary-menu.style-2 > div #side-panel-trigger {margin-top: 10px; margin-bottom: 0;}
.device-md #primary-menu ul li a {padding: 3px 11px; height: 40px; line-height: 40px; font-size: 11px;}
.device-sm #primary-menu, .device-xs #primary-menu, .device-xxs #primary-menu {float: left; width: 100%; background-color: #a90329 !important;}

/*-------------------top search-------------------*/
#primary-menu .container #top-search form input::placeholder {font-size: 16px; text-transform: none; font-weight: normal; color: #000 !important;}
.device-xxs #primary-menu .container #top-search form input::placeholder {font-size: 12px; color: #000; text-transform: none; font-weight: normal;}
#primary-menu .container #top-search form input {background: #fff none; border-radius: 6px 0 0 6px; float: left; font-size: 16px; height: 50%; line-height: 25px; margin-top: 7px !important; padding: 5px 5px 5px 7px !important; width: 90%; font-weight: normal; color: #000 !important;}
#top-search form input.loupe {background: #fff ur[](http://www.art-richelieu.fr/uploads/Image/img_etude/bt_loupe.png) no-repeat scroll 0 4px !important; background-size: 62% 60% !important; height: 25px; width: 30px; color: #000; float: left; border-radius: 0 6px 6px 0;}
#primary-menu.style-2 > div #top-search, #primary-menu.style-2 > div #top-cart, #primary-menu.style-2 > div #side-panel-trigger {margin-top: 9px; margin-bottom: 20px;}
#top-cart > a > span {right: 17px; top: -5px; color: #014689; background-color: #fff;}

/*-------------------boutons généraux-------------------*/
.button, .btn-primary {color: #fff; background-color: #a90329; border-color: #a90329;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {background-color: #888; border-color: #888; color: #fff;}
.button.button-3d:hover {background-color: #888 !important;}
.device-sm .btn-primary {margin-top: 50px;}

/*-------------------bouton recherche - searchfiltre-------------------*/
#searchFiltre {background-color: #f8f8f8;}
#searchFiltre input.btRecherche {margin-bottom: 20px; background-color: #a90329; color: #fff; border: 1px solid #a90329; border-radius: 0 4px 4px 0;}
#searchFiltre input.btRecherche:hover {width: 100%; padding: 6px 10px; background-color: #888; color: #fff; border: 1px solid #888; border-radius: 0 4px 4px 0;}

/*-------------------slider-------------------*/
#slider {margin-bottom: 30px;}
.tparrows:hover {background: #a90329;}
.tp-caption {font-family: 'Inter'; font-size: 15px !important; line-height: 16px; font-style: normal;}
.tp-caption #slideTitleId {margin-bottom: 10px;}
.tp-caption.WebProduct-Title.tp-resizeme {color: #fff !important; font-size: 24px !important; line-height: 26px; text-transform: uppercase; margin-bottom: 10px;}
.device-xxs .tp-caption {font-size: 12px !important; line-height: 13px; font-style: normal;}

/*-------------------carrousel home et résultats-------------------*/
.belles_encheres, .belles_encheres_home {text-align: center; margin-top: 20px;}
.CarouselResultat {color: #a90329; font-weight: bold; text-transform: none; text-align: center; margin-top: 4px;}
.belles_encheres_home .owl-carousel .owl-item img {margin: 0 auto; border-radius: 3px; height: 130px;}
.belles_encheres_home .imgphare {display: table-cell; float: left; text-align: center; vertical-align: middle; overflow: hidden; height: 140px; max-height: 140px; min-height: 140px; width: 100%; margin-bottom: 14px; margin-right: 19px;}
.calendrier_milieu .bloc_mois_date {display: none;}
.owl-theme .owl-dots .owl-dot.active span {background-color: #a90329;}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {top: 50px;}

/*-------------------carrousel vertical-------------------*/
.belles_encheres_colonne, .belles_encheres_specialites {text-align: center; margin-top: 20px;}
.device-lg .belles_encheres_colonne {padding: 0 40px;}
.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 100px;}
.device-xxs .belles_encheres_colonne {padding: 0;}
.verticalCarouselContent {border: 1px solid #fff;}
.col-md-4 .belles_encheres_colonne .verticalCarouselLot {padding: 10px 0;}

/*-------------------actualités - page actualité-------------------*/
.page_actualite .actualite .entry-image {width: 130px; float: left; margin-right: 30px;}
.page_actualite .entry.clearfix.actualite .entry-c {width: 66%;}
.texte_actualite {margin-bottom: 10px;}

/*-------------------actualités - colonnes-------------------*/
.actualiteCol1, .actualiteCol2 {margin-top: 70px; width: 100%; clear: both;}
.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: 0;}

/*-------------------actualités - home-------------------*/
.device-lg .actualite_droite .entry.clearfix.actualite .entry-c {float: left; clear: both; width: 100%;}
.device-lg .actualite_droite .actualite .entry-image img {width: 300px; float: left; margin-right: 0; clear: both;}

/*-------------------actualités - image sizes responsive-------------------*/
.device-lg .entry.clearfix.actualite .entry-image img, .device-md .entry.clearfix.actualite .entry-image img, .device-sm .entry.clearfix.actualite .entry-image img {width: 170px; float: left;}
.actualite_droite .entry.clearfix.actualite .entry-c {width: 100%;}
.device-sm .actualite_droite .entry.clearfix.actualite .entry-c {width: 66%;}
.device-sm .actualite_droite .entry.clearfix.actualite .entry-image {width: 220px; clear: both; margin-bottom: 10px;}
.device-xs .actualite_droite .entry.clearfix.actualite .entry-image {width: 420px; clear: both; margin-bottom: 20px;}

/*-------------------services-------------------*/
.encart_titre, .encart_titre a {font-weight: bold; color: #a90329 !important;}

/*-------------------calendrier-------------------*/
.calendrier_annees {font-weight: 500; margin-bottom: 60px;}
.triAnnee, .triAnnee a {background-color: #a90329; color: #fff !important; font-size: 12px; padding: 2px 6px;}
.triAnnee:hover {background-color: #888; color: #fff; font-size: 12px; padding: 2px 6px;}
.bloc_mois_date {display: none;}
.entry-title h2 {margin: 0 0 16px 0; margin-top: 0 !important; letter-spacing: 1px; font-size: 13px !important; line-height: 16px;}
.layoutsExemple .entry-image img {border: 1px solid #e8e8e8;}
.layoutsExemple .entry-image {width: 190px; float: left; margin-right: 0;}
.calendrier_milieu .calendrier .entry-image {width: 150px; float: left; margin-right: 0;}

/*-------------------calendrier - colonne centrale-------------------*/
.col-md-10.entry-c {width: 68%;}
.device-md .col-md-10.entry-c {width: 64%;}

/*-------------------images sans couverture-------------------*/
.entry-image.widget_no_couv, .entry-image.no_couv {background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; border: 1px solid #ccc; border-radius: 3px; margin-left: 18px; width: 145px !important; height: 187px !important;}
.device-lg .entry-image.widget_no_couv, .device-md .entry-image.widget_no_couv, .device-sm .entry-image.widget_no_couv, .device-lg .entry-image.no_couv, .device-md .entry-image.no_couv, .device-sm .entry-image.no_couv {width: 140px !important; height: 180px !important;}
.entry-image.widget_no_couv {background-image: url("http://www.art-richelieu.fr/uploads/Image/img_etude/picto_no_couv.jpg");}
.entry-image.no_couv {background-image: url("http://www.art-richelieu.fr/uploads/Image/img_etude/picto_no_couv.jpg");}
.layoutsExemple .entry-image.no_couv.couverture_catalogue {background-image: url("http://www.art-richelieu.fr/uploads/Image/img_etude/widget_catalogue_no_couv.png"); width: 150px !important; height: 186px !important; margin-right: 20px;}
.device-xs .entry-image.widget_no_couv, .device-xs .entry-image.no_couv {background-image: url("http://www.art-richelieu.fr/uploads/Image/img_etude/picto_no_couv.jpg"); width: 100% !important; height: 500px !important; margin-left: 0;}
.device-xxs .entry-image.widget_no_couv {background-image: url("http://www.art-richelieu.fr/uploads/Image/img_etude/widget_catalogue_no_couv.png"); width: 100% !important; height: 350px !important; margin-left: 0;}
.device-xxs .entry-image.no_couv {background-image: url("http://www.art-richelieu.fr/uploads/Image/img_etude/picto_no_couv.jpg"); width: 100% !important; height: 350px !important; margin-left: 0;}
.device-xs .layoutsExemple .entry-image.couverture_catalogue, .device-xxs .layoutsExemple .entry-image.couverture_catalogue {padding-right: 0; width: 100%; height: auto;}

/*-------------------catalogue-------------------*/
.top-cart-title p, .modal-title, .fiche_lot_resultat, .lotnum, .num_lot, .fiche_lot_num, .col-md-12.titre_ordre_phrase, .sale-flash2, .Style1, .titre_ordre_etape {color: #a90329;}
.modal-title {text-transform: uppercase;}
.fiche_titre_lot h1 {font-size: 14px !important; margin-bottom: 5px; clear: both; color: #014689; font-weight: bold;}
.lieu_vente {color: #000; font-size: 16px; line-height: 17px; font-style: italic; margin-bottom: 10px; text-align: left;}
.device-xxs .nom_vente {font-size: 14px; line-height: 18px; padding: 4px 0 8px; text-transform: uppercase;}
.device-xxs #page-title.page-title-mini h1 {font-size: 12px;}
#page-title.page-title-mini h1 {font-weight: 300; font-size: 14px; color: #888;}
.bt_valider_ordre input, #estim .btn.btn-default, #form_inscription .btn.btn-default, .formEnvoyer input {background: #a90329; border: 1px solid #a90329;}
.bt_valider_ordre input:hover, #estim .btn.btn-default:hover, #form_inscription .btn.btn-default:hover, .formEnvoyer:hover input {background: #888; color: #fff; border: 1px solid #888;}
.button.button-border:hover {background-color: #a90329; color: #fff;}
.jq-icon-info {background-color: #a90329 !important; color: #fff; border-color: #a90329 !important;}
.product {border: 1px dotted #ccc;}
.product-image {position: relative; width: 100%; height: 300px !important; overflow: hidden;}
.product-image.no_picture {background-image: url("http://www.art-richelieu.fr/uploads/Image/img_etude/no_picture.png"); background-position: center center; background-repeat: no-repeat; background-size: 80% 70%; width: 100% !important; height: 170px !important; padding-right: 20px; border-radius: 4px; border: 1px solid #fff; background-color: #fff;}
.pagination .currentStep {background: #a90329; color: #fff; padding: 8px 12px; margin: 0 2px;}
.ordreAchat.col-md-6 {margin-top: 20px;}
.ordre_true.product, .pageOrdre .ordre_true.product {height: 620px !important;}
.ordre_false.product, .pageOrdre .ordre_false.product {height: 600px !important;}

/*-------------------cgu / legal / pages statiques-------------------*/
.calLegende {background-color: #f1f1f1; padding: 20px; width: 100% !important; text-align: center; margin-bottom: 40px;}
.page_statique h2 {clear: both; padding-top: 20px; text-transform: uppercase;}
.page_statique h3, .page_statique h4 {padding: 20px 0 0 10px; font-size: 12px;}
.page_statique h3 {font-style: italic;}

/*-------------------formulaires / newsletter / estimation-------------------*/
.page_newsletter .fond_estimation, .fond_estimation, .paiement {background-color: #f1f1f1;}
.fond_estimation {padding: 20px;}
.paiement {padding: 20px;}
.page_expertise, .page_newsletter, .inscription_legende {padding-bottom: 30px;}
.inscription_legende {padding-top: 20px; padding-bottom: 10px;}
.row.inscription_etape_un, .row.inscription_etape_deux, .row.inscription_etape_trois {border-bottom: 0; margin-bottom: 15px !important;}
.newsletter_lettrine {display: none;}
.newsletter_theme {font-size: 11px;}
.device-md .newsletter_chekbox_txt, .device-sm .newsletter_chekbox_txt {font-size: 12px !important;}
.paiement h3 {display: none;}
.button {background-color: #a90329;}
.button.button-3d:hover {background-color: #888 !important; opacity: 0.9;}
.bt_valider_ordre input, #estim .btn.btn-default, #form_inscription .btn.btn-default, .formEnvoyer input, .fond_estimation .btn.btn-default.nb {background: #a90329; color: #fff; padding: 10px 15px; border: 1px solid #a90329; 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: 1px solid #888;}
.freeForm .label { font-size: 14px; width: 280px; color: #000; text-align: left;}
#estim input, #estim textarea {border: 1px solid #ccc; border-radius: 2px; width: auto; padding: 5px 10px;}
#estim .row {margin-bottom: 10px;}
#etape1, #etape2, #etape3, #droit {padding: 10px; margin: 0; width: 100%;}
.paiement select {width: 100%;}
input[name="montant"][type="text"] {width: auto;}

/*-------------------responsive formulaires-------------------*/
.device-lg .newsletter_colonne, .device-md .newsletter_colonne, .device-sm .newsletter_colonne {width: 33%;}
.device-xs .freeForm .label {font-size: 14px; width: 100%; color: #000; text-align: left;}
.device-xs input[type="radio"], .device-xs #estim input[type="radio"], .device-sm input[type="radio"], .device-sm #estim input[type="radio"] {width: 14px !important;}
.device-xxs .col-sm-3.inscription_legende, .device-xs .col-sm-3.inscription_legende {padding-right: 0;}

/*-------------------footer-------------------*/
#gotoTop:hover {background-color: #a90329;}
.device-lg .adresse, .device-md .adresse {text-align: right;}
.device-sm .adresse {text-align: center;}

/*-------------------responsive design-------------------*/
@media (max-width: 991px) {
    .titre_page {
        font-size: 22px;
    }

    #primary-menu-trigger .icon-reorder {
        color: #fff !important;
        background-color: transparent !important;
        height: 36px;
    }

    #primary-menu-trigger {
        top: 100%;
    }

    #top-search a i {
        top: -9px;
    }

    #primary-menu > div > #top-cart {
        margin: 11px 0 !important;
    }

    #primary-menu > div > #top-search form {
        height: 50px !important;
    }

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

    #primary-menu ul li {
        padding-left: 20px;
    }

    #primary-menu ul ul li {
        padding-left: 0;
    }

    #primary-menu > div > ul ul {
        margin-top: 0;
        margin-left: 0;
        background-color: #a90329 !important;
    }

    #primary-menu > div > ul > li:hover a,
    #primary-menu > div > ul > li.current a,
    #primary-menu > div > ul ul > li a,
    #primary-menu > div > ul ul > li:hover a,
    #primary-menu > div > ul ul > li.current a {
        color: #fff;
        background-color: #a90329 !important;
        font-weight: 500;
    }

    #primary-menu ul ul a,
    #primary-menu ul ul a:hover {
        font-size: 14px !important;
    }

    #cpgen-menu li:hover {
        background: #a90329;
    }

    #logo img {
        width: 200px;
        height: auto;
    }

    .ordre_true.product,
    .pageOrdre .ordre_true.product {
        height: 630px !important;
    }

    .ordre_false.product,
    .pageOrdre .ordre_false.product {
        height: 510px !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%;
    }

    input[name="montant"][type="text"] {
        width: 90%;
    }

    input[type="radio"] {
        width: 14px !important;
    }

    .actualite_droite .entry.clearfix.actualite .entry-image {
        width: auto;
        clear: both;
        margin-bottom: 10px;
    }

    #cpgenlogo {
        width: 100% !important;
    }

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

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

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

@media (max-width: 767px) {
    .ordre_false.product,
    .pageOrdre .ordre_false.product {
        height: 590px !important;
    }

    .paiement .freeForm .label {
        font-size: 14px;
        width: 100%;
        color: #000;
        text-align: left;
    }

    .paiement input {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        width: auto;
        clear: both;
    }

    .paiement select {
        width: 100%;
    }

    .page_actualite .actualite .entry-image {
        width: 100%;
        float: left;
        margin-right: 0;
    }

    .entry-c {
        clear: both;
        width: 100%;
    }

    .texteHeader {
        margin-bottom: 30px;
        width: 100%;
        text-align: center;
    }

    .owl-theme .owl-dots .owl-dot {
        display: none;
    }
}