/*
* Version JCL 24/02/2023
*/
@import url("https:/fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap");
@import url("https:/fonts.googleapis.com/icon?family=Material+Icons");
@import url("https:/fonts.googleapis.com/css?family=Manrope:300,400,500,600,700,800,900");
/**/
/**/
/*-------------liens génériques  ---------------------*/
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #000;
  text-decoration: none;
}
/*-------------header   ---------------------*/
#header a {
  color: #96410d;
  text-decoration: none;
}
#header a:hover {
  color: #f;
  text-decoration: none;
}
/*-----------------  image de fond   ---------------------*/
#wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 1;
}

#wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("https://unefantaisiejecraque.com/assets/images/slider-image/b3.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
  opacity: 0.1; /* règle l’opacité de l’image uniquement */
  z-index: -1;
}

/*-------------header zone contactez & cart  ---------------------*/
#header {
  position: relative;
  background-color: #d5c5c1;
  color: #fff;
  padding-top: 2.5rem;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 11%);
}
/*----------------- header ligne contactez & cart  ---------------------*/
#header .header-nav {
  /* max-height: 50px; */
  border-bottom: #95230b 0px solid;
  /* background-color: #f0f; */
}
/*----------------- survol connexion  ---------------------*/
#header .header-nav .user-info a:hover {
  color: #fff;
}
/*----------------- header zone  menu  ---------------------*/
#header .header-top {
  background-color: #fff;
  border-bottom: #382818 1px solid;
}
/*----------------- header fond cart  ---------------------*/
#header .header-nav .blockcart {
  background: #d5c5c1;
  color: #b84a05;
}
#header .header-nav .cart-preview .shopping-cart {
  color: #333;
}
#header .header-nav .cart-preview.active {
  background: #95230b;
}
/*----------------- supprimer barre de recherche  ---------------------*/
/* gestionnaire de module - barre de recherche - désactiver */
/**/
/**/
#search_widget {
  /* si non déssactivé*/
  overflow: hidden;
  width: 80%;
  max-width: 255px;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
/*----------------- ligne de menu principal  ---------------------*/
#header .header-top a[data-depth="0"] {
  font-family: "Manrope", sans-serif;
  color: #95230b;
  font-size: 1rem;
  text-transform: none;
  font-weight: 400;
  padding-left: 3px;
  padding-right: 3px;
  margin: 0;
}
/*----------------- ligne de menu principal - couleur survol  ---------------------*/
#header .header-top a:hover[data-depth="0"] {
  color: #95230b;
  font-size: 1rem;
  text-transform: none;
  font-weight: 400;
}
/*----------------- premier sous menu  ---------------------*/
#header .header-top a[data-depth="1"] {
  color: #95230b;
  font-size: 1rem;
  text-transform: none;
  font-weight: 400;
}
/*----------------- premier sous menu - couleur survol  ---------------------*/
#header .header-top a:hover[data-depth="1"] {
  color: #95230b;
  font-size: 1.2rem;
  text-transform: none;
  font-weight: 400;
}
/*-----------------  sous menu déroulant  ---------------------*/
.top-menu .sub-menu {
  box-shadow: 2px 1px 11px 2px rgba(0, 0, 0, 0.51);
  border: none;
  font-size: xx-large;
  margin-left: 0.9375rem;
  width: inherit;
  min-width: inherit;
  z-index: 18;
  position: absolute;
  box-shadow: 2px 1px 11px 2px rgba(100, 100, 100, 0.51);
}
#header .menu,
#header .menu > ul > li {
  display: inline-block;
  position: relative;
}
/**/
/**/
.top-menu .sub-menu {
  display: block; /* assure que ce n'est pas en flex */
}

.top-menu .sub-menu li {
  display: block;
  width: 100%;
}
/*----------------- slider texte  ---------------------*/
.text-uppercase {
  text-transform: none;
}
/*----------------- slider cadrage  ---------------------*/
.carousel .caption {
  bottom: 30px;
  /* marge entre le bas du texte et le bord bas du slider */
  left: 80px;
  /* marge entre la gauche du texte et le bord gauche du slider */
  max-width: 600px;
  /* largeur max du texte - pour cadrage image */
}
/*----------------- slider bordure-ombre de la zone  ---------------------*/
.carousel {
  margin-top: 0.5em;
  margin-bottom: 0rem;
  padding-top: 0em;
  padding-bottom: 0;
  box-shadow: 1px 1px 3px #333;
}
/*----------------- slider titre  ---------------------*/
.carousel .caption .display-1 {
  color: #fff;
  /* uppercase dans tpl */
  /* placer ps_imageslider dans child_classic/modules*/
}
/*----------------- slider ligne H1  ---------------------*/
.carousel h1 {
  font-family: "Manrope", sans-serif;
  font-size: 2rem;
  text-transform: none;
  /* couleur gérée dans l'interface - on peut définir la couleur par défaut*/
  color: #ddd;
}
/*----------------- slider ligne H2  ---------------------*/
.carousel h2 {
  font-family: "Manrope", sans-serif;
  font-size: 1.6rem;
  text-transform: none;
  /* couleur gérée dans l'interface - on peut définir la couleur par défaut*/
  color: #f8b890;
}
/*----------------- slider ligne H3  ---------------------*/
.carousel h3 {
  font-family: "Manrope", sans-serif;
  text-transform: none;
  /* couleur gérée dans l'interface - on peut définir la couleur par défaut*/
  color: #f8b890;
}
/**/
/**/
/*----------------- zone de texte - custom text block  ---------------------*/
#custom-text {
  height: 200px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
  text-transform: none;
  background-color: #fff;
  /* couleur texte gérée dans l'interface */
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  border-color: #333;
  box-shadow: 1px 1px 3px #333;
}
/**/
/**/
/*-----------------  footer  ---------------------*/
#footer {
  /* background: rgba(187, 210, 225, 0.5); */
  background: #382818;
  padding-top: 2.5rem;
  background-image: url("https://unefantaisiejecraque.com/assets/images/slider-image/b1.jpg");

  background-repeat: no-repeat;
  background-size: cover;
}
/* titre colones produits societe du footer */
.footer-container .h3 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #ddd;
}
/*  titre colonne votre compte du footer */
#block_myaccount_infos .myaccount-title a {
  color: #ddd;
}
/* texte colones produits societe et compte du footer */
.footer-container li a {
  color: #ddd;
}
.footer-container li a:hover {
  color: #ddd;
  font-weight: 600;
}
/*  titre colonne information du footer */
.block-contact .block-contact-title,
.linklist .blockcms-title a {
  font-size: 1.1rem;
  font-weight: 600;
  color: #ddd;
}
/*  texte colonne information du footer */
.block-contact {
  color: #ddd;
}
.block-contact a {
  color: #fff;
}
.block-contact a:hover {
  color: #000;
  font-size: 1.1em;
}
.block-social ul li {
  background-color: #95230b;
}
/*-----------------  bloc newsletter  ---------------------*/
/* bloc désactivable par son module - préférer sendinblue ou mailchimp */
.block_newsletter form .row .col-xs-12:last-of-type p,
.block_newsletter form .row .col-xs-12:last-of-type .page-content.page-cms ul,
.page-content.page-cms .block_newsletter form .row .col-xs-12:last-of-type ul {
  font-size: 0.75rem;
  color: #f8b890;
}
.block_newsletter #block-newsletter-label {
  font-size: 1.3125rem;
  line-height: 1.75rem;
  color: #f8b890;
}
.block_newsletter {
  background-color: rgba(0, 0, 0, 0.5);
  padding-top: 20px;
  padding-bottom: 20px;
  border-style: solid;
  border-color: #c88a1d;
  border-width: 2px;
}
/**/
/**/
/*----------------- bouton fiche produit et bouton formulaire newsletter  ---------------------*/
/*----------------- bouton fiche produit survol  */
.btn-primary {
  color: #fff;
  background-color: #382818;
  border-color: transparent;
}
.btn-primary:hover {
  color: #fff;
  background-color: #95230b;
  border-color: transparent;
}
.btn-primary:focus {
  color: #fff;
  background-color: #95230b !important;
  border-color: transparent;
  outline: none !important;
}
.btn-primary:active {
  color: #fff;
  background-color: #95230b !important;
  border-color: transparent;
  outline: none !important;
}
input,
button,
select,
textarea {
  background-color: #fff;
}
input,
button,
select,
textarea a:active {
  background-color: #fff;
}
/*----------------- bouton désactivé survol  */
.btn.disabled:hover,
.btn:disabled:hover {
  cursor: not-allowed;
  opacity: 0.65;
  background-color: #999;
}
/*-----------------  Etiquette Nouveau sur produits  ---------------------*/
.product-flags li.product-flag {
  background: #95230b;
  font-family: "Manrope", sans-serif;
  font-weight: 100;
  padding: 0.5rem 0.5rem;
  text-transform: none;
  color: #fff;
  margin-top: 3%;
  /* pour positionner en hauteur */
  margin-left: 3%;
  /* pour positionner en largeur */
  font-size: 1.2rem;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4);
}
/*-----------------  Titres Zones Home et Nom Produit  ---------------------*/
.h1,
.h2,
.h3,
.h4 {
  font-family: "Manrope", sans-serif;
  color: #95230b;
  font-size: x-large;
}
/*-----------------  Fiche produit breadcrumb   ---------------------*/
#wrapper .breadcrumb li a {
  line-height: 25px;
  color: #95230b;
}
#wrapper .breadcrumb li:last-child {
  color: #95230b;
}
/*-----------------  Fiche produit Etiquette quantité  ---------------------*/
.product-actions .control-label {
  /* display: none; */
  font-weight: 600;
  font-size: 1em;
  color: #333;
}
/*-----------------  Fiche produit Etiquette Partager  ---------------------*/
.product-information {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #333;
}
/*-----------------  Fiche produit Prix  ---------------------*/
.product-price {
  color: #333;
  display: inline-block;
  font-size: 1.3rem;
}
/*-----------------  Fiche produit description  ---------------------*/
.tabs .nav-tabs .nav-link.active {
  color: #95230b;
  /* pour désactiver le bloc détail du produit : mettre product.tpl danstemplate/catalog*/
}
.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
  border: none;
  border-bottom: 3px solid #333;
}
/*-----------------  Fiche produit image principale  ---------------------*/
.product-cover img {
  /* background: transparent; */
  background: #fff;
  box-shadow: 1px 1px 1px #aaa;
}
/*-----------------  Fiche produit survol image principale  ---------------------*/
.product-cover .layer {
  background: #3828184f;
}
/*-----------------  Fiche produit miniatures  ---------------------*/
.product-images > li.thumb-container > .thumb.selected,
.product-images > li.thumb-container > .thumb:link {
  border: #95230b 3px solid;
}
.product-images > li.thumb-container > .thumb.selected,
.product-images > li.thumb-container > .thumb:hover {
  border: #95230b 3px solid;
}
.product-images > li.thumb-container > .thumb.selected,
.product-images > li.thumb-container > .thumb:focus {
  border: #95230b 3px solid;
}
.product-images > li.thumb-container > .thumb.selected,
.product-images > li.thumb-container > .thumb:active {
  border: #95230b 3px solid;
}
/*-----------------  Accueil produit miniatures  ---------------------*/
#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container {
  /* background: transparent; */
  background: #fff;
  box-shadow: 1px 1px 1px #aaa;
}
/*-----------------  Fiche produit caregorie  ---------------------*/
/*--------------- les blocs categorie */
.block-category {
  /* masquer le bloc superieur pour plus d'ergonomie */
  display: none;
}
/* liste à gauche du produit et survol */
.block-categories a {
  color: #95230b;
}
.block-categories a:hover {
  color: #000;
}
#subcategories {
  /* masquer le bloc superieur pour plus d'ergonomie */
  display: none;
}
#subcategories .subcategory-heading {
  /* masquer le bloc superieur pour plus d'ergonomie */
  display: none;
}
#subcategories .subcategory-image {
  /* masquer le bloc superieur pour plus d'ergonomie */
  display: none;
}
/* liste au dessus du produit et survol */
#subcategories ul li .subcategory-name {
  text-transform: none;
  color: #95230b;
  font-size: 1.2em;
  font-family: "Manrope", sans-serif;
}
#subcategories ul li .subcategory-name:hover {
  color: #333;
}
/*---------------------------------------------------------------eof*/
.btn {
  border: 2px solid #95230b;
}
/*------------------------------frais transport---------------------*/
#cart-subtotal-shipping,
.delivery-option {
  display: none !important;
}