@charset "UTF-8";

#goto-plateformes{ background-color: #fff; font-size: 16px; padding: 0 0px; padding-top: 30px; padding-bottom: 30px; }
#goto-plateformes .plateformes{}
#goto-plateformes .plateformes-title{}
#goto-plateformes .plateformes-content{ margin-bottom: 1em; }
#goto-plateformes .plateformes-swiper{ padding-bottom: 60px; margin: 0 -10px; }
#goto-plateformes .plateformes-swiperinner{ position: relative; }
#goto-plateformes .plateformes-cta{ text-align: center; }
#goto-plateformes .channels{}
#goto-plateformes .channels-inner{ background: #333; color: #fff; height: 400px; }
#goto-plateformes .channel{ width: 100%; position: relative; }
#goto-plateformes .channel-image{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
#goto-plateformes .channel-image picture{ display: block; }
#goto-plateformes .channel-image img{ display: block; height: 400px; width: 100%; object-fit: cover; }
#goto-plateformes .channel-overlay{  }
#goto-plateformes .channel-outer{ display: table; height: 400px; width: 100%; margin: 0 auto; }
#goto-plateformes .channel-inner{ display: table-cell; vertical-align: top; padding: 10px; padding-top: 32px; padding-bottom: 100px; position: relative; }
#goto-plateformes .channel-title{ margin: 0; margin-bottom: 1em; }
#goto-plateformes .channel-title img{ display: block; height: 32px; width: auto; }
#goto-plateformes .channel-excerpt{ margin-bottom: 1em; }
#goto-plateformes .channel-cta{}
#goto-plateformes .channel-cta a{}
#goto-plateformes .channel-cta a:focus,
#goto-plateformes .channel-cta a:hover{}
#goto-plateformes .channel-cta em{ font-style: normal; text-transform: uppercase; }
#goto-plateformes .channel-explore{ position: absolute; left: 10px; bottom: 90px; }
#goto-plateformes .channel-explore ul{ margin: 0; padding: 0; }
#goto-plateformes .channel-explore li{ list-style: none; margin: 0; margin-top: 0.5em; padding: 0; }
#goto-plateformes .channel-explore a{ color: inherit; text-decoration: underline; }
#goto-plateformes .channel-explore a:focus,
#goto-plateformes .channel-explore a:hover{ color: #ee0000; opacity: 1; }
#goto-plateformes .navigates{ left: 0; right: 0; bottom: 10px; position: absolute; }
#goto-plateformes .navigates-inner{ }
#goto-plateformes .navigates-swiper{ margin: 0; padding: 0; overflow: hidden; height: 66px; }
#goto-plateformes .navigates-swiper.flickity-enabled{ overflow: visible; }
#goto-plateformes .navigate{ list-style: none; margin: 0; padding: 0; width: 108px; }
#goto-plateformes .navigate-inner{ padding: 0; padding-left: 12px; }
#goto-plateformes .navigate button{ background: none; border: 0; display: block; padding: 0; overflow: hidden; height: 66px; width: 100%; }
#goto-plateformes .navigate picture{ display: block; margin: 0; padding: 0; }
#goto-plateformes .navigate img{ border-radius:10px; display: block; height: auto; width: 100%; margin: 0; padding: 0; }
#goto-plateformes .navigate{ opacity: 0.5; }
#goto-plateformes .navigate.is-nav-selected{ opacity: 1; }
#goto-plateformes .flickity-button{ background: #494949; color: #fff; transform: none; top: auto; bottom: -48px; height: 40px; width: 40px;  }
#goto-plateformes .flickity-button.previous{ left: auto; right: 60px; }
#goto-plateformes .flickity-button.next{ right: 10px; }
#goto-plateformes .flickity-button-icon{ fill: #fff }
#goto-plateformes .flickity-page-dots-wrapper{ bottom: 0; left: 0; position: absolute; padding: 20px; padding-right: 40px; padding-left: 96px; }
#goto-plateformes .flickity-page-dots{ color: #494949; display: table; border: 1px solid #494949; border-radius: 11px; overflow: hidden; position: absolute; bottom: -48px; left: 64px; top: auto; right: auto; width: auto; }
#goto-plateformes .flickity-page-dots .dot{ display: table-cell; background: #fff; border-left: 1px solid #494949; border-radius: 0; margin: 0; opacity: 1; height: 20px; width: 20px; }
#goto-plateformes .flickity-page-dots .dot:first-child{ border-left: 0; }
#goto-plateformes .flickity-page-dots .dot.is-selected{ background: #494949; }
#goto-plateformes .flickity-playpause{ background: #494949 url(https://prodsolutionsmedia.blob.core.windows.net/assets/sliders/goto-platforms/pause.png) no-repeat center center; background-size: 40% auto; border: 0; border-radius: 50%; color: #fff; display: block; left: 10px; bottom: -48px; height: 40px; width: 40px; overflow: hidden; text-indent: -9999em; position: absolute; z-index: 2;  }
#goto-plateformes .flickity-enabled[data-autoplay="false"] .flickity-playpause{ background-image: url(https://prodsolutionsmedia.blob.core.windows.net/assets/sliders/goto-platforms/play.png); }
.is-resizing #goto-plateformes .plateformes-swiper{ opacity: 0.5; }

@media (min-width: 320px){
	.videodesktop { display: none;}
	.videotablet { display: none;}
	.videomobile { display: block;}
	
	.afficheimagemobile { display: block;}
	.afficheimagedesktop { display: none;}
	
	#goto-plateformes{ padding-top: 0px; padding-bottom: 35px;  }
	#goto-plateformes .channels-inner.flickity-enabled .flickity-viewport{ height: 400px !important; background-color: transparent; color: #fff;border-radius: 0px; }
}

@media (min-width: 480px){
	.videodesktop { display: none;}
	.videotablet { display: block;}
	.videomobile { display: none;}
	
	.afficheimagemobile { display: none;}
	.afficheimagedesktop { display: block;}
	
	#goto-plateformes{ padding-top: 0px; padding-bottom: 35px;  }
	#goto-plateformes .channels-inner.flickity-enabled .flickity-viewport{ height: 400px !important; background-color: transparent; color: #fff;border-radius: 0px; }
}

@media (min-width: 768px){
	.videodesktop { display: none;}
	.videotablet { display: block;}
	.videomobile { display: none;}
	
	.afficheimagemobile { display: none;}
	.afficheimagedesktop { display: block;}
	
	#goto-plateformes{ font-size: 18px; padding: 0; padding-top: 0px; padding-bottom: 35px;  }
	#goto-plateformes .plateformes-title br{ display: none; }
	#goto-plateformes .plateformes-swiper{ margin: 0; }
	#goto-plateformes .channels-inner{ border-radius: 20px; overflow: hidden; height: 480px; }
	#goto-plateformes .channels-inner.flickity-enabled{ background: transparent; color: inherit; border-radius: 0; overflow: visible; }
	#goto-plateformes .channels-inner.flickity-enabled .flickity-viewport{ height: 480px !important; background-color: transparent; color: #fff;border-radius: 20px; }
	#goto-plateformes .channel-image img{ height: 480px; }
	#goto-plateformes .channel-outer{ height: 480px; width: 616px;  }
	#goto-plateformes .channel-inner{ padding-top: 25px; }
	#goto-plateformes .channel-title{ margin-bottom: 0.75em; }
	#goto-plateformes .channel-title img{ height: 24px; }
	#goto-plateformes .channel-excerpt{ font-size: 18px; max-width: 360px; }
	#goto-plateformes .channel-explore{ bottom: 132px; }
	#goto-plateformes .navigates{ bottom: 15px; height: 92px;}
	#goto-plateformes .navigate{ width: 148px; }
	#goto-plateformes .navigate-inner{ padding-left: 16px; }
	#goto-plateformes .navigate button{ height: 92px; }
	#goto-plateformes .navigate img{ border-radius: 20px; }
	#goto-plateformes .flickity-playpause{ left: 0; bottom: -56px;  }
	#goto-plateformes .flickity-page-dots{ left: 54px; bottom: -88px; }
	#goto-plateformes .flickity-button{ bottom: -52px;  }
	#goto-plateformes .flickity-button.previous{ right: 66px; }
	#goto-plateformes .flickity-button.next{ right: 16px; }
	
	
}
@media (min-width: 992px){
	.videodesktop { display: block;}
	.videotablet { display: none;}
	.videomobile { display: none;}
	
	.afficheimagemobile { display: none;}
	.afficheimagedesktop { display: block;}
	
	#goto-plateformes{ padding-top: 0px; padding-bottom: 35px;  }
	#goto-plateformes .channels-inner{ height: 580px; }
	#goto-plateformes .channel-image img{ height: 580px; }
	#goto-plateformes .channel-outer{ height: 580px; width: 770px;  }
	#goto-plateformes .channel-inner{ padding-top: 55px; }
	#goto-plateformes .channel-title{ margin-bottom: 0.5em; }
	#goto-plateformes .channel-title img{ height: 30px; }
	#goto-plateformes .channel-excerpt{ font-size: 18px; max-width: 380px; }
	#goto-plateformes .channel-explore{ bottom: 180px; }
	#goto-plateformes .navigates{ bottom: 20px; height: 124px;}
	#goto-plateformes .navigate{ width: 186px; }
	#goto-plateformes .navigate button{ height: 124px; }
	#goto-plateformes .navigate img{ border-radius: 25px; }
	#goto-plateformes .flickity-playpause{ bottom: -56px;  }
	#goto-plateformes .flickity-page-dots{ bottom: -126px; }
	#goto-plateformes .flickity-button{ bottom: -56px;  }
	#goto-plateformes .flickity-button.previous{ right: 66px; }
	#goto-plateformes .flickity-button.next{ right: 16px; }
	
	#goto-plateformes .channels-inner.flickity-enabled .flickity-viewport{height: 580px !important; background-color: transparent;}
}
@media (min-width: 1200px){
	.videodesktop { display: block;}
	.videotablet { display: none;}
	.videomobile { display: none;}
	
	.afficheimagemobile { display: none;}
	.afficheimagedesktop { display: block;}
	
	#goto-plateformes{ padding-top: 0px; padding-bottom: 35px;  }
	#goto-plateformes .channels-inner{ height: 640px; }
	#goto-plateformes .channel-image img{ height: 640px; }
	#goto-plateformes .channel-outer{ height: 640px; width: 930px;  }
	#goto-plateformes .channel-inner{ padding-top: 86px; }
	#goto-plateformes .channel-title{ margin-bottom: 0.5em; }
	#goto-plateformes .channel-title img{ height: 40px; }
	#goto-plateformes .channel-excerpt{ max-width: 440px; }
	#goto-plateformes .channel-explore{ bottom: 220px; }
	#goto-plateformes .navigates{ bottom: 20px; height: 140px;}
	#goto-plateformes .navigate{ width: 220px; }
	#goto-plateformes .navigate-inner{ padding-left: 20px; }
	#goto-plateformes .navigate button{ height: 140px; }
	#goto-plateformes .navigate img{ border-radius: 25px; }
	#goto-plateformes .flickity-playpause{ bottom: -52px;  }
	#goto-plateformes .flickity-page-dots{ bottom: -138px; }
	#goto-plateformes .flickity-button{ bottom: -52px;  }
	#goto-plateformes .flickity-button.previous{ right: 70px; }
	#goto-plateformes .flickity-button.next{ right: 20px; }
	
	#goto-plateformes .channels-inner.flickity-enabled .flickity-viewport{height: 640px !important; background-color: transparent;}
}
/*@media (min-width: 1440px) {
	#goto-plateformes{ padding-top: 70px; padding-bottom: 100px;  }
	#goto-plateformes .plateformes-swiper{ padding-bottom: 84px; }
	#goto-plateformes .channels-inner{ height: 760px; }
	#goto-plateformes .channel-image img{ height: 760px; }
	#goto-plateformes .channel-outer{ height: 760px; width: 1136px;  }
	#goto-plateformes .channel-inner{ padding-top: 110px; }
	#goto-plateformes .channel-title{ margin-bottom: 0.5em; }
	#goto-plateformes .channel-title img{ height: 50px; }
	#goto-plateformes .channel-excerpt{ max-width: 530px; }
	#goto-plateformes .channel-explore{ bottom: 280px; }
	#goto-plateformes .navigates{ bottom: 22px; height: 178px; }
	#goto-plateformes .navigate{ width: 280px; }
	#goto-plateformes .navigate-inner{ padding-left: 30px; }
	#goto-plateformes .navigate button{ height: 178px; }
	#goto-plateformes .navigate img{ border-radius: 25px; }
	#goto-plateformes .flickity-playpause{ bottom: -82px; height: 65px; width: 65px; }
	#goto-plateformes .flickity-page-dots{ bottom: -194px; left: 84px; }
	#goto-plateformes .flickity-page-dots .dot{ height: 20px; width: 34px; }
	#goto-plateformes .flickity-button{ bottom: -82px; height: 65px; width: 65px; }
	#goto-plateformes .flickity-button.previous{ right: 100px; }
	#goto-plateformes .flickity-button.next{ right: 20px; }
}*/

/**
body{ background: #000; }
#goto-plateformes .plateformes{ opacity: 0.25; }
#goto-plateformes{ background: url(../../demo/375.png) no-repeat center -1218px; height: 543px;  }
@media (min-width: 768px){
	#goto-plateformes{ background: url(../../demo/768.png) no-repeat center -1105px; height: 570px; }
}
@media (min-width: 992px){
	#goto-plateformes{ background: url(../../demo/992.png) no-repeat center -1429px; height: 524px; }
}
@media (min-width: 1200px){
	#goto-plateformes{ background: url(../../demo/1200.png) no-repeat center -1723px; height: 886px; }
}
@media (min-width: 1440px) {
	#goto-plateformes{ background: url(../../demo/1440.png) no-repeat center -2097px; height: 1080px; }
}
/**/