/**
Essai banner 
  
 */
 

.swiper-wrapper {
	max-height: 377px;
}
 
 
.swiper-container {
  
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  margin-bottom: 2%;
}

.swiper-image-noel-all {
  background-image: url('images/banner/background_noel_2021_nc.png');
  background-size: 100%;
   background-repeat: no-repeat;
   
   
  }
  
.swiper-image-duplo-all {
  background-image: url('images/banner/background_ferrero_chocolat_duplo_nc.png');
  background-size: 100%;
   background-repeat: no-repeat;
   
   
  }
  
.swiper-image-giotto-all {
  background-image: url('images/banner/background_ferrero_chocolat_giotto_nc.png');
  background-size: 100%;
   background-repeat: no-repeat;
   
   
  }  

.swiper-image-one-all {
  background-image: url('images/banner/background_rosti2.jpg');
  background-size: contain;
   background-repeat: no-repeat;
   
   
  }

/*
.swiper-image-one-all {
  background-image: url(https://source.unsplash.com/Jy6luiLBsrk/1600x900);
}

**/

.swiper-image-two-all {
 
  background-image: url('images/banner/background_deutschlander.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  
  }
   
   
   /*
.swiper-image-two-all {
  background-image: url(https://source.unsplash.com/sFLVTqNzG2I/1600x900);
  }
 
**/

.swiper-image-three-all {
  background-image: url('images/banner/preparation_fix.jpg');
   background-size: contain;
  background-repeat: no-repeat;
}



/*
.swiper-image-five {
  background-image: url(https://source.unsplash.com/Jy6luiLBsrk/1600x900);
}

**/




.swiper-image-inner {
  
  background-color: hsla(0, 0%, 0%, 0.2);
  
}



                                                        /*   Slider 1 **/                 

a.blockbannernc1-all:hover {
  text-decoration: none;
}

img.bannernc1-all {
	max-width: 30.4%;
    height: auto;
    border: 0;
    padding-top: 4%;
    padding-bottom: 3%;
    margin-top: 1%;


  transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s;
  transform: translate3d(-20%, 0, 0);

  
}

 
/* Les lignes suivantes doivent êtres mises, car concerne la page active, sinon les effets ne marches pas  nc **/
 
.swiper-slide.swiper-slide-active .blockbannernc1-all,
.swiper-slide.swiper-slide-active img.bannernc1-all
 {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

													
														/*   Slider 2 **/

a.blockbannernc2-all:hover {
  text-decoration: none;
}
														
img.bannernc2-all {
	max-width: 19%;
  padding-left: 80%;
padding-top: 5.5%;
padding-bottom: 1.8%;
  transition: all 8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s;
  transform: translate3d(-20%, 0, 0);
 
}


.swiper-image-inner.swiper-image-right {
  
  transition: all 2s linear;
  transition-delay: 4s;
  background-color: hsla(0, 0%, 0%, 0.5);
  
}

/* Les lignes suivantes doivent êtres mises, car concerne la page active, sinon les effets ne marches pas  nc **/

.swiper-slide.swiper-slide-active .blockbannernc2-all,
.swiper-slide.swiper-slide-active img.bannernc2-all {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}


                                                       /*  Slider 3 **/
	


	
a.blockbannernc3-all:hover {
  text-decoration: none;
}

p.bannernc31-all {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  color: black;
  align-self: flex-start;
  margin: 0 0 auto 6%;
  line-height: 1;
   
  font-size: calc(1.5vw + 75%);
   padding-left: 28.5%;
  
}

p.bannernc3-all {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  color: black;
  align-self: flex-start;
  margin: 0 0 auto 6%;
  line-height: 1;
  transition: all 3s cubic-bezier(0, 0.61, 0.56, 0.55) 1.1s;
  transform: translate3d(-20%, 0, 0);
  
  
  font-size: calc(1.5vw + 75%);
  padding-top: calc(1.5vw + 6.5%);
  padding-left: 27%;
  
}


p.bannernc3-all span.emphasis3-all {
	font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  transition: all 1.8s linear 2.2s;
  transform: translate3d(-80%, 0, 0);
  display: inline-block;
  
 
  
}

p.bannernc3-all span:not(.emphasis3-all) {
  font-size: 3.5rem;
}



.bannerpromonc3-all {
  width: 20%;
  font-size: 1.5vw;
  background-color: #57778cff;
  text-align: center;
  color: #fada13ff;
  transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.4s;
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Safari 3-8 */
  transform: rotate(0deg);
  opacity: 1;
  
  margin-top: 8vh;
  margin-left: 50%;
  display: none;
}

.bannerpromonc3info-all {
  font-family: 'Cormorant Garamond', serif;
  font-size: calc(1.5vw + 75%);
  margin: 0;
  line-height: 1;
  margin-bottom: auto;
  align-self: flex-end;
  transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.3s;
  transform: translate3d(-20%, 0, 0);
  font-weight: 500;
  color: black;
  padding-left: 32%;
   padding-bottom:calc(1.5vw + 10%);
  
}
 
.bannerpromonc3end-all {
	padding-bottom: 0vh;
	margin-bottom:0%;
}

.swiper-image-inner.swiper-image-left5 {
 
  transition: all 2s linear;
  transition-delay: 1s;
  background-color: hsla(0, 0%, 0%, 0.5);
 
}


 
/* Les lignes suivantes doivent êtres mises, car concerne la page active, sinon les effets ne marches pas  nc **/
 
.swiper-slide.swiper-slide-active .blockbannernc3-all,
.swiper-slide.swiper-slide-active p.bannernc3-all,
.swiper-slide.swiper-slide-active p.paragraphnc5,
.swiper-slide.swiper-slide-active p.bannernc3-all span.emphasis3-all,
.swiper-slide.swiper-slide-active .bannerpromonc3info-all {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.swiper-slide.swiper-slide-active .bannerpromonc3-all {
  -ms-transform: rotate(-20deg); /* IE 9 */
  -webkit-transform: rotate(-20deg); /* Safari 3-8 */
  transform: rotate(-20deg);
  opacity: 1;
}




/*   Banner promo superette  */

a.blockbannernc1-promo-all:hover {
	text-decoration:none;
}

.swiper-image-inner-promo-all {
	max-width: 200px;
	margin: auto;
	text-align: center;
	background-color: white;
	color: white;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-bottom: 2px;
	
}

.swiper-container-slider-promo-nc1 {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	
}

.swiper-inner-promo-nom-all {
	
	font-weight: 550;
	background-color: #f27417;
}

.swiper-inner-promo-prix-all {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f27417;
	
}

/* Tableau prix discount */

.tableauprixdiscount_nc {
	background-color: yellow;
    display: inline-block;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-radius: 7px;
	color: #312b2d;
	font-weight: 700;
}

.tableauprixbackgroundprod_nc {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* Tableau prix Text barré */
 
 .cross {
    position: relative;
    display: inline-block;
	background-color: white;
	color: black;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 7px;
	margin-right: 10px
}
.cross::before {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;

}
.cross::before {
    border-bottom: 2px solid red;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-20deg);
}