a.lien_inclure {display:none;}

/*------------------------------
# GENERAL STYLES
------------------------------*/

/* Icônes de partage social */
.si-share .social-icon {
  display: none;
}

/* Icônes sociales (taille, couleur) */
.social-icon {
  font-size: 20px;
  line-height: 38px !important;
  color: #fff !important;
  text-shadow: none;
}

/* Effet au survol des liens "more-link" */
.more-link:hover {
  border-bottom-color: #c60932;
}

/* Couleur des liens au survol */
a:hover {
  color: #c60932;
}

/* Style pour les numéros de lot dans la recherche */
.lot_recherche .lotnum {
  font-size: 16px;
}

/* Classes commençant par icon-legal (pas de marge droite) */
[class^="icon-legal"] {
  margin-right: 0;
}

/* Texte en gras */
.gras,
.gras a {
  font-weight: bold;
}

/* Hauteur minimale des pages avec layout */
.layoutsPage {
  min-height: 800px !important;
}

/* Texte date de vente sans transformation */
.date_vente {
  text-transform: none;
}

/* Limitation de la taille des images catalogue à droite */
.droite_catalogue img {
  max-width: 120px;
  height: auto;
}

/* Style pour les produits en direct */
.productLive {
  border-radius: 5px;
  border: 1px solid #c00935;
  color: #c00935;
  background: #fff;
  padding: 10px;
  line-height: 15px;
  float: left;
  text-align: center;
  margin-top: 10px;
}

/* Effet clair pour les produits en ligne */
.productOnline,
.productOnlineResult {
  clear: both;
}


/*------------------------------
# BUG FORMULAIRE
------------------------------*/

/* Correction marge input dans #etape2 (ajustement position) */
#etape2 > div:nth-child(2) > div:nth-child(1) > input:nth-child(1) {
  margin-left: -15px;
}

/* Padding spécifique pour petit écran dans formulaire inscription */
.device-xxs #form_inscription .row {
  padding-left: 20px;
}


/*------------------------------
# RECHERCHE
------------------------------*/

/* Bouton 3D au survol - foncé */
.button.button-3d:hover {
  background-color: #333 !important;
}

/* Boutons primaires - style de base */
.btn-primary {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

/* Boutons génériques */
.button {
  background-color: #000;
  color: #fff;
  border-color: #000;
}

/* Boutons primaires - hover, focus, active states */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

/* Boutons primaires marge en petit écran */
.device-sm .btn-primary {
  margin-top: 50px;
}

/* Recherche : marge et style boutons */
#searchFiltre input.btRecherche {
  margin-bottom: 20px;
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
  border-radius: 0 4px 4px 0;
}

/* Conteneur recherche fond gris clair */
#searchFiltre {
  background-color: #f8f8f8;
}

/* Recherche : bouton hover */
#searchFiltre input.btRecherche:hover {
  width: 100%;
  padding: 6px 10px;
  background-color: #333;
  color: #fff;
  border: 1px solid #333;
  border-radius: 0 4px 4px 0;
}

/* Actualités à droite : ajustement image */
.actualite_droite .entry-image {
  margin-top: 0px;
}


/* Icônes légales : suppression marge droite sur petits écrans */
.device-sm [class^="icon-legal"],
.device-xs [class^="icon-legal"] {
  margin-right: 0px;
}

/* Menu primaire : couleur lien actif */
#primary-menu > ul > li.current a {
  color: #ffffff !important;
}

/* Logo : largeur fixe */
#logo {
  width: 310px;
}

/* Menu CPGEN : fond noir */
#cpgen-menu {
  background-color: #000;
  width: 100%;
}

/* Classe rouge : couleur texte */
.rouge {
  color: #c60932;
}


/*------------------------------
# ENTÊTE / HEADER
------------------------------*/

/* Liens dans .top-links en blanc forcé */
.top-links, 
.top-links a {
  color: #fff !important;
}


/* Liens dans #top-social avec largeur fixe, sans float, en blanc et gras */
#top-social li a {
  float: none;
  width: 40px;
  font-weight: bold;
  color: #fff;
  border-left: 0 !important; /* supprimer bordure gauche */
}

/* Suppression de bordure sur les li de #top-social */
#top-social li {
  border: none;
}

/* Conteneur #top-social aligné à droite avec marge */
#top-social {
  margin-top: 10px;
  float: right;
}

/* Texte associé aux icônes masqué */
#top-social li .ts-text {
  display: none;
}

/* Style au survol des liens du top-social */
#top-social li a:hover {
  color: #888 !important;
  text-shadow: none;
  width: 30px !important;
  height: 30px;
  border-radius: 4px;
}

/* Icones sociales centrées avec taille et bord arrondi */
#top-social li .ts-icon {
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
}

/* Dimensions et marges homogènes pour éléments du top-social */
#top-social li, 
#top-social li a, 
#top-social li .ts-icon, 
#top-social li .ts-text {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  line-height: 30px;
}

/* Opacité des images dans .top-links et effet au hover */
.top-links a img {
  opacity: 0.5;
  height: 25px;
}
.top-links a:hover img {
  opacity: 1;
  height: 25px;
}

/* Hauteur et ligne des éléments dans header sticky et menu primaire style 2 */
#header.sticky-style-2 #header-wrap, 
#header.sticky-style-3 #header-wrap, 
#primary-menu.style-2 > div > ul > li > a {
  line-height: 35px;
  height: 38px;
  line-height: 33px; /* Remarque : line-height redéfini ici */
}

/* Bordure en haut du menu principal */
#primary-menu {
  border-top: 1px solid #fff;
}

/* Style icônes dans menu primaire style-2 */
#primary-menu.style-2 > div > ul > li > a i {
  line-height: 14px;
}
#primary-menu.style-2 > div > ul > li > a i:hover {
  line-height: 14px;
  color: #c60932 !important;
  font-weight: bold;
}

/* Effet hover sur tous les liens dans nav */
nav a:hover {
  color: #c60932;
}

/* Hauteur automatique pour menu style-2 et ses enfants */
#primary-menu.style-2,
#primary-menu.style-2 > div > ul,
#primary-menu.style-2 > div > ul > li > a {
  height: auto;
}

/* Fond noir pour menu sur petits devices */
.device-sm #primary-menu,
.device-xs #primary-menu,
.device-xxs #primary-menu {
  background-color: #000 !important;
}


/*------------------------------
# TITRES
------------------------------*/

/* Marge verticale standard pour tous les h1 */
h1 {
  margin: 20px 0;
}

/* Taille de police réduite sur très petits écrans pour h1 */
.device-xxs h1 {
  font-size: 20px !important;
}

/* WidgetTitle avec classe titre_page : largeur 100%, padding en haut, et nettoyage des flottants */
.WidgetTitle.titre_page {
  width: 100%;
  clear: both;
  padding-top: 20px;
}

/* Titre accueil : bordures haut et bas, taille fixe, marge et padding zéro, texte en majuscules, full width, flottant à gauche */
.titre_accueil {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  font-size: 18px;
  margin: 30px 0;
  padding: 0;
  text-transform: uppercase;
  float: left;
  width: 100%;
}

/* Encarts à droite, full width, padding-top important, et nettoyage flottants */
.encart_droite {
  width: 100%;
  clear: both;
  padding-top: 50px;
}

/* Styles principaux des titres de page */
.titre_page,
.titre_page a {
  color: #c60932;
  text-transform: none;
  font-family: Georgia;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.5;
  margin: 20px 0;
  clear: both;
  padding-top: 20px;
  text-align: left;
}

/* Titres spécifiques pour encheres et services, centrés */
.titre_encheres,
.titre_services {
  color: #c60932;
  text-transform: none;
  font-family: Georgia;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.5;
  margin: 20px 0;
  clear: both;
  padding-top: 20px;
  text-align: center;
}

/* Liens dans titres encheres et services : mêmes styles que les titres, centrés */
.titre_encheres a,
.titre_services a {
  color: #c60932;
  text-transform: none;
  font-family: Georgia;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.5;
  margin: 20px 0;
  clear: both;
  text-align: center;
}

/* Taille réduite sur très petits écrans pour titres principaux */
.device-xxs .titre_encheres,
.device-xxs .titre_services,
.device-xxs .titre_page {
  font-size: 18px;
}

/* Styles pour titres d’articles (entry-title) en h2 */
.entry-title h2 {
  margin: 0;
  font-size: 12px;
  line-height: 14px;
  color: #c60932;
  text-transform: uppercase;
  clear: both;
  padding-bottom: 5px;
  font-weight: bold;
  font-family: Raleway;
}


/*------------------------------
# TOP SEARCH
------------------------------*/

/* Placeholder styles - desktop */
#primary-menu .container #top-search form input::placeholder {
  font-size: 16px;
  text-transform: none;
  font-weight: normal;
  color: #222 !important;
}

/* Placeholder styles - very small devices */
.device-xxs #primary-menu .container #top-search form input::placeholder {
  font-size: 14px;
  color: #000;
  text-transform: none;
  font-weight: normal;
}

/* Input field styles - desktop */
#primary-menu .container #top-search form input {
  background: #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: #222 !important;
}

/* Adjust margin-top for medium, small, extra small devices */
.device-md #top-search form input,
.device-sm #top-search form input,
.device-xs #top-search form input,
.device-xxs #top-search form input {
  margin-top: 3px !important;
}

/* Specific margin-top for #top-search form on medium devices */
.device-md #top-search form input {
  margin-top: 3px !important;
}

/* Search button input (magnifying glass) */
#top-search form input.loupe {
  background: #fff url(https://www.richardmdv.com/uploads/Image/img_site/bt_loupe.png) no-repeat scroll 0 4px !important;
  height: 34px;
  width: 30px;
  color: #000;
  float: left;
  border-radius: 0 6px 6px 0;
  background-size: 100% 100%;
}

/* Margin adjustments for style-2 menu variants */
#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: 0;
}

/* Position top search form */
#top-search form {
  top: 0;
}

/* Cart content positioning for style-2 */
.style-2 .container #top-cart .top-cart-content {
  top: 29px !important;
}

/* Primary menu links padding and sizing on medium devices */
.device-md #primary-menu ul li a {
  padding: 3px 9px;
  height: 40px;
  line-height: 40px;
  font-size: 11px;
}

/* Font size for icons/links on medium devices */
.device-md #top-search a,
#top-cart a,
#side-panel-trigger a {
  font-size: 11px;
}

/* Menu triggers width and height */
#primary-menu-trigger,
#page-submenu-trigger {
  width: 50px;
  height: 35px;
  line-height: 35px;
}


/*------------------------------
# HOME
------------------------------*/

/* Entrée avec séparation en bas */
.entry {
  border-bottom: 1px dashed #e1e1e1;
}

/* Actualités milieu : image à gauche avec marges */
.actualite_milieu .entry.clearfix.actualite .entry-image {
  width: 70px !important;
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
}

/* Texte à côté de l'image */
.actualite_milieu .entry-c {
  width: 70%;
  float: left;
}

/* Calendrier home : image plus large à gauche */
.page_calendrier_home .layoutsExemple .entry-image {
  width: 100px;
  float: left;
  margin-right: 0;
}

/* Calendrier home, tablette moyenne : texte plus large */
.device-md .page_calendrier_home .calendrier .entry-c {
  width: 64%;
}

/* Catalogue colonne largeur image */
.col-md-2 .entry-image .couverture_catalogue {
  padding-right: 0;
}

/* Calendrier page : image encore plus large */
.page_calendrier .layoutsExemple .entry-image {
  width: 130px;
  float: left;
  margin-right: 0;
}

/* Texte calendrier */
.calendrier .entry-c {
  width: 70%;
}

/* Actualités principales : image large */
.entry.clearfix.actualite .entry-image {
  width: 200px !important;
  float: left;
  margin-bottom: 20px;
  margin-right: 0;
}

/* Actualités principales, petit écran : image plus large et marge */
.device-sm .entry.clearfix.actualite .entry-image,
.device-xs .entry.clearfix.actualite .entry-image {
  width: 250px !important;
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
}

/* Actualités principales, très petit écran : image pleine largeur */
.device-xxs .entry.clearfix.actualite .entry-image {
  width: 100% !important;
  float: left;
  margin-right: 0;
  margin-bottom: 20px;
}

/* Texte actualités principales */
.entry.clearfix.actualite .entry-c {
  position: relative;
  overflow: hidden;
  float: left;
}

/* Titres ventes phares */
.salePhareTitle {
  margin: 0;
  font-size: 14px;
  line-height: 17px;
  color: #c60932;
  text-transform: uppercase;
  clear: both;
  padding-bottom: 5px;
  font-weight: bold;
  font-family: Raleway;
}

/* Image ventes phares */
.salePhareImage {
  margin-bottom: 20px;
}

/* Date vente, mise en valeur */
.bloc_vente_date {
  font-weight: bold;
}

/* Masquer bloc mois date sur calendrier home */
.page_calendrier_home .bloc_mois_date {
  display: none;
}

/* Police pour bloc mois date */
.bloc_mois_date {
  font-family: Georgia;
}

/* Plus-link (lien "plus") stylisé */
.more-link {
  border-bottom: 1px solid #888;
  padding: 10px 2px 0 0;
  font-style: italic;
  float: right;
}

/* Responsive : texte actualités milieu sur petit écran prend toute la largeur */
.device-xxs .actualite_milieu .entry-c,
.device-xs .actualite_milieu .entry-c {
  width: 100%;
  float: left;
}

/* Widget gauche : flottant à gauche et clear */
.WidgetGauche {
  float: left;
  clear: both;
}


/*------------------------------
# CALENDRIER
------------------------------*/

/* Marge en bas pour les années */
.calendrier_annees {
  margin-bottom: 40px;
}

/* Image entrée calendrier home, petite */
.page_calendrier_home .layoutsExemple .entry-image {
  width: 100px;
  float: left;
  margin-right: 5px;
  padding-right: 0;
}

/* Image entrée calendrier générale, un peu plus large */
.page_calendrier .entry-image {
  width: 130px;
  float: left;
  margin-right: 5px;
  padding-right: 0;
}

/* Couverture catalogue sans couverture - version layoutsExemple */
.layoutsExemple .entry-image.no_couv.couverture_catalogue {
  background-image: url("https://www.richardmdv.com/uploads/Image/img_site/picto_no_couv.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 145px;
  margin-left: 14px;
  width: 114px;
  margin-right: 8px;
  border-radius: 3px;
}

/* Couverture catalogue sans couverture, standard */
.entry-image.no_couv.couverture_catalogue {
  background-image: url("https://www.richardmdv.com/Image/img_site/picto_no_couv.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 130px;
  margin-left: 14px;
  width: 105px;
  margin-right: 10px;
  border-radius: 3px;
}

/* Widget couverture catalogue sans image */
.entry-image.widget_no_couv {
  background-image: url("https://www.richardmdv.com/Image/img_site/widget_catalogue_no_couv.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 130px;
  margin-left: 14px;
  width: 105px;
  margin-right: 10px;
  border-radius: 3px;
}

/* Calendrier home couverture sans image - plus petit */
.page_calendrier_home .entry-image.no_couv.couverture_catalogue {
  background-image: url("https://www.richardmdv.com/uploads/Image/img_site/picto_no_couv.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 112px;
  margin-left: 14px;
  width: 86px;
  margin-right: 5px;
  border-radius: 3px;
}


/*------------------------------
# CATALOGUE
------------------------------*/

/* Titre du lot */
.fiche_titre_lot h1 {
  font-size: 14px !important;
  margin-bottom: 5px;
  clear: both;
  color: #000;
  font-weight: bold;
}

/* Numéro du lot */
.lotnum {
  color: #000;
  font-size: 25px;
}

/* Bannière flash vente */
.sale-flash2 {
  width: 100%;
  float: left;
  font-weight: bold;
  color: #fff;
  background-color: #c60932;
  border-radius: 3px;
  padding: 4px 10px;
}

/* Résultat fiche lot style */
.single-product .fiche_lot_resultat {
  background: #c60932;
  color: #fff;
  padding: 4px 10px;
  float: left;
  border-radius: 3px;
  margin: 10px 0;
}

/* Titre produit */
.product-title h3 {
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  height: 30px;
  max-height: 30px;
  overflow: hidden;
}

/* Pagination style : points */
.owl-theme .owl-dots .owl-dot span {
  background-color: #c60932;
}

/* Pagination étape courante */
.pagination .currentStep {
  background: #c60932;
  color: #fff;
  padding: 8px 12px;
  margin: 0 2px;
}

/* Phrase ordre titre */
.col-md-12.titre_ordre_phrase {
  margin: 30px 0;
  clear: both;
  width: 100%;
  color: #c60932;
}

/* Numéro du lot style */
.fiche_lot_num {
  font-size: 35px;
  color: #c60932;
  font-weight: bold;
  float: left;
}

/* Image produit sans photo - placeholder */
.product-image.no_picture {
  background-image: url("https://www.richardmdv.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;
}

/* Bouton envoyer ordre */
.envoyer_ordre .button.button-border {
  background: #c60932;
  color: #fff;
}

/* Bouton envoyer ordre - hover */
.envoyer_ordre .button.button-border:hover {
  background: #888;
}

/* Boutons bordures - hover style général */
.button.button-border:hover {
  background-color: #888;
  color: #FFF;
  border-color: transparent !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

/* Titre description produit */
.product-description h2 {
  text-transform: none;
}

/* Description produit */
.product-desc {
  font-size: 12px;
}

/* Images catalogue dans carousel - taille max */
.product-image #oc-catalogue.oc-catalogue.owl-carousel .owl-item img {
  max-height: 300px !important;
  max-width: 263px !important;
}

/* Conteneur image produit */
.product-image {
  position: relative;
  width: 100%;
  height: 300px !important;
  overflow: hidden;
}

/* Icône info style jq */
.jq-icon-info {
  background-color: #c60932 !important;
  color: #fff;
  border-color: #c60932 !important;
}


/*------------------------------
# CARROUSEL HOME-RESULTATS
------------------------------*/

.belles_encheres_specialites {
  text-align: center;
  padding: 0;
  margin-top: 0;
}

.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 {
  text-align: center;
  margin-top: 20px;
}

.CarouselResultat {
  color: #c60932;
  margin-top: 4px;
  text-align: center;
  text-transform: none;
  font-weight: bold;
}

.belles_encheres_home .contentCarouselLot .imglot218x180b {
  height: 145px;
  margin: 0 auto 10px auto;
}

/* Point actif du carrousel */
.owl-theme .owl-dots .owl-dot.active span {
  background-color: #c60932;
}

/* Changement couleur au survol de la navigation du carrousel */
.owl-nav:hover {
  background-color: #fff;
}

.belles_encheres_home .owl-stage {
  background-color: #fff;
  padding-top: 15px;
}

/*------------------------------
# CARROUSEL VERTICAL
------------------------------*/

/* Alignements généraux */
.belles_encheres, 
.belles_encheres_colonne, 
.belles_encheres_specialites {
  text-align: center;
  margin-top: 20px;
}

/* Gestion du padding selon la taille d'écran */
.device-lg .belles_encheres_colonne {
  padding: 0 20px;
}

.device-sm .belles_encheres_colonne {
  padding: 0 70px;
}

.device-md .belles_encheres_colonne,  
.device-xs .belles_encheres_colonne {
  padding: 0 20px;
}

.device-xs .belles_encheres_colonne {
  padding: 0 30px;
}

.device-xxs .belles_encheres_colonne {
  padding: 0;
}

/* Style du contenu du carrousel vertical */
.verticalCarouselContent {
  border: 1px solid #fff;
}

/* Espacement vertical dans la colonne */
.col-md-4 .belles_encheres_colonne .verticalCarouselLot {
  padding: 10px 0;
}

/* Style lot résultat fiche produit */
.single-product .fiche_lot_resultat {
  background: #888;
  color: #fff;
  padding: 5px;
  float: left;
  border-radius: 2px;
  margin: 10px 0;
}



/*------------------------------
# SERVICES
------------------------------*/

/* Centrer le contenu des colonnes logos */
.encart_logo_colonne {
  text-align: center;
}

/* Titres des encarts en gras et couleur rouge */
.encart_titre {
  font-weight: bold;
  color: #c60932;
}

/* Nom équipe en gras */
.equipe_nom {
  font-weight: bold;
}

/* Placeholders pour styles équipe lieu et téléphone, actuellement vides */
.equipe_lieu { }
.equipe_tel { }

/* Thème équipe (h3) : retrait et marge ajustée */
h3.equipe_theme {
  padding: 0;
  margin-bottom: 5px !important;
}

/* Titre h2 page spécialités : forcer couleur noire */
.page_specialites h2 {
  color: #000 !important;
}

/* Padding horizontal des encarts services */
.encart_services {
  padding: 0 40px;
}


/*---------------- #legende accueil------------ */
.calLegende {
    background-color: #f3f3f3;
    padding: 20px;
    width: 100% !important;
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}


/*----------------  #statique UGC------------- */
.page_statique h2 {	clear: both;padding: 30px 0px 20px 0px;margin:0px;font-size: 18px;line-height:1.3;text-transform: uppercase;font-weight: 600;}
.page_statique h3 {padding: 20px 0px 10px 0px;font-size: 14px;font-style: normal;margin:0px;font-weight: bold;}
.page_statique h4 {padding: 20px 0px 0px 0px;font-size: 12px; font-weight: bold;}


/*------------------------------
# EQUIPE
------------------------------*/

.team-member .name {
  color: #c60932;
  margin: 0;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  padding: 20px 0;
}

.team-member .content {
  padding: 0 5px;
  min-height: 300px;
  text-align: left;
  color: #000;
  height: auto;
}

.team-member .content p {
  font-size: 12px;
  line-height: 16px;
}

/* Ajustements responsives */
.device-sm .team-member .content {
  min-height: 200px;
}

.device-sm .team-member img {
  width: 330px;
}

.device-sm .team-member.col-md-12 img {
  width: 100%;
}

/* Suppression de la bordure pour la page "vins" */
.page_vins .team-member {
  border-bottom: 0 solid #fff;
}

.page_vins .team-member img {
  padding-bottom: 16px;
}


/*------------------------------
# SPECIALITES
------------------------------*/

.titrespecialites {
  background-color: #fff;
  opacity: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  color: #c60932;
  font-family: Georgia, serif;
  font-weight: 400;
}

.carreSpecialites.col-md-4 div {
  padding: 11px 0;
  margin-top: 0;
}

/* Hauteurs spécifiques selon les devices */
.device-sm .carreSpecialites.col-md-4 {
  height: 400px;
  float: left;
  width: 50%;
}

.device-xs .carreSpecialites.col-md-4,
.device-xxs .carreSpecialites.col-md-4 {
  height: 400px;
  float: left;
}

.device-xs .carreSpecialites.col-md-4 {
  height: 470px; /* priorité à celle-ci si device-xs et classée après */
}


/*------------------------------
# FORMULAIRES
------------------------------*/

/* Estimation */
#estim {
  margin-top: 30px;
}

#estim .row {
  margin-bottom: 10px;
}

#estim .fond_estimation,
.page_newsletter .fond_estimation,
.pageExpertiser .fond_estimation {
  background-color: #e1e1e1;
  padding: 20px;
  width: 100%;
  float: left;
}

/* Étapes d'inscription / newsletter / expertiser */
.page_newsletter #etape1,
.page_newsletter #etape2,
.page_newsletter #etape3,
.page_newsletter #droit,
.page_expertiser #etape1,
.page_expertiser #etape2,
.page_expertiser #etape3,
.page_expertiser #droit,
.page_abonnement #etape1,
.page_abonnement #etape2,
.page_abonnement #etape3,
.page_abonnement #droit {
  padding: 25px;
  margin: 0;
  width: 100%;
  background-color: #e1e1e1 !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;
}

/* Champs et libellés */
.form1 {
  padding: 20px;
}

.freeForm .label {
  float: left;
  font-size: 14px;
  width: 280px;
  color: #000;
  text-align: left;
}

/* Boutons de validation */
.bt_valider_ordre input,
#estim .btn.btn-default,
#form_inscription .btn.btn-default,
.fond_estimation .btn.btn-default.nb,
.formEnvoyer input {
  background: #c60932;
  color: #fff;
  padding: 10px 15px;
  border: 1px solid #c60932;
  border-radius: 2px;
  margin-top: 10px;
  width: auto;
}

.bt_valider_ordre input:hover,
#estim .btn.btn-default:hover,
#form_inscription .btn.btn-default:hover,
.formEnvoyer:hover input,
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-color: #999;
  border-color: #999;
  color: #fff;
}

/* Légende inscription */
.inscription_legende {
  padding-bottom: 30px;
}

/* Étapes visuelles de formulaire d’inscription */
.row.inscription_etape_un,
.row.inscription_etape_deux,
.row.inscription_etape_trois {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 15px !important;
}

/* Responsive */
.device-xxs textarea,
.device-xxs input[type=email],
.device-xxs .formulaireContact input[type=civilite] {
  width: 100%;
}

.device-xxs .page_newsletter .col-sm-3 {
  padding-right: 0;
}

.device-xs input[type="radio"],
.device-sm input[type="radio"],
.device-xs #estim input[type="radio"],
.device-sm #estim input[type="radio"],
.device-xxs #estim input[type="radio"] {
  width: 14px !important;
}

/* Newsletter */
.newsletter_lettrine {
  display: none;
}

.newsletter_colonne {
  float: left;
  width: 100%;
}

.device-md .newsletter_chekbox_txt,
.device-sm .newsletter_chekbox_txt {
  font-size: 12px !important;
}


 /*---------------Formulaire de contact -----------------*/
.formulaireContact {padding: 20px;background-color: #e1e1e1;}
.formulaireContact #dsi-submit-btn {color: #fff;background: #c60932;border-color: #c60932;margin-bottom: 20px;}
.formulaireContact #dsi-submit-btn:hover {color: #fff;background: #888;border-color: #888;margin-bottom: 20px;}
.formulaireContact .col-sm-3.inscription_legende {width: 160px;}
.formulaireContact .col-sm-9 {margin-bottom: 20px;}
.formulaireContact .col-sm-2 {width: 83px;padding-right: 0px;padding-left:0px;}

 /*----------------paiement -----------------*/
.paiement {background-color: #e1e1e1;float: left;padding: 20px;margin-top:30px;}
.paiement h3 {display:none;}

/*----------------  #footer------------- */
.footer-links {float:right;}
.footer-links img {height:25px;}
.footer-links a img {opacity: 0.5;height:25px;}
.footer-links a:hover img  {opacity: 1;height:25px;}
#footer #copyrights .col_one_third {}
#copyrights {font-size: 11px;line-height: 1.5;}
.copyrights-text {color: #fff;font-size: 11px;}
.copyright-links, .copyright-links a {font-size: 11px;line-height: 1.5;}
.footer-logo {width:200px;}
#footer {font-size: 11px;line-height: 1.5;}
#gotoTop {background-color: #333;}
#gotoTop:hover {background-color: #c60932;}

@media (max-width: 767px) {
#footer #copyrights .col_one_third {text-align:center;}
.entry-title h2, .post-grid .entry-title h2 {font-size: 14px !important;}
}

@media (max-width: 991px) {
#logo {width: 210px;margin-bottom: 30px;}
#primary-menu .container.clearfix {padding-left: 20px;}
#header.sticky-style-2 #header-wrap, #header.sticky-style-3 #header-wrap {min-height: 40px;}
#primary-menu-trigger {top: 115px;background-color:transparent;}
#top-search a, #top-cart, #side-panel-trigger {top: -10px;}
#primary-menu > div > #top-search form {height: 40px !important;}
.ordre_true.product, .pageOrdre .ordre_true.product {height: 630px !important;}
.ordre_false.product, .pageOrdre .ordre_false.product {height: 600px !important;}
}


@media all and (min-width: 500px) and (max-width: 1199px) {
.ordre_true.product, .pageOrdre .ordre_true.product {height: 630px !important;}
.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;}
}