/*==========================================================================
  1. BASES, CONFIGURATION GLOBALE ET RÉINITIALISATION
  ========================================================================== */
*::-moz-selection { background: #999 !important; color: #fff; text-shadow: none; }

/* Blocs et images générales */
body:not(.top-search-open) #primary-menu-trigger { top: 115%; }
.bloc1 img { width: 350px; height: auto; margin-bottom: 40px; }
.bloc1 img, .bloc2 img, .bloc1-3 img, 
.device-lg .bloc1 img, .device-lg .bloc2 img, .device-lg .bloc1-3 img, 
.device-md .bloc1 img, .device-md .bloc2 img, .device-md .bloc1-3 img { margin-bottom: 40px; }

.ajustements-images-carititaves { display: flex; align-items: center; gap: 20px; }
.ajustements-images-carititaves img { width: 100%; height: 300px; object-fit: cover; display: block; }
.loupe { display: none; }

/* Ajustements divers */
.ordre_false.product, .pageOrdre .ordre_false.product { height: 600px !important; }
#top-search a i, #top-cart a { top: 8px; }
#top-social { display: none; }
.marginHaut { margin-top: 40px; }
.border { border-bottom: 1px solid #000; padding: 5px; }
.col-md-6.border { border: 1px solid #000; padding: 10px; }

/*==========================================================================
  2. TYPOGRAPHIE, TITRES ET BOUTONS
  ========================================================================== */
.titre_page, .titre_page a, .titre_page a:link, .titre_page a:visited { color: #962324; text-transform: uppercase; font-family: 'Playfair Display', serif; font-size: 24px; letter-spacing: 1px; padding-top: 40px; padding-bottom: 20px; clear: both; }
.sous-titre { font-size: 18px; padding-bottom: 10px; margin-bottom: 30px; border-bottom: 2px solid #F5F5F5; }
.titre, .vente_theme, .text_info { font-size: 12px; }
.titre { color: #962324; }

.bouton-voir-plus { display: inline-flex; align-items: center; justify-content: center; padding: 10px 22px; font-size: 16px; font-weight: 500; color: #000000; text-decoration: none; background-color: transparent; border: 1px solid #000000; border-radius: 0px; cursor: pointer; transition: all 0.2s ease-in-out; }
.bouton-voir-plus:hover { background-color: #000000; color: #ffffff; }
.bouton-voir-plus:active { opacity: 0.8; }
.bouton-voir-plus:focus-visible { outline: 2px dashed #000000; outline-offset: 4px; }

.button, .btn-primary { background-color: #962324; color: #fff; border-color: #962324; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #000; border-color: #000; }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #fff; background-color: #000; border-color: #000; text-transform: uppercase; }

/*==========================================================================
  3. EN-TÊTE (HEADER), LOGO & TOP BAR
  ========================================================================== */
#logo { line-height: 54%; margin-right: 0; }
#logo img { width: 255px; height: auto; margin-top: -45px; max-width: 100%; }
.texteHeader { color: #fff; text-align: center; font-size: 13px; text-transform: uppercase; margin: -23px 0 29px 0; }
#top-bar img { display: none; height: 25px !important; }

/* Header - Responsive par composants */
.device-lg .texteHeader { width: 935px; padding-left: 280px; font-size: 13px; margin: -24px 0 28px 0; }
.device-md #logo img { width: 260px; margin-top: -45px; }
.device-md .texteHeader { width: 810px; padding-left: 260px; margin-bottom: 25px; }
.device-sm #top-bar { height: 25px; }
.device-sm #top-social, .device-sm #top-social ul { margin-top: 12px; }
.device-sm #logo img { width: 250px; height: auto; margin-top: -25px; }
.device-sm .texteHeader { padding-left: 255px; font-size: 13px; margin: 0 0 23px 0; }
.device-xs #logo img { width: 210px; height: auto; margin-top: 0; }
.device-xs .texteHeader { width: auto; font-size: 11px; color: #fff; text-align: center; margin: 22px 0 20px 218px; }
.device-xxs #logo { width: 100%; text-align: center; }
.device-xxs #logo img { width: 200px; height: auto; margin-top: 10px; }
.device-xxs .texteHeader { width: 100%; font-size: 10px; text-align: center; margin: 6px 0 20px 0; float: left; clear: both; }
.device-xxs #cpgenlogo { float: left; width: 100%; }

/*==========================================================================
  4. MENU DE NAVIGATION
  ========================================================================== */
nav { color: #000000; font-size: 12px; letter-spacing: 0px; }
nav a:link { color: #000; }
#cpgen-menu { margin-bottom: 1px; }
li.sub-menu:nth-child(8) > a:nth-child(1) { color: #962324; }
.sf-js-enabled > li:nth-child(5) { padding-left: 0px; padding-right: 0px; }

#header.sticky-header #header-wrap { height: 60px; background-color: #fff; color: #000; }
#header.sticky-header #header-wrap .logoMenu { height: 30px !important; width: 74px !important; top: 15px; }
#header.sticky-header #header-wrap #primary-menu ul li i.menu-home { top: 0px; width: 104px; height: 48px; margin-right: 0px; }

.logoMenu { background-image: url("https://www.beaussantlefevre.com/uploads/Image/img_site/symbole1.png"); height: 27px !important; width: 66px !important; float: left; top: -80px; background-position: 0px 0px; background-size: 100%; background-repeat: space; }
i.logoMenu { line-height: 20px; }

#primary-menu ul li i { top: 17px; width: 76px; height: 93px; margin-right: 0px; }
#primary-menu ul li i.menu-home { top: 18px; width: 80px; height: 34px; margin-right: 0px; }
#primary-menu.style-2, #primary-menu.style-2 > div > ul, #primary-menu.style-2 > div > ul > li > a { height: 60px; }
#primary-menu.style-2 > div > ul > li > a i { color: #000; font-weight: 700; }
#primary-menu.style-2 > div > ul > li > a i:hover { color: #962324 !important; }
#header.sticky-style-2 #header-wrap, #header.sticky-style-3 #header-wrap, #primary-menu.style-2 > div > ul > li > a { height: 60px; line-height: 60px; }
#primary-menu ul ul a { color: #000 !important; text-transform: none; font-size: 12px; font-weight: normal; padding-bottom: 20px; line-height: 3; }

/* Navigation - Responsive */
.device-lg #primary-menu ul ul, .device-lg #primary-menu ul li .mega-menu-content, 
.device-md #primary-menu ul ul, .device-md #primary-menu ul li .mega-menu-content { display: none; position: absolute; background-color: #fff !important; box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05); border: 1px solid #EEE; border-top: 1px solid #962324; height: auto; z-index: 199; left: 0; margin: 0; top: 60px; color: #000; }
body.en.device-lg #primary-menu ul li a { padding-left: 15px; padding-right: 15px; }
.device-md #primary-menu ul li a { font-size: 11px; padding-left: 9px; padding-right: 9px; }
body.en.device-md #primary-menu ul li a { font-size: 11px; padding-left: 6px; padding-right: 6px; }
body.en.device-sm #primary-menu ul li a { font-size: 11px; padding-left: 6px; padding-right: 6px; }
.device-sm #primary-menu, .device-xs #primary-menu, .device-xxs #primary-menu { float: left; width: 100%; background-color: #fff !important; padding-left: 9px; }

/*==========================================================================
  5. BARRE DE RECHERCHE & FILTRES (TOP-SEARCH)
  ========================================================================== */
#primary-menu-trigger, #page-submenu-trigger { width: 50px; height: 40px; line-height: 40px; }
#top-search form { background-color: #fff; top: 10px; border-radius: 4px; height: 40px !important; border: 1px solid #000; }
#top-search form input { background: #fff none repeat scroll 0 0; border-radius: 6px 0px 0px 6px; float: left; font-size: 16px; height: 50%; line-height: 25px; margin-top: 8px !important; padding: 5px 5px 5px 7px !important; width: 90%; font-weight: normal; color: #000; }
#top-search form input.loupe { background: #ffffff url("https://www.beaussantlefevre.com/uploads/Image/img_site/bt_go.gif"); height: 68%; background-size: 90%; width: 30px; color: #000; float: left; border-radius: 0px 6px 6px 0px; }
#primary-menu .container #top-search form input { color: #222 !important; }
#primary-menu .container #top-search form input::placeholder { font-size: 14px; text-transform: none; font-weight: normal; color: #000 !important; }
[class^="icon-legal"] { margin-right: 20px; }
.top-cart-title p { color: #000; font-weight: normal; }

#searchFiltre { background-color: #f8f8f8; }
#searchFiltre input.btRecherche { width: 100%; padding: 6px 10px; background-color: #962324; color: #fff; border: 1px solid #962324; border-radius: 0 4px 4px 0; margin-bottom: 20px; }
#searchFiltre input.btRecherche:hover { background-color: #000; border: 1px solid #000; }

/* Recherche - Responsive */
.device-md #top-search form input, .device-sm #top-search form input { margin-top: 7px !important; }
.device-xxs #top-search form input, .device-xs #top-search form input { margin-top: 8px !important; }
.device-xxs #primary-menu .container #top-search form input::placeholder { font-size: 13px; color: #000; text-transform: none; font-weight: normal; }

/*==========================================================================
  6. SLIDER REVOLUTION
  ========================================================================== */
#slider { margin-top: 5px !important; margin-bottom: 20px !important; }
.tparrows { cursor: pointer; background: transparent !important; width: 40px; height: 40px; position: absolute; display: block; z-index: 1000; }
input #slideTitleId { margin-bottom: 0px; font-size: 18px; }
.tp-caption, .tp-caption a { font-size: 14px !important; color: #fff; line-height: 14px; font-family: 'Playfair Display', serif !important; }
.tp-caption.WebProduct-Title.tp-resizeme { color: #fff !important; font-size: 18px !important; line-height: 20px; text-transform: uppercase; margin-bottom: 10px; }

/* Slider - Responsive */
.device-sm .tp-caption.WebProduct-Title.tp-resizeme { color: #fff !important; font-size: 14px !important; line-height: 1; text-transform: uppercase; margin-bottom: 10px; font-family: 'Playfair Display', serif !important; }
.device-sm input #slideTitleId { margin-bottom: 10px; font-size: 14px; font-family: 'Playfair Display', serif !important; }
.device-xxs .tp-caption, .device-xs .tp-caption { display: none; }
.device-xxs .tp-caption.WebProduct-Title.tp-resizeme { color: #fff !important; font-size: 14px !important; line-height: 14px; text-transform: uppercase; margin-bottom: 0px; width: 50%; font-family: 'Playfair Display', serif !important; }

/*==========================================================================
  7. COMPOSANTS CARROUSEL & CALENDRIER (ACCUEIL)
  ========================================================================== */
.bloc_vente_date { clear: both; margin-top: 8px; color: #000; font-size: 13px; font-weight: 300; font-style: normal; }
.bloc_vente_lieu { clear: both; }
.home_calendrier .owl-nav { display: none; }
.verticalImage { width: 100%; padding: 0; margin-bottom: 10px; }
.calendrierVertical .item:hover .verticalImage img { transform: scale(1) translate(0%, 0%); transform-origin: 0 0; filter: grayscale(1); }
div.layoutsExemple:nth-child(11), div.layoutsExemple:nth-child(12), div.layoutsExemple:nth-child(13) { padding-left: 0px !important; }

.couvPasDispo { background: #fff url("https://www.beaussantlefevre.com/uploads/Image/img_site/nocouv.png") no-repeat scroll center center; background-size: 100% 100%; border: 0px solid #ccc; height: 285px; }

/* Carrousel Accueil - Responsive */
.devicel-lg .couvPasDispo { height: 269px !important; }
.device-md .couvPasDispo { height: 286px !important; }
.device-sm .couvPasDispo { height: 289px !important; }
.device-xs .couvPasDispo { height: 184px; }
.device-xxs .couvPasDispo { height: 265px !important; }
.device-xxs .home_calendrier .couverture_catalogue img { width: 400px; }
.device-xxs .home_calendrier .couverture_catalogue img:hover { transform: none; }
.device-xxs .carouselCouvCata, .device-xxs .calendrierVertical .cataPasDispo { overflow: hidden; max-height: 700px; float: left; }

/*==========================================================================
  8. CARROUSEL BELLES ENCHÈRES & RÉSULTATS
  ========================================================================== */
.titre_encheres { color: #962324; text-align: center; }
.belles_encheres, .belles_encheres_colonne, .belles_encheres_specialites { text-align: center; margin-top: 20px; }
.belles_encheres_colonne { padding: 20px; }
.belles_encheres_specialites { padding: 0px; margin-top: 0px; }
.belles_encheres_home { text-align: center; margin-top: 30px; margin-bottom: 30px; }
.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%; }

.CarouselResultat, .CarouselResultat a { color: #962324; margin-top: 4px; text-align: center; text-transform: none; font-weight: bold; font-size: 12px; }
.CarouselResultat { color: #000; }
.owl-theme .owl-dots .owl-dot span { display: none; background-color: #000; }
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover { background-color: #962324 !important; color: #FFF !important; text-decoration: none; }

/* Belles enchères - Responsive */
.device-lg .belle_encheres_colonne { padding: 0px 40px; text-align: center; margin-top: 0px; }
.device-lg .belles_encheres_colonne { padding: 0px 20px; }
.device-lg .belles_encheres_colonne .verticalCarouselContent { padding: 20px 40px; }
.device-md .belle_encheres_colonne { padding: 0px 20px; text-align: center; margin-top: 20px; }
.device-md .belles_encheres_colonne, .device-xs .belles_encheres_colonne { padding: 0px 20px; }
.device-sm .belle_encheres_colonne { padding: 0px 100px; text-align: center; margin-top: 20px; }
.device-sm .belles_encheres_colonne { padding: 0px 80px; }
.device-xs .belle_encheres_colonne { padding: 0px 40px; text-align: center; margin-top: 0px; }
.device-xs .belles_encheres_colonne { padding: 0px 30px; }
.device-xxs .belle_encheres_colonne { padding: 0px 10px; text-align: center; margin-top: 20px; }
.device-xxs .belles_encheres_colonne { padding: 0px; }

/*==========================================================================
  9. CATALOGUE, PRODUITS ET RECHERCHE DE LOTS
  ========================================================================== */
.LotReferencement { border: 1px solid #e5e5e5; padding: 20px; margin: 10px 20px 10px 0; height: 350px; }
.LotReferencement h4 { font-size: 11px !important; font-weight: normal; margin-bottom: 6px; max-height: 50px; overflow: hidden; }
.LotReferencement h5 { font-size: 12px; font-weight: normal; margin-bottom: 5px; color: #000; }
.lotPhareResult { font-size: 12px; color: #000; font-weight: bold; }
.lot_recherche .lotnum { font-size: 16px; }
.date_vente { text-transform: none; }
.droite_catalogue img { max-width: 120px; height: auto; }
img.imgvisu { padding-bottom: 16px; }
img.visucollections { padding-bottom: 20px; }
.newsPhareTitle, .newsPhareTitle a { color: #000 !important; font-size: 11px; line-height: 14px; font-weight: 600; }
.productOnline, .productOnlineResult { clear: both; }

.estimLabelAff4, .estimAff4 { margin-bottom: 14px; }
.product-overlay a:hover { background-color: #000; }
.product:hover .productOnline, .product:hover .productOnlineResult { background-color: #000; color: #fff; border-color: #000; }
.pagination .currentStep { background: #000; color: #fff; padding: 8px 12px; margin: 0 2px; }
.col-md-12.titre_ordre_phrase { margin: 30px 0; clear: both; width: 100%; color: #000; }
.single-product .fiche_lot_resultat { background: #000; }
#page-title h1 { color: #333; font-size: 14px !important; text-transform: uppercase; }
.product-desc { font-size: 12px; }
.product-image { position: relative; width: 100%; overflow: hidden; height: 270px; }
.jq-icon-info { background-color: #962324 !important; color: #fff; border-color: #962324 !important; }

/*==========================================================================
  10. PAGES SPÉCIFIQUES (CALENDRIER, STANTIQUES, ACTUALITÉS)
  ========================================================================== */
/* Page Calendrier */
.triAnnee.annee1970 { display: none; }
.calendrier_annees { margin-bottom: 60px; line-height: 2; }
.layoutsExemple .entry-image { width: 170px; float: left; margin-right: 0px; padding-right: 10px; }
.page_calendrier .entry-c { width: 72%; }
.product-image.no_picture { background-image: url("https://www.beaussantlefevre.com/uploads/Image/img_site/no_picture.png"); background-position: center center; background-repeat: no-repeat; background-size: 80% 80%; width: 100% !important; height: 170px !important; padding-right: 20px; border-radius: 4px; border: 1px solid #ccc; }
.layoutsExemple .entry-image.no_couv.couverture_catalogue, .entry-image.widget_no_couv { background-image: url("https://www.beaussantlefevre.com/uploads/Image/img_site/picto_no_couv.jpg"); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; width: 147px !important; height: 200px !important; border-radius: 4px; margin-left: 14px; margin-right: 10px; border: 0px solid #888; }
.entry-image.widget_no_couv { height: 100px !important; }
.linkExtern img { max-height: 40px; margin-right: 5px; }

/* Page Calendrier - Responsive */
.device-xs .layoutsExemple .entry-image { width: 130px; padding-left: 0; padding-right: 10px; margin-right: 20px; }
.device-xs .entry-image.widget_no_couv { background-image: url("https://www.beaussantlefevre.com/uploads/Image/img_site/picto_no_couv.jpg"); margin-left: 0px; margin-right: 20px; width: 150px !important; }

/* Page Actualités */
.page_actualites .texte_actualite { font-size: 14px; line-height: 1.3; float: left; width: 100%; max-height: 74px; overflow: hidden; }
.actualiteCol1, .actualiteCol2 { margin-top: 70px; width: 100%; }
.actualiteCol1 { text-align: center; }
.widget_actualite_chateau .entry.clearfix.actualite { float: left; width: 25%; min-height: 500px; }
.widget_actualite_chateau .actualite .entry-c { float: left; }
.widget_actualite_chateau .actualite .entry-image { width: 90%; float: left; margin-right: 0px; padding-right: 10px; margin-bottom: 4px; }

/* Page Actualités - Responsive */
.device-sm .bloc1, .device-sm .bloc2 { float: left; }
.device-sm .layoutsExemple.col-md-4 .bloc1, .device-sm .layoutsExemple.col-md-4 .bloc2 { width: 50%; float: left; }

/* Pages Statiques, CGU, Études & Catalogues */
.calLegende { background-color: #f1f1f1; padding: 20px; width: 100% !important; text-align: center; margin-bottom: 40px; }
.page_statique h2 { clear: both; padding: 30px 0px 0px 0px; }
.page_statique h3 { font-family: 'Playfair Display', serif; padding: 30px 0px 0px 0px; font-size: 13px; font-style: italic; }
.page_statique h4 { font-family: 'Playfair Display', serif; padding: 20px 0px 0px 0px; font-size: 12px; }
.page_etude a, .page_etude a:link, .page_collection a, .page_collection a:link { color: #990033 !important; font-style: italic; }
.page_collection a:link { font-size: 11px; }
.page_catalogues .calendrier { width: 22%; float: left; }
.page_catalogues .calendrier .entry-image { width: 100%; float: left; margin-right: 0px; padding-right: 10px; }
.page_catalogues .calendrier.entry { border-bottom: 0px solid #fff; }
.col-md-6.soraya { padding-top: 20px; }
.col-md-4.catalogues .col-md-6 { width: 49%; }
.imgetude { width: 100%; height: auto; margin-bottom: 30px; }

/* Pages Statiques - Responsive */
.device-sm .page_collection .col-md-4 .col-md-6, 
.device-xs .page_collection .col-md-4 .col-md-6 { width: 49%; float: left; }

/*==========================================================================
  11. COMPOSANTS SPÉCIALITÉS ET EXPERTS
  ========================================================================== */
.titrespecialites { text-align: center; font-size: 12px; color: #000; font-family: 'Playfair Display', serif !important; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; background-color: #fff; }
.carreSpecialites.col-md-4 { width: 23.333%; height: 340px; }
.carreSpecialites.col-md-4 div { padding: 10px 0; margin-top: 6px; margin-bottom: 130px; }
.encart_titre, .encart_titre a, .encart_titre a:visited { float: left; margin-top: 10px; margin-bottom: 4px; width: 100%; font-weight: bold; color: #962324 !important; font-size: 12px; }
.encart_texte { font-size: 13px; line-height: 15px; float: left; width: 100%; }
.encartIcones .col-md-4 { width: 20.333333% !important; }
.separation_accueil { border-bottom: 1px solid #000; margin: 21px 0 10px 0; width: 100%; float: left; }

.nom_specialiste { font-size: 15px; line-height: 16px; padding: 0 0 5px; text-transform: uppercase; }
.titre_expert { color: #000; text-transform: none; font-family: 'Playfair Display', serif; font-style: normal; font-weight: 500; font-size: 13px; letter-spacing: 1px; border-bottom: 1px solid #DDD; padding: 10px 0px; margin-bottom: 20px; width: 100%; clear: both; }
.WidgetTitle.titre_expert h3 { padding: 0 15px; color: #000 !important; line-height: 40px; font-size: 14px !important; font-weight: 500; text-transform: none !important; }
.WidgetDroit.experts { font-size: 13px; line-height: 14px; }
.WidgetDroite { margin-top: 0px; padding-bottom: 10px; font-size: 10px; }
.specilitesPage .layoutsExemple.col-md-2.noPaddingRight { padding-left: 0px; }
.specilitesPage .layoutsExemple.col-md-10.noPaddingLeft { padding-right: 15px; }
.nom_expert { color: #000; text-transform: none; font-family: 'Playfair Display', serif; font-style: normal; font-weight: 500; font-size: 13px; letter-spacing: 1px; margin-bottom: 30px; }
.img_expert { padding: 0px 10px 0px 0px; }
.separationSpecialiste { margin-bottom: 15px; float: left; width: 100%; }
img.img_expert { margin-bottom: 10px; max-width: 150px; clear: both; }
.titre_widget_droite { font-family: 'Playfair Display', serif; padding: 0px; color: #000; height: 42px; line-height: 40px; font-size: 14px; font-weight: 500; border-bottom: 1px solid #DDD; }
.page_specialites, .page_statique, .page_statique p, .page_etude, .page_collection { text-align: justify; }
.page_calendrier.specialites .layoutsExemple .entry-image, .page_calendrier.specialites .calendrier .entry-image { width: 130px; }

/* Spécialités et Experts - Responsive */
.device-lg .carreSpecialites.col-md-4 { height: 270px; float: left; width: 24%; margin-bottom: 130px; }
.device-md .WidgetDroite { font-size: 9px; }
.device-sm .carreSpecialites.col-md-4 { height: 450px; float: left; width: 50%; }
.device-sm .WidgetDroit.experts { text-align: center; }
.device-sm img.img_expert { margin-bottom: 20px; max-width: 200px; clear: both; }
.device-xs .carreSpecialites.col-md-4 { width: 50%; height: 325px; }
.device-xxs .carreSpecialites.col-md-4 { height: 480px; float: left; width: 100%; }

/*==========================================================================
  12. FORMULAIRES, COMMANDES & PAIEMENT
  ========================================================================== */
/* Paiement */
.paiement select { width : 100%; }
.paiement { background-color : #f1f1f1; width : 100%; padding : 20px; float : left; margin-top : 40px; margin-bottom : 20px; }

/* Formulaires Généraux */
#estim { margin-top: 30px; }
#estim .row { margin-bottom: 10px; }
.form1 { padding: 20px; }
.freeForm .label { float: left; font-size: 14px; width: 280px; color: #000; text-align: left; }
.row.inscription_etape_un, .row.inscription_etape_deux, .row.inscription_etape_trois { border-bottom: 1px solid #F2F0EC; margin-bottom: 15px !important; }

/* Boutons de formulaires */
.bt_valider_ordre input, #estim .btn.btn-default, #form_inscription .btn.btn-default, .formEnvoyer input { background: #000; color: #fff; padding: 10px 15px; border: 1px solid #000; border-radius: 2px; margin-top: 10px; text-transform: uppercase; }
button .bt_valider_ordre input, .fond_estimation .btn.btn-default.nb { background: #000; color: #fff; padding: 10px 15px; border: 1px solid #000; border-radius: 2px; margin-top: 10px; text-transform: uppercase; }
.bt_valider_ordre input:hover, #estim .btn.btn-default:hover, #form_inscription .btn.btn-default:hover, .formEnvoyer:hover input { background: #dc2925; color: #fff; border: 1px solid #dc2925; text-transform: uppercase; }

/* Newsletter */
.newsletter_lettrine { display: none; }
.page_expertiser, .page_newsletter, .inscription_legende { padding-bottom: 30px; }
.inscription_legende { padding-bottom: 30px; }
.page_newsletter #etape1, .page_newsletter #etape2, .page_newsletter #etape3, .page_newsletter #droit { padding: 25px; margin-bottom: 0px!important; margin-top: 0px; width: 100%; background-color: #F2F0EC !important; float: left; border-radius:4px; }
.page_expertiser #etape1, .page_expertiser #etape2, .page_expertiser #etape3, .page_expertiser #droit { background-color: #F2F0EC !important; margin-bottom: 0px; padding: 25px; width: 100%; }
.page_abonnement #etape1, .page_abonnement #etape2, .page_abonnement #etape3, .page_abonnement #droit { background-color: #fff !important; margin-bottom: 0px; padding: 25px; }

/* Formulaire de contact */
.formulaireContact { background-color: #F2F0EC; padding: 20px; }
.formulaireContact #dsi-submit-btn { color: #fff; background: #444; border-color: #444; margin-bottom: 20px; text-transform: uppercase; }
.formulaireContact #dsi-submit-btn:hover { color: #fff; background: #dc2925; border-color: #dc2925; margin-bottom: 20px; text-transform: uppercase; }
.formulaireContact .col-sm-3.inscription_legende { width: 160px; }
.formulaireContact .col-sm-9 { margin-bottom: 20px; }
.formulaireContact .col-sm-2 { width: auto; }

/* Formulaires - Responsive */
.device-lg .newsletter_colonne { float: left; width: 30%; }
.device-md .newsletter_colonne, .device-sm .newsletter_colonne { float: left; width: 100%; }
.device-md .newsletter_chekbox_txt, .device-sm .newsletter_chekbox_txt { font-size: 12px!important; }
.device-sm input[type="radio"], .device-sm #estim input[type="radio"] { width: 14px!important; }
.device-xs input[type="radio"], .device-xs #estim input[type="radio"] { width: 14px!important; }
.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; }
.device-xxs .page_newsletter .col-sm-3 { padding-right: 0px; }
.device-xxs textarea { width: 100%; }
.device-xxs #estim input[type="radio"] { width: 14px!important; }
.device-xxs input[type="email"] { width: 100%; }
.device-xxs .formulaireContact input[type="civilite"] { width: 100%; }
.device-xxs .formulaireContact .col-sm-2 { width: 83px; padding-right: 5px; padding-left: 0px; }

/*==========================================================================
  13. PIED DE PAGE (FOOTER)
  ========================================================================== */
.socialFooter { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 20px 0; }

/*==========================================================================
  14. CLAUSES GLOBAL RESPONSIVE / MEDIA QUERIES GÉNÉRAUX
  ========================================================================== */
@media (max-width: 1024px) {
    .titre_page, .titre_page a, .titre_page a:link, .titre_page a:visited { font-size: 20px; padding-top: 30px; padding-bottom: 15px; }
}

@media (max-width: 768px) {
    .titre_page, .titre_page a, .titre_page a:link, .titre_page a:visited { font-size: 23px; text-align: center; margin-top: 40px; padding-top: 20px; padding-bottom: 10px; }
}

@media (max-width: 767px) {
    /* Global Mentions & Text */
    .entry-title h2, .post-grid .entry-title h2 { font-size: 16px !important; font-weight: 600; margin-top: 20px; }

    /* Composant Paiement */
    .paiement .freeForm .label { float: left; font-size: 14px; width: 100%; color: #000; text-align: left; }
    .paiement select { width: 100%; }

    /* Pied de page (Footer) */
    #footer, #footer #copyrights, #footer .container, #footer [class*="col_"] { text-align: center !important; float: none !important; width: 100% !important; display: block !important; }
    #footer .textAlignLeft, #footer .textAlignRight { text-align: center !important; }
    #footer ul.footerListe { padding: 0; margin: 0 auto; list-style: none; display: inline-block; }
    #footer ul.footerListe li { display: inline; margin: 0 5px; }
}