@charset "UTF-8";

#goto-actualite{ color: #494949; padding-top: 35px; padding-bottom: 35px; overflow: hidden; font-size: 16px;}
#goto-actualite .actualite{padding-left: 15px; padding-right: 15px;}
#goto-actualite .actualite-title{ margin: 0; margin-bottom: 0.55em; }
#goto-actualite .actualite-container{margin-bottom: 4em;}
#goto-actualite .actualite-head,
#goto-actualite .actualite-body{}
#goto-actualite .actualite-head{ margin-bottom: 1.125em; }
#goto-actualite .actualite-headinner{}
#goto-actualite .actualite-bodyinner{}
#goto-actualite .actualite-content{ font-weight: normal; } /*default bold*/
#goto-actualite .actualite-cta{ display: none; padding-top: 3em; }
#goto-actualite .actualite-more{ text-align: center; }
#goto-actualite .slides{ margin: 0 -4px; overflow: hidden; height: 250px; }
#goto-actualite .slides.flickity-enabled{ overflow: visible; }
#goto-actualite .slides:focus{ outline: none; }
#goto-actualite .slide{ float: left; padding: 0 4px; }
#goto-actualite .slide-inner{}
#goto-actualite .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-actualite .slide-image{ overflow: hidden; height: 110px; }
#goto-actualite .slide-image picture{ display: block; }
#goto-actualite .slide-image img{ display: block; height: auto; }
#goto-actualite .slide-container{ padding: 15px; }
#goto-actualite .slide-specs{ color: #494949; font-size: 0.625em; margin-bottom: 1em;}
#goto-actualite .slide-title{ color: #000; font-weight: bold; font-size: 0.9375em; line-height: 1; margin: 0; }
#goto-actualite .slide-cta{ color: #494949; font-size: 0.75em; position: absolute; left: 15px; bottom: 10px; text-decoration: underline; }
#goto-actualite .slide-a:focus,
#goto-actualite .slide-a:hover{ color: #ee0000; }
#goto-actualite .slide-a:focus .slide-cta,
#goto-actualite .slide-a:hover .slide-cta{ color: #ee0000; }
#goto-actualite .flickity-page-dots{ bottom: -34px; }
#goto-actualite .flickity-page-dots .dot{ border: 2px solid #494949; background: transparent; height: 12px; width: 12px; margin: 0 6px; opacity: 1; }
#goto-actualite .flickity-page-dots .dot[aria-current="step"],
#goto-actualite .flickity-page-dots .dot:focus,
#goto-actualite .flickity-page-dots .dot:hover{ background-color: #494949; }


/*Arrows 2024*/
#goto-actualite .flickity-playpause{ background: green; border: 0; display: block; height: 28px; width: 28px; overflow: hidden; text-indent: -9999em; }
#goto-actualite .flickity-enabled[data-autoplay="false"] .flickity-playpause{ background: red; }
#goto-actualite .flickity-playpause{ display: none; }
#goto-actualite .flickity-button{ background: #494949; color: #fff; transform: none; top: auto; bottom: -48px; height: 40px; width: 40px; z-index: 3; }


@media (max-width: 767px){
	#goto-actualite .actualite{padding-left: 0px; padding-right: 0px;}
	#goto-actualite .row{ margin: 0; }
	#goto-actualite .actualite-body{ position: relative; }
	#goto-actualite .actualite-body:after{ background: url(../images/goto-actualite.png) repeat-y; content: ''; display: block; right: -15px; top: 0; position: absolute; bottom: 0; width: 50px; z-index: 3; }
	#goto-actualite .actualite-content{ font-size: 16px; }
	#goto-actualite .slides{ margin-right: -15px; }
}
@media (min-width: 768px){
	#goto-actualite{ font-size: 18px; padding-top: 35px; padding-bottom: 35px; }
	#goto-actualite .actualite-content{ font-size: 18px; }
	#goto-actualite .slides{ margin: 0 -4px; height: 350px; }
	#goto-actualite .slide{ padding: 0 4px; }
	#goto-actualite .slide-a{ border-radius: 20px; width: 264px; height: 350px;  }
	#goto-actualite .slide-image{ height: 146px; }
	#goto-actualite .slide-container{ padding: 10px; }
	#goto-actualite .slide-specs{ font-size: 0.8333333333em; }
	#goto-actualite .slide-title{ font-size: 0.8888888889em; }
	#goto-actualite .slide-cta{ font-size: 0.8333333333em; }
	#goto-actualite .slide-cta{ bottom: 20px; }
}

/*Ajustement degrade coté droit*/
@media (max-width: 988px){
	#goto-actualite .actualite-body{ position: relative; }
	#goto-actualite .actualite-body:after{ background: url(../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-actualite{ padding-top: 33px; padding-bottom: 80px; }
	#goto-actualite .actualite-container{ display: table; table-layout: fixed;  width: 100%; margin: 0; }
	#goto-actualite .actualite-head,
	#goto-actualite .actualite-body{ display: table-cell; vertical-align: middle; margin: 0; padding: 0; }
	#goto-actualite .actualite-cta{ display: block; }
	#goto-actualite .actualite-more{ display: none; }
	#goto-actualite .actualite-headinner{ padding-right: 40px; }
	#goto-actualite .actualite-body{ width: 692px; }
	#goto-actualite .actualite-content{ font-size: 18px; }
	#goto-actualite .slides{ margin: 0 -4px; height: 350px; }
	#goto-actualite .slide{ padding: 0 4px; }
	#goto-actualite .slide-a{ border-radius: 30px; width: 342px; height: 350px;  }
	#goto-actualite .slide-image{ height: 190px; }
	#goto-actualite .slide-container{ padding: 10px 15px; }
	#goto-actualite .slide-specs{ font-size: 0.8333333333em; }
	#goto-actualite .slide-title{ font-size: 1em; }
	#goto-actualite .slide-cta{ font-size: 1em; }
	#goto-actualite .flickity-page-dots{ bottom: -32px; }
	#goto-actualite .flickity-page-dots .dot{ height: 14px; width: 14px; margin: 0 12px; }
}
@media (min-width: 1200px){
	#goto-actualite{ padding-top: 35px; padding-bottom: 88px; } /*default values : 16px 108px*/
	#goto-actualite .actualite-headinner{ padding-right: 50px; }
	#goto-actualite .actualite-body{ width: 832px; }
	#goto-actualite .actualite-content{ font-size: 18px; }
	#goto-actualite .slides{ margin: 0 -4px; height: 416px; }
	#goto-actualite .slide{ padding: 0 4px; }
	#goto-actualite .slide-a{ width: 412px; height: 416px;  }
	#goto-actualite .slide-image{ height: 230px; }
	#goto-actualite .slide-container{ padding: 10px 15px; }
	#goto-actualite .slide-specs{ font-size: 1em; }
	#goto-actualite .slide-title{ font-size: 1.1111111111em; }
	#goto-actualite .slide-cta{ font-size: 1.1111111111em; }
	#goto-actualite .flickity-page-dots{ bottom: -42px; }
	#goto-actualite .flickity-page-dots .dot{ height: 18px; width: 18px; margin: 0 12px; }
}
/*@media (min-width: 1440px) {
	#goto-actualite{ padding-top: 42px; padding-bottom: 108px; }
	#goto-actualite .actualite-headinner{ padding-right: 60px; }
	#goto-actualite .actualite-body{ width: 1012px; }
	#goto-actualite .actualite-content{ font-size: 1.2222222222em; }
	#goto-actualite .slides{ margin: 0 -6px; height: 500px; }
	#goto-actualite .slide{ padding: 0 6px; }
	#goto-actualite .slide-a{ width: 500px; height: 500px;  }
	#goto-actualite .slide-image{ height: 280px; }
	#goto-actualite .slide-container{ padding: 15px; }
	#goto-actualite .slide-specs{ font-size: 1.1111111111em; }
	#goto-actualite .slide-title{ font-size: 1.3888888889em; }
	#goto-actualite .slide-cta{ font-size: 1.3888888889em; }
	#goto-actualite .flickity-page-dots{ bottom: -54px; }
	#goto-actualite .flickity-page-dots .dot{ height: 22px; width: 22px; margin: 0 16px; }
}
*/
/**
body{ background: #000; }
#goto-actualite .actualite{ opacity: 0.95; }
#goto-actualite{ background: url(../../demo/375.png) no-repeat center -467px;  }
@media (min-width: 768px){
	#goto-actualite{ background: url(../../demo/768.png) no-repeat center -580px; }
}
@media (min-width: 992px){
	#goto-actualite{ background: url(../../demo/992.png) no-repeat center -732px; height: 524px; }
}
@media (min-width: 1200px){
	#goto-actualite{ background: url(../../demo/1200.png) no-repeat center -905px; height: 632px; }
}
@media (min-width: 1440px) {
	#goto-actualite{ background: url(../../demo/1440.png) no-repeat center -1075px; height: 748px; }
}
/**/
