:root {
    --main-bg-color-light: #cf8062;
    --main-bg-color: #c36043;
    --orange-soft: #e9c0ae;
    --gris-soft: #ebe6e3;
    --gris-medium: #dfdad6;
    --gris-strong: #bcb9b4;
    --gris-mega-strong: #96928f;
}

.imageBio{
    height: 691.2px;
    background: url('../img/bio.jpg') no-repeat;
    background-size: 100%;
}

.border-black-y{
    border-top: 2px solid !important;
    border-bottom: 2px solid !important;
}

.bioDiv{
    position: absolute;
    width: 393.6px;
    color: black;
    text-align: left;   
}


.bioTitre{
    font-family: "AbrilFatface", sans-serif !important;
    padding-bottom: 15px;
    font-size: 40px;
    line-height: 45px;
}

.bioContenu{
    font-size: 16px;
    font-family: "FuturaBT", sans-serif !important
}

.article{
    letter-spacing: 0;
}
.service{
    background-color: var(--main-bg-color);
    color: white
}

.my1{
    margin-bottom: 1vw;
    margin-top: 1vw;
}

.serviceText {
	padding-right: 24px;
	padding-left: 36px;
	font-size: 15px;
	font-weight: 500;
	line-height:15px;
	margin-top:10px;
}

.produitContenu img{
    height: 172px !important;
    width: 172px !important;
}

.voir button{
    border-radius: 12px;
    background: #f5e0ce;
    font-weight: 200;
    padding-left: 34.56px;
    padding-right: 34.56px;
    padding-bottom: 3.84px;
    padding-top: 3.84px;
    border: unset;
    font-size: 14px;
}
.myCarousel span{
    background: none;
}
#nouveau, #top{
    padding: 19.2px;
}

.produitTitre{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 19px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-right: 2px solid;
    --font-weight: 400;
    font-size: 17px;
}
.produitContenu{
    border: 2px solid;
}
.mt1{
    margin-top: 38.4px;
}
.mb1{
    margin-bottom: 38.4px;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2326262' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2326262' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.produit {
	width: 831px;
}

.pack {
	width: 300px;
}

.abonnement, .abonnement * {
    pointer-events: auto;
  }

.abonnement {
	background: url('../img/Longue_banniere_vrac.png') no-repeat;
	margin-bottom: 10px;
	margin-left: 19.2px;
	height: 588px;
    position: relative;
    background-position: center;
	background-size: cover;
}

.gourmet {
	background: url('../img/encart_GOURMET2.png') no-repeat;
	margin-bottom: 7.4px;
	margin-left: 19.2px;
	height: 193px;
	position: relative;
	background-position: center;
	background-size: cover;
}

.abonnementContent{
    position: absolute;
    bottom: 38.4px;
    width: 100%; /* Assurez-vous que cela couvre toute la largeur d sir e */
    height: 100%; /* Assurez-vous que cela couvre toute la hauteur de .abonnement */
    display: block; /* Cela rend le <a> comme un bloc, couvrant toute la zone pour le clic */   
}

.abonnementText span{
    background-color: var(--main-bg-color);
    color: white;
    padding-right: 38.4px;
    padding-left: 38.4px;
    text-transform: uppercase;
}
.textProduit{
    font-size: 14px;
    height: 60px;
}
.abonnementContent button{
    border-radius: 19.2px;
    background: white;
    font-weight: 600;
    padding-right: 34.56px;
    padding-left: 34.56px;
    padding-bottom: 3.84px;
    padding-top: 3.84px;
    color: black;
    border: unset;
    font-size: 15.36px;
}

.gourmetContent{
    position: absolute;
    bottom: 57.6px;    
}

.gourmetText span{
    background: var(--orange-soft);
    color: white;
    padding-right: 38.4px;
    padding-left: 38.4px;
}

.gourmetContent button{
    border-radius: 19.2px;
    background: white;
    font-weight: 600;
    padding-right: 34.56px;
    padding-left: 34.56px;
    padding-bottom: 3.84px;
    padding-top: 3.84px;
    color: black;
    border: unset;
    font-size: 15.36px;
}


.pt1{
    padding-top: 15.36px;
}
.iconSlider img{
    width: 30px !important;
}

.produit a{
    opacity: 1;
}


/*********************************************************************/
/* Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/
/* medium - display 2  */
#nouveau .carousel-inner .carousel-item-right.active,
#nouveau .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

#nouveau .carousel-inner .carousel-item-left.active,
#nouveau .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }

#nouveau .carousel-inner .carousel-item.active,
#nouveau .carousel-inner .carousel-item-next,
#nouveau .carousel-inner .carousel-item-prev {
    display: flex;
}

#nouveau .carousel-inner .carousel-item-right,
#nouveau .carousel-inner .carousel-item-left {
    transform: translateX(0);
}

#top .carousel-inner .carousel-item-right.active,
#top .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

#top .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }

#top .carousel-inner .carousel-item.active,
#top .carousel-inner .carousel-item-next,
#top .carousel-inner .carousel-item-prev {
    display: flex;
}

#top .carousel-inner .carousel-item-right,
#top .carousel-inner .carousel-item-left {
    transform: translateX(0);
}


#carouselExampleIndicators .carousel-inner .carousel-item-right.active,
#carouselExampleIndicators .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }

#carouselExampleIndicators .carousel-inner .carousel-item-left.active,
#carouselExampleIndicators .carousel-inner .carousel-item-prev {
        transform: translateX(-100%);
    }

#carouselExampleIndicators .carousel-inner .carousel-item.active,
#carouselExampleIndicators .carousel-inner .carousel-item-next,
#carouselExampleIndicators .carousel-inner .carousel-item-prev {
    display: flex;
}

#carouselExampleIndicators .carousel-inner .carousel-item-right,
#carouselExampleIndicators .carousel-inner .carousel-item-left {
    transform: translateX(0);
}


#carouselExampleIndicators .carousel-item {
    --height: 400px;
    min-height: 400px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
#carouselExampleIndicators .carousel-caption {
    left: 96px;
    top: 57.6px;
}

@media (max-width:360.98px){
    .bioDiv {
        top: 38.4px;
    }
}

#carouselExampleIndicators .carousel-control-next, #carouselExampleIndicators .carousel-control-prev {
    width: 50px !important;
    background: rgba(255,255,255,0.4) !important;
    opacity: 1 !important;
    height: 85px;
    top: 155px !important;
}
#carouselExampleIndicators .carousel-control-next img, #carouselExampleIndicators .carousel-control-prev img {
    width: 45px !important;
}