.desktop_slide .contentSwitching_slide{vertical-align: middle; margin-left:0; margin-right:0; width:100%; position:relative;}
.desktop_slide .contentSwitching_slide,.desktop_slide .container{pointer-events: none}
.desktop_slide .contentSwitching_slide>*, .desktop_slide .container>*{ pointer-events: auto}

.desktop_slide .contentSwitching_slide .container{position:relative; display:inline-block; height:0; width:100%; padding-bottom:51%; background-repeat: no-repeat; background-size:100% auto; /*pointer-events: none*/}
body[style*="--DesktopScroll"] .desktop_slide .contentSwitching_slide .container{animation: SmartphoneScale 1s ease-in-out infinite; animation-play-state: paused; animation-delay: calc(var(--DesktopScroll) * -1s) ; animation-iteration-count: 1; animation-fill-mode: backwards;}
.desktop_slide .contentSwitching_slide .container img{z-index:3 ; pointer-events:none; position:relative;}


.desktop_slide .contentSwitching_slide .Btn_bulles{text-align:center; display:inline-block; width:75%; margin-right:auto; margin-left:auto; vertical-align: middle;  font-size:1.5em;}
.desktop_slide .contentSwitching_slide .Btn_bulles .bulleBtn{display:inline-block; padding: 80px; position: relative;}
.desktop_slide .contentSwitching_slide .Btn_bulles .bulleBtn p::before{cursor: pointer; content:""; width:20px; height:20px; border: 2px solid green; border-radius:20px; background-color:#FFF; position: absolute; margin-left:-55px; margin-top:3px;}
.desktop_slide .contentSwitching_slide .Btn_bulles .bulleBtn.actif p::before{background-color:green;animation: pulse 2s infinite}
.desktop_slide .contentSwitching_slide .Btn_bulles .bulleBtn p::after{content:""; width:100px; height:1px; background-color:#b4b4b4; display:inline-block; position: absolute; top: 50%; left: 65%;}
.desktop_slide .contentSwitching_slide .Btn_bulles .bulleBtn:last-child p::after{width:0; height:0;}

.desktop_slide .container .scrollWrapper img{z-index: 1 !important; padding:0; /*opacity:0.99;*/}

.desktop_slide label{color:#FFF; text-decoration: none;}
.desktop_slide input.movescroll{display: none;}

.desktop_slide .bulleBtn label::after{content:""; display:block; width: 1px; height:50px; background-color: #FFF; margin-top:10%;margin-left:50%;}

.desktop_slide input.movescroll{display: none;}


.desktop_slide .actif label{color: #FFF}
.desktop_slide .actif label::after{background-color:#FFF; color:#FFF;}

.desktop_slide .contentSwitching_slide .Btn_bulles .bulleBtn:last-child label::after{width:0;height:0;}
.desktop_slide .scrollSmooth{
  scroll-snap-type:x mandatory;
}
.desktop_slide .contentSwitching_slide .scrollWrapper{
  width: 82%; height: 100%;
  position: absolute;
  top: 4%;
  left: 8.5%;
  overflow:hidden;
  cursor: grab;
  display: flex;
  flex-flow: row nowrap;
  border-radius: 0%;
  z-index:2 !important;
}
.desktop_slide .scrollWrapper>div{width:100%; height:100%; flex: none; color:#FFF;text-align: center; background-size: contain;}
.desktop_slide .scrollSmooth>div{scroll-snap-align: center;}

.desktop_slide .textslide {display: none;}
.desktop_slide .textWrap {width:75%; display:inline-block ; margin-left:auto; margin-right:auto; vertical-align:middle; font-weight:300; font-size: 1.5em;}
.desktop_slide .textWrap p{text-align:center;}
.desktop_slide .textWrap .textslide.actif{display: block; text-align:left}

.desktop_slide .contentSwitching_slide{vertical-align: middle; margin-left:0; margin-right:0;
 -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;}

@keyframes SmartphoneScale{
  0%{transform: scale(1.5)}
  50%{transform: scale(1)}
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
  }
}

.editableZone .desktop_slide.bloc.hover::after{content:"Module Desktop";}

@media screen and (max-width:975px) {
  .desktop_slide .contentSwitching_slide .Btn_bulles .bulleBtn::after{width:50px;left:70%;}
  .desktop_slide .contentSwitching_slide .Btn_bulles .bulleBtn{padding:40px;}
}

@media screen and (max-width:600px) {
  .desktop_slide .contentSwitching_slide .Btn_bulles .bulleBtn{padding:20px;}
  .desktop_slide .contentSwitching_slide .Btn_bulles .bulleBtn p::before {content: "";width: 12px;height: 12px;border: 2px solid green;border-radius: 12px;background-color: #FFF; position: absolute; left: 2.5%;top: 20px; margin:0;}
  .desktop_slide .contentSwitching_slide .Btn_bulles .bulleBtn p::after{display:none;}
  .desktop_slide .contentSwitching_slide .Btn_bulles .bulleBtn p{text-align:left;}
  .desktop_slide .textWrap p{font-size: 18px}
}

@media screen and (max-width:600px) {
  .desktop_slide .contentSwitching_slide .Btn_bulles{font-size:0.8em;}
  .desktop_slide .textWrap{margin-left:35px; font-size:0.8em; top:0;}
}
