@charset "UTF-8";

#goto-articles-media-responsable{ color: #494949; padding-top: 35px; padding-bottom: 15px; overflow: hidden; font-size: 16px;}
#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: none; padding-top: 3em; }
#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-a{ background: #fff; color: #494949; display: block; border: 1px solid #c1c1c1; border-radius: 20px; overflow: hidden; position: relative; width: 200px; height: 250px;  text-decoration: none; }
#goto-articles-media-responsable .slide-image{ overflow: hidden; height: 110px; }
#goto-articles-media-responsable .slide-image picture{ display: block; }
#goto-articles-media-responsable .slide-image img{ display: block; height: auto; }
#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-cta{ color: #494949; font-size: 0.75em; position: absolute; left: 15px; bottom: 10px; text-decoration: underline; }
#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: #ee0000; }
#goto-articles-media-responsable .flickity-page-dots{ bottom: -34px; }
#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: -48px; height: 40px; width: 40px; z-index: 3; }

@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; }
}
@media (min-width: 768px){
	#goto-articles-media-responsable{ font-size: 18px; padding-top: 35px; padding-bottom: 15px; }
	#goto-articles-media-responsable .slides{ margin: 0 -4px; height: 350px; }
	#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-image{ height: 146px; }
	#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: 20px; }
	#goto-articles-media-responsable .slide-signature{ font-size: 12px; line-height: 1.1;}
	#goto-articles-media-responsable .slide-signature{ bottom: 20px; }
}

/*Ajustement degrade coté droit*/
@media (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: 0; width: 50px; z-index: 3; }
}

@media (min-width: 992px){
	#goto-articles-media-responsable{ padding-top: 33px; padding-bottom: 80px; }
	#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-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{ border-radius: 30px; width: 342px; height: 350px;  }
	#goto-articles-media-responsable .slide-image{ height: 190px; }
	#goto-articles-media-responsable .slide-container{ padding: 10px 15px; }
	#goto-articles-media-responsable .slide-specs{ font-size: 16px; line-height: 1.1; }
	#goto-articles-media-responsable .slide-title{ font-size: 1em; }
	#goto-articles-media-responsable .slide-cta{ font-size: 1em; }
	#goto-articles-media-responsable .slide-signature{ font-size: 16px; line-height: 1.1; }
	#goto-articles-media-responsable .flickity-page-dots{ bottom: -32px; }
	#goto-articles-media-responsable .flickity-page-dots .dot{ height: 14px; width: 14px; margin: 0 12px; }
}
@media (min-width: 1200px){
	#goto-articles-media-responsable{ padding-top: 35px; padding-bottom: 108px; }
	#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: 412px; height: 416px;  }
	#goto-articles-media-responsable .slide-image{ height: 230px; }
	#goto-articles-media-responsable .slide-container{ padding: 10px 15px; }
	#goto-articles-media-responsable .slide-specs{ font-size: 1em; }
	#goto-articles-media-responsable .slide-title{ font-size: 1.1111111111em; }
	#goto-articles-media-responsable .slide-cta{ font-size: 1.1111111111em; }
	#goto-articles-media-responsable .slide-signature{ font-size: 16px; line-height: 1.1; }
	#goto-articles-media-responsable .flickity-page-dots{ bottom: -42px; }
	#goto-articles-media-responsable .flickity-page-dots .dot{ height: 18px; width: 18px; margin: 0 12px; }
}
/*@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; }
}
/**/