.page-caisse input[type=radio], .summarypage input[type=radio] {-webkit-appearance: radio;}
.product-image-small {z-index:1}
/* Slideshow container */
.slideshow-container {
  position: relative;
  background: #fff;
  background-color:rgba(246,207,202,0.4);
 background-image: url("/images/pos/banners/Bacgroundimage-temoignages-testominials.png");
 background-position: top;
 background-repeat: none;
  
}

/* Slides */
.mySlides {
  display: none;
padding-bottom: 50px;
    padding-top: 150px;
  text-align: center;

}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
/*.prev:hover, .next:hover {
  background-color: rgba(246,207,202,0.4);
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
  text-align: center;
  padding: 20px;
  background: #393939;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #f6cfca;
}

/* Add an italic font style to all quotes */
q {font-style: italic; white-space: pre-wrap }
 

/* Add a blue color to the author */
.author {color: #0072b5;}


/* OPTION DIVERSITE début */
.single-product-flex{
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
#topbar, #footer{
    background-color:#494949;/* GRIS FONCÉ client*/
}
.page-listing h1{
    color: #2c2c2c;
}
a:hover, #footer-copyright a:hover {
    color: #deb0ab;
}
.listing-produits {
    width: unset;
}
#menu-top a{font-weight:700;}
#menu-top a:hover {
    color: inherit;
    opacity: 0.6;
}
#search_filter .divSearch{
    margin: 0 15px;
}
#search_filter .divSearch #search-top{
    max-height: 35px;
}
#search_filter .divSearch .fa-search{
    padding: 0 5px;
}
#search_filter{
    font-size: 1.1rem;
    font-weight: 450;
    line-height: 2;
}
.customMessage p{
    margin-bottom:0;
}
.customMessage {
    text-align: center;
    font-size: 1.3em;
    color:#fff;
    background-color:#2c2c2c;
    padding: 10px 0;
}
#topbar{
    padding-top:15px;
}
#topbar #top-bar-container {
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: center;
}
.divSearch{
    height:unset;
}
#footer-copyright a{
    color:#fff;
}
#open-hours h4 {
    text-align: left;
}
/* START Pour corriger prob de border radius & background-color sur iphone */
input, input[type="search"]{
     /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Then Style */
    border-radius: 0;
    -webkit-border-radius:0;
    outline: none;
}
input[type="search"]{
    -webkit-background-clip: content-box;
}
@media (min-width: 576px){
    .container {
        max-width: 90%;
    }
}
@media (min-width: 768px){
    .container {
        max-width: 90%;
    }
}
@media (min-width: 992px){
    .customMessage {
        padding: 25px 0;
    }
    .container {
        max-width: 90%;
    }
    .navbar{
        height:100%;
    }
    .navbar .navbar-nav li.nav-item {
        border-left: none;
    }
    #search_filter .divSearch .fa-search.d-lg-block{
        display:inline-block!important;
    }
    .product-images-small {
        margin-top: -35px;
        height: unset;
    }
    .single-product-flex .titre, .single-product-flex .title{
        margin-top:1em;
    }
    #top-bar-container .divSearch {
        min-width: 245px;
    }
    #topbar .container #lnkWishlist {
        margin-left: 30px;
    }
    .search-toogle {
        margin-right: 15px;
    }
    #topbar #top-bar-container{
        min-height:42px;
    }
}
@media (min-width: 1200px){
    .container {
        max-width: 90%;
    }
}
@media (max-width: 991px){
    #topbar .container .fa.fa-search{
        font-size: 18px;
        margin: 0 5px;
    }
    #module-freetext2{line-height:1.2;}
    #module-freetext2 img {
        max-width: 60%;
        height: auto;
        margin-top:15px;
    }
    #topbar {
        line-height: 1.2;
        padding: 15px 0 15px 0;
    }
    .customMessage {
        font-size: 0.8em;
    }
    #topbar .container a {
        margin: 0 5px;
    }
    #top-bar-container .col-1{
        max-width:unset;
    }
    #footer .zone-infolettre #media-sociaux {
        float: left;
    }
    #footer .zone-infolettre #cmdNewsletter.btn{
        margin-top: 5px;
        float: right;
        margin-bottom: 20px;
    }
    #footer #txtNewsletter, #footer #txtNewsletterName {
        width: 100%;
        margin: 5px 0;
    }
}

/* copy from CSS modified jc 2023 */
a{
    color:#393939;
}
.btn-primary{
    background-color:#f6cfca;
    border-color:#393939;
}
#lnkToTop, .dispo h3,#kit h3, #menu-left h3{
        color: #F6CFCA;
}
#lnkToTop{
     border:1px solid #f6cfca;
}
.newsletter input{
    margin:unset;
    padding:unset;
    color:unset;
}
.newsletter .btn-ok{
    margin-top:unset;
}
#menu-left h3{
     font-weight: bold;
}
#menu-left .noUi-connect, #footer .zone-infolettre, #lnkToTop:hover{
    background-color:#f6cfca;
}
#menu-top{
    background-color: #f6cfca;
     padding-top: 20PX;
    padding-bottom: 20px;
    margin-top: 0px
}
.produitDispo{
    display:unset;
}
.product-page #matrix-filter .matrix-filter .selected{
    background-color:#f6cfca;
    border-color:#393939;
}
.catblockHorizontal{
    border:1px solid #F6CFCA;
}
.catblockHorizontal span.title{
    font-size:22px;
}


.catblockHorizontal span.desc{
    font-size:22px;
    font-weight:bold;
}
.page-listing h1{
    color:#393939;
     background-color: #f6cfca;
}
.page-listing .promotion-detail,.page-listing #category-description{
    font-size:unset;
}
.page-home h2{
    text-align: center;
}
#topbar{
    background-color:#393939;
    color: #F6CFCA;
     font-size: 1.1rem;
    font-weight: 450;
    line-height: 2;
    padding-top:30px;
    padding-bottom:30px;
    margin-bottom:0;
}
#topbar .container a{
    color: #F6CFCA;
}
#topbar .container .customMessage p{
    color: #f6cfca;
}
#topbar .container .lang-switcher{
    border-left:1px solid #f6cfca;
}
.TextLiqudation{
    font-weight: bold;
     color:#393939;
}
.BgLiquidation{
    background-color:#393939;
}
.TextPromotion{
    font-weight: bold;
     color:#393939;
}
.BgPromo,.BgPromotion{
    background-color:#393939;
}
.TextNouveaute{
    font-weight: bold ;
    color:#393939;
}
.BgNouveaute{
    background-color:#393939;
}

/* end of copy from CSS modfieid */


/*Ajout Laurie */
/* centré liens en dessous de témoignages */
 div.col-12.col-sm-6.col-md-4 {
    text-align: center;
}
/* Tassé vers l'intérieur le menu, trop distancé */
 div.col-12.d-none.d-lg-block {
    padding-right: 150px;
     padding-left: 150px
}
/* Enlever menu dans le footer */
 div#categories.col-12.col-sm-6.col-lg {
    display: none
}
/* Changement bordure menu left */
 div#menu-left.col-md-3.col-12.collapse.filters {
    border: solid 1px #ddd;
}

.promotion-detail .promo-title {
    background-color: #f4cccc;
}
.promotion-detail {
    border: 2px solid #f4cccc;
}