.slider_home{font-size: 0; overflow:hidden; position:relative;}
.slider_home::after{content:""; background-image:url("_img/slider_home_bulle.svg"); background-repeat:no-repeat; background-size: cover; display:block; width:10%; height:100%; opacity:0.6; position:absolute; top:2%; left:0; transform:translateX(540%);}
.slider_home .slider_txt h1{font-size:3rem; color:#FFF; text-align:left; margin-bottom:50px; margin-left:10%; width:75%; position:relative;}
.slider_home .slider_txt{position: relative; top:50%; transform:translateY(-50%);}
.slider_home .slider_txt h1::after{content:""; width:50px; height:50px; background-image:url("_img/quote.svg"); background-repeat:no-repeat; background-size:cover; display:inline-block; position:absolute; top:-20%; left:90%;}
.slider_home .slider_txt .buttonWrap{text-align: left; margin-left:10%;}
.slider_home .slider_txt .buttonWrap p{font-size:1.5rem;}
.slider_home.bloc{ margin-top: 50px; margin-bottom: 50px; }
.slider_home.bloc .bloc2.box{display: inline-block;  margin: 0; height: 0; position: relative; }

.slider_home.bloc:not(.reverse) .bloc2.daf1{margin-left:0;width:60%; padding-bottom: 45%; vertical-align: top}
.slider_home.bloc:not(.reverse) .bloc2.daf1::after{content:""; width:100%; height:100%; display:inline-block; position:absolute: left:0; top:0; background-image:url(_img/slider_home_daf1_after.svg); background-repeat:no-repeat; background-size:cover;}
.slider_home.bloc:not(.reverse) .bloc2.daf2{margin-right:0;width:40%; padding-bottom: 45%; vertical-align: bottom; }


.slider_home .carousel-j >*{min-height:0;background-size: cover !important; background-position: center center}
.slider_home .carousel-j-dad{position: absolute; top: 0; left: 0;}

.slider_home .navigation{position: absolute; top: 104%; width: 100%; left: 0}
.slider_home{max-width:none !important; padding:0; margin:0;}
/********************************************************
*              PLUG
*******************************************************/
.slider_home .carousel-j-dad{height: 100%; width: 100%;overflow: hidden; background-color: #000}
.slider_home .carousel-j{ transition-property: margin-left; transition-duration: 0.8s; display: flex; height: 100%; width: 100%;}
.slider_home .carousel-j>*{width: 100%; height: 100%; z-index: 2; position: relative; }

.slider_home .navigation{display: flex;align-items: center}
.slider_home .navigation .fleche{ display : inline-block; height:0; width:0;border-top : 10px solid transparent;border-bottom : 10px solid transparent;  cursor: pointer}
.slider_home .navigation .fleche.prev{border-right : 10px solid #CCC; margin-right: 5px}
.slider_home .navigation .fleche.next{border-left : 10px solid #CCC; margin-left: 5px}
.slider_home .navigation .part{border-top: 5px solid transparent;border-bottom: 5px solid transparent; cursor: pointer; width: 100%; margin: 5px; }
.slider_home .navigation .part::before{display: block; content:"";transition-property:background; transition-duration:.3s; height: 1px; background: #CCC;}
.slider_home .mouvementPlus{animation-name: Glissade; animation-duration: 0.8s; z-index: 1; }
@keyframes Glissade {
 0%  {left:0%; opacity: 1}
 100%{left: -20vw; opacity: 0.4}
}
.slider_home .mouvementMoins{animation-name: GlissadeTwo; animation-duration: 0.8s; z-index: 1; }
@keyframes GlissadeTwo {
 0%  {left:0%; opacity: 1}
 100%{left: 20vw; opacity: 0.4}
}

.slider_home .navigation .part.carousel_actif::before{background: #000; height: 5px}
.slider_home .background:not(*[style*="background-position"]) .lazyOver{background-size: cover;}

@media screen and (max-width:900px) {
	.slider_home .slider_txt h1{font-size: 2rem}
	.slider_home .slider_txt .buttonWrap p{font-size:1rem;}
	.slider_home .slider_txt h1::after{width:35px; height:35px;}
  
  .slider_home .box.daf1, .slider_home .box.daf2 {padding-bottom: 30vh !important;}
}

@media screen and (max-width:620px) {
  .slider_home:not(.reverse){padding-top: 5%}
  .slider_home:not(.reverse) .navigation{ width: 260%; top:-50%; left:-160%;}
  .slider_home .slider_txt h1{font-size: 1.5rem; margin-bottom:25px;}

}

@media screen and (max-width:500px) {
  .slider_home .slider_txt h1{font-size: 1rem; margin-bottom:20px;}
  .slider_home .slider_txt h1::after{width:25px; height:25px;}
  .slider_home .slider_txt .buttonWrap p{font-size:0.6rem;}
}
/*******************************************************
 *
 *******************************************************/
.editableZone .slider_home.bloc.hover::after{content:"Slider pleine page";}
.editableZone .slider_home .background>i{top:15px;}