@charset "UTF-8";

#goto-articles-media-responsable{ color: #494949; overflow: hidden; font-size: 16px; padding-top: 35px; padding-bottom: 15px;}
#goto-articles-media-responsable .actualite{}
#goto-articles-media-responsable .actualite-title{ margin: 0; margin-bottom: 0.55em; }
#goto-articles-media-responsable .actualite-container{margin-bottom: 4em;}
#goto-articles-media-responsable .actualite-head,
#goto-articles-media-responsable .actualite-body{}
#goto-articles-media-responsable .actualite-head{ margin-bottom: 1.125em; }
#goto-articles-media-responsable .actualite-headinner{}
#goto-articles-media-responsable .actualite-bodyinner{}
#goto-articles-media-responsable .actualite-content{ font-weight: normal; }
#goto-articles-media-responsable .actualite-cta{ display: block; padding-top: 1em; }
#goto-articles-media-responsable .actualite-more{ text-align: center; }
#goto-articles-media-responsable .slides{ margin: 0 -4px; overflow: hidden; height: 250px; }
#goto-articles-media-responsable .slides.flickity-enabled{ overflow: visible; }
#goto-articles-media-responsable .slides:focus{ outline: none; }
#goto-articles-media-responsable .slide{ float: left; padding: 0 4px; }
#goto-articles-media-responsable .slide-inner{}

#goto-articles-media-responsable .slide-tag{ left: 10px; top: 10px; position: absolute; background: #ee0000; color: #fff; border-radius: 0.63em; font-size: 0.75em; display: block; line-height: 2; padding-left: 26px; padding-right: 10px; z-index: 4; }
#goto-articles-media-responsable .slide-tag:before{ background: url(https://prodsolutionsmedia.blob.core.windows.net/assets/sliders/goto-emissions/images/slide-tag.png) no-repeat center center; background-size: contain; content: ''; display: block; height: 14px; width: 14px; position: absolute; left: 8px; top: 50%; margin-top: -7px; }

#goto-articles-media-responsable .slide-a{ background: #ee0000; color: #fff; display: block; border: 1px solid #c1c1c1; border-radius: 20px; overflow: hidden; position: relative; height: 273px; width: 200px; text-decoration: none; }
#goto-articles-media-responsable .slide-image{ height: 236px; overflow: hidden; position: relative; }
#goto-articles-media-responsable .slide-image picture{ display: block; }
#goto-articles-media-responsable .slide-image img{ display: block; height: auto; width: 100%; }

/*#goto-articles-media-responsable .slide-image:after{ background: url(https://prodsolutionsmedia.blob.core.windows.net/assets/sliders/goto-emissions/images/slide-image.png) no-repeat center center; background-size: cover; content: ''; display: block; lefT: 0; top: 0; position: absolute; width: 100%; height: 100%; z-index: 3; }*/

#goto-articles-media-responsable .slide-container{ padding: 15px; }
#goto-articles-media-responsable .slide-specs{ color: #494949; font-size: 0.6em; margin-bottom: 0.5em;}
/*#goto-articles-media-responsable .slide-title{ color: #000; font-weight: bold; font-size: 0.86em; line-height: 1; margin: 0; }*/

#goto-articles-media-responsable .slide-title{ position: absolute; left: 0; bottom: 38px; color: #fff; font-weight: bold; font-size: 0.9375em; line-height: 1; margin: 0; z-index: 5;  padding: 10px; text-transform: uppercase; text-shadow: #000000 1px 1px 0;}

/*#goto-articles-media-responsable .slide-cta{ color: #494949; font-size: 0.75em; position: absolute; left: 15px; bottom: 10px; text-decoration: underline; }*/

#goto-articles-media-responsable .slide-cta{ background: #ee0000; color: #fff; font-size: 0.75em; display: block; line-height: 38px; position: absolute; left: 0; right: 0; bottom: 0; text-decoration: underline; padding-left: 30px; z-index: 5; }

#goto-articles-media-responsable .slide-cta:before{ background: url(https://prodsolutionsmedia.blob.core.windows.net/assets/sliders/goto-emissions/images/slide-cta.png) no-repeat center center; background-size: contain; content: ''; display: block; height: 18px; width: 14px; position: absolute; left: 10px; top: 50%; margin-top: -9px; }

#goto-articles-media-responsable .slide-a:focus,
#goto-articles-media-responsable .slide-a:hover{ background: #000; color: #fff;}
#goto-articles-media-responsable .slide-a:focus .slide-cta,
#goto-articles-media-responsable .slide-a:hover .slide-cta{ background: #000; color: #fff; }


#goto-articles-media-responsable .slide-signature{ color: #494949; font-size: 11px; position: absolute; left: 15px; bottom: 10px; line-height: 1.1;}
#goto-articles-media-responsable .slide-a:focus,
#goto-articles-media-responsable .slide-a:hover{ color: #ee0000; }
#goto-articles-media-responsable .slide-a:focus .slide-cta,
#goto-articles-media-responsable .slide-a:hover .slide-cta{ color: #ffffff; }
#goto-articles-media-responsable .flickity-page-dots{ bottom: -58px; }
#goto-articles-media-responsable .flickity-page-dots .dot{ border: 2px solid #494949; background: transparent; height: 12px; width: 12px; margin: 0 6px; opacity: 1; }
#goto-articles-media-responsable .flickity-page-dots .dot[aria-current="step"],
#goto-articles-media-responsable .flickity-page-dots .dot:focus,
#goto-articles-media-responsable .flickity-page-dots .dot:hover{ background-color: #494949; }

/*Arrows 2024*/
#goto-articles-media-responsable .flickity-playpause{ background: green; border: 0; display: block; height: 28px; width: 28px; overflow: hidden; text-indent: -9999em; }
#goto-articles-media-responsable .flickity-enabled[data-autoplay="false"] .flickity-playpause{ background: red; }
#goto-articles-media-responsable .flickity-playpause{ display: none; }
#goto-articles-media-responsable .flickity-button{ background: #494949; color: #fff; transform: none; top: auto; bottom: -72px; height: 40px; width: 40px; z-index: 3; }

@media (max-width: 480px){
	#goto-articles-media-responsable .flickity-page-dots
	 {
		bottom: -70px;
		left: 68px;
		width: 60%;
	}
}

@media (max-width: 767px){
	#goto-articles-media-responsable .row{ margin: 0; }
	#goto-articles-media-responsable .actualite-body{ position: relative; }
	#goto-articles-media-responsable .actualite-body:after{ background: url(https://prodsolutionsmedia.blob.core.windows.net/assets/page/media-responsable/accueil/slider-goto-articles-media-responsable/assets/images/goto-actualite.png) repeat-y; content: ''; display: block; right: -15px; top: 0; position: absolute; bottom: 0; width: 50px; z-index: 3; }
	#goto-articles-media-responsable .slides{ margin-right: -15px; }
	
	#goto-articles-media-responsable .actualite-body:after{ background: url(https://prodsolutionsmedia.blob.core.windows.net/assets/page/media-responsable/accueil/slider-goto-articles-media-responsable/assets/images/goto-actualite.png) repeat-y; content: ''; display: block; right: -15px; top: 0; position: absolute; bottom: -25px; width: 50px; z-index: 3; }
	
}
@media (min-width: 768px){
	
	#goto-articles-media-responsable .actualite{padding: 0px 15px;}
	
	#goto-articles-media-responsable{ font-size: 18px; padding-top: 35px; padding-bottom: 0px; }
	/*#goto-articles-media-responsable .slides{ margin: 0 -4px; height: 350px; }*/
	
	#goto-articles-media-responsable .slides{ margin: 0 -4px; height: 304px; }
	
	#goto-articles-media-responsable .slide{ padding: 0 4px; }
	/*#goto-articles-media-responsable .slide-a{ border-radius: 20px; width: 264px; height: 350px;  }*/
	
	#goto-articles-media-responsable .slide-a{ width: 220px; height: 304px;  }
	
	#goto-articles-media-responsable .slide-image{ height: 260px; }
	
	#goto-articles-media-responsable .slide-container{ padding: 10px; }
	#goto-articles-media-responsable .slide-specs{ font-size: 16px; line-height: 1.1; }
	#goto-articles-media-responsable .slide-title{ font-size: 18px; }
	#goto-articles-media-responsable .slide-cta{ font-size: 0.8333333333em; }
	#goto-articles-media-responsable .slide-cta{ bottom: 2px; }
	#goto-articles-media-responsable .slide-signature{ font-size: 12px; line-height: 1.1;}
	#goto-articles-media-responsable .slide-signature{ bottom: 20px; }
	
	#goto-articles-media-responsable .flickity-page-dots{ bottom: -38px; }
	
	#goto-articles-media-responsable .flickity-button{ bottom: -48px;}
	
}


/*Ajustement degrade coté droit et bouton decovry*/
@media (min-width:768px) and (max-width:988px){
	#goto-articles-media-responsable .actualite-body{ position: relative; }
	#goto-articles-media-responsable .actualite-body:after{ background: url(https://prodsolutionsmedia.blob.core.windows.net/assets/page/media-responsable/accueil/slider-goto-articles-media-responsable/assets/images/goto-actualite.png) repeat-y; content: ''; display: block; right: -15px; top: 0; position: absolute; bottom: 0px; width: 50px; z-index: 3; }
}

@media (min-width: 992px){
	#goto-articles-media-responsable{ padding-top: 35px; padding-bottom: 0px; }
	#goto-articles-media-responsable .actualite-container{ display: table; table-layout: fixed;  width: 100%; margin: 0; }
	#goto-articles-media-responsable .actualite-head,
	#goto-articles-media-responsable .actualite-body{ display: table-cell; vertical-align: middle; margin: 0; padding: 0; }
	#goto-articles-media-responsable .actualite-cta{ display: block; }
	#goto-articles-media-responsable .actualite-cta .btn { white-space: normal; }
	
	#goto-articles-media-responsable .actualite-more{ display: none; }
	#goto-articles-media-responsable .actualite-headinner{ padding-right: 40px; }
	#goto-articles-media-responsable .actualite-body{ width: 692px; }
	#goto-articles-media-responsable .actualite-content{ font-size: 18px; }
	#goto-articles-media-responsable .slides{ margin: 0 -4px; height: 350px; }
	#goto-articles-media-responsable .slide{ padding: 0 4px; }
	
	#goto-articles-media-responsable .slide-a{ width: 226px; height: 310px;  }
	#goto-articles-media-responsable .slide-image{ height: 268px;  }
	#goto-articles-media-responsable .slide-tag{ left: 15px; top: 15px; }
	
	#goto-articles-media-responsable .slide-container{ padding: 10px 15px; }
	#goto-articles-media-responsable .slide-specs{ font-size: 1em; }
	#goto-articles-media-responsable .slide-title{ bottom: 42px;}
	
	#goto-articles-media-responsable .slide-cta{ line-height: 42px; }
	#goto-articles-media-responsable .slide-signature{ font-size: 16px; line-height: 1.1; }
	#goto-articles-media-responsable .flickity-page-dots{ bottom: 0px; }
	#goto-articles-media-responsable .flickity-page-dots .dot{ height: 14px; width: 14px; margin: 0 12px; }
	
	#goto-articles-media-responsable .flickity-button{ bottom: -8px;}
}
@media (min-width: 1200px){
	#goto-articles-media-responsable{ padding-top: 35px; padding-bottom: 15px; }
	
	#goto-articles-media-responsable .actualite-cta .btn { white-space: nowrap; }
	
	#goto-articles-media-responsable .actualite-headinner{ padding-right: 50px; }
	#goto-articles-media-responsable .actualite-body{ width: 832px; }
	#goto-articles-media-responsable .actualite-content{ font-size: 18px; }
	#goto-articles-media-responsable .slides{ margin: 0 -4px; height: 416px; }
	#goto-articles-media-responsable .slide{ padding: 0 4px; }
	
	#goto-articles-media-responsable .slide-a{ width: 272px; height: 374px;  }
	#goto-articles-media-responsable .slide-image{ height: 334px; }
	#goto-articles-media-responsable .slide-tag{ left: 15px; top: 15px; }
	
	#goto-articles-media-responsable .slide-container{ padding: 10px 15px; }
	#goto-articles-media-responsable .slide-specs{ font-size: 1em; }
	#goto-articles-media-responsable .slide-title{ bottom: 52px; font-size: 1.25em; padding: 15px;}
	/*#goto-articles-media-responsable .slide-cta{ font-size: 1.1111111111em; }*/
	
	#goto-articles-media-responsable .slide-cta{ font-size: 1em; line-height: 52px;  padding-left: 40px;}
	#goto-articles-media-responsable .slide-cta:before{ left: 15px; }
	
	#goto-articles-media-responsable .slide-signature{ font-size: 16px; line-height: 1.1; }
	#goto-articles-media-responsable .flickity-page-dots{ bottom: -8px; }
	#goto-articles-media-responsable .flickity-page-dots .dot{ height: 18px; width: 18px; margin: 0 12px; }
	
	#goto-articles-media-responsable .flickity-button{ bottom: -8px;}
	
	#goto-articles-media-responsable .slide-tag{ left: 15px; top: 15px; }
}
/*@media (min-width: 1440px) {
	#goto-articles-media-responsable{ padding-top: 42px; padding-bottom: 108px; }
	#goto-articles-media-responsable .actualite-headinner{ padding-right: 60px; }
	#goto-articles-media-responsable .actualite-body{ width: 1012px; }
	#goto-articles-media-responsable .actualite-content{ font-size: 1.2222222222em; }
	#goto-articles-media-responsable .slides{ margin: 0 -6px; height: 500px; }
	#goto-articles-media-responsable .slide{ padding: 0 6px; }
	#goto-articles-media-responsable .slide-a{ width: 500px; height: 500px;  }
	#goto-articles-media-responsable .slide-image{ height: 280px; }
	#goto-articles-media-responsable .slide-container{ padding: 15px; }
	#goto-articles-media-responsable .slide-specs{ font-size: 1.1111111111em; }
	#goto-articles-media-responsable .slide-title{ font-size: 1.3888888889em; }
	#goto-articles-media-responsable .slide-cta{ font-size: 1.3888888889em; }
	#goto-articles-media-responsable .flickity-page-dots{ bottom: -54px; }
	#goto-articles-media-responsable .flickity-page-dots .dot{ height: 22px; width: 22px; margin: 0 16px; }
}*/

/**
body{ background: #000; }
#goto-articles-media-responsable .actualite{ opacity: 0.95; }
#goto-articles-media-responsable{ background: url(../../demo/375.png) no-repeat center -467px;  }
@media (min-width: 768px){
	#goto-articles-media-responsable{ background: url(../../demo/768.png) no-repeat center -580px; }
}
@media (min-width: 992px){
	#goto-articles-media-responsable{ background: url(../../demo/992.png) no-repeat center -732px; height: 524px; }
}
@media (min-width: 1200px){
	#goto-articles-media-responsable{ background: url(../../demo/1200.png) no-repeat center -905px; height: 632px; }
}
@media (min-width: 1440px) {
	#goto-articles-media-responsable{ background: url(../../demo/1440.png) no-repeat center -1075px; height: 748px; }
}
/**/