.s4Block.block-slider-images{display: block; text-align: left; position: relative; margin-bottom: 50px}
.s4Block.block-slider-images .arrowSlide{position: absolute; width: 40px; height: 40px; top:50% !important; z-index: 2; cursor: pointer; transition: background 0.3s ease-in-out; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.s4Block.block-slider-images .arrowSlide:before{content: " "; display:inline-block; width: 20px; height: 20px; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-bleuclair.svg) no-repeat center center; background-size: contain; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; transition: all 0.4s ease-in-out}
.s4Block.block-slider-images .arrowSlide.arrowLeft{left: 20px;}
.s4Block.block-slider-images .arrowSlide.arrowLeft:before{-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.s4Block.block-slider-images .arrowSlide.arrowRight{right: 20px;}
.s4Block.block-slider-images .arrowSlide.slick-disabled{opacity: 0.4;} .s4Block.block-slider-images .slick-slider {width: 100%;}
.s4Block.block-slider-images .elem{background: #FFF; height:inherit;}
.s4Block.block-slider-images .elem .inside{background: #1F5296; color: #FFF; border-radius: 10px; padding: 40px; height: 100%;}
.s4Block.block-slider-images .slick-slider .slick-track {display: -ms-flex; display: flex;}
.s4Block.block-slider-images .elem > div{height: 600px; width: 100%;position: relative; border-radius: 10px;}
.s4Block.block-slider-images .elem > div > img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;  border-radius: 10px;}
.s4Block.block-slider-images .elemLink{margin-top: 25px; display: inline-block; padding-right: 40px; position: relative; color: #FFF; line-height: 1.2;}
.s4Block.block-slider-images .elemLink::after{content: ''; position: absolute; top: 50%; right: 10px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-bleuclair.svg); width: 15px; height: 15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.3s ease-in-out;}
.s4Block.block-slider-images .elemLink:hover::after{right: 0;}
.editor-styles-wrapper .s4Block.block-slider-images .elem{display: none; }
.editor-styles-wrapper .s4Block.block-slider-images .elem  p {margin-bottom: 0}
.editor-styles-wrapper .s4Block.block-slider-images .elem:nth-child(1){width: 30%; position: relative; display: inline-block; height:auto;  object-fit:cover; margin-right: 2%} 
.editor-styles-wrapper .s4Block.block-slider-images .elem:nth-child(2){width: 30%; position: relative; display: inline-block; height:auto; object-fit:cover;  margin-right: 2%} 
.editor-styles-wrapper .s4Block.block-slider-images .elem:nth-child(3){width: 30%; position: relative; display: inline-block;height:auto;   object-fit:cover; margin-right: 0 } 
.editor-styles-wrapper .s4Block.block-slider-images .arrowSlide{display: none}
@media (max-width: 991px) {
.s4Block.block-slider-images .arrowSlide {width: 40px; height: 40px;}
}
@media (max-width: 767px) {
.s4Block.block-slider-images .slick-slider {width: 90%; width: calc(100% - 40px*2); margin: auto;}
.s4Block.block-slider-images .arrowSlide.arrowLeft{left: 0;}
.s4Block.block-slider-images .arrowSlide.arrowRight{right: 0;}
.s4Block.block-slider-images .elem .inside {padding: 20px;}
.s4Block.block-slider-images .elem > div{height: 400px;}
}
@media (max-width: 575px) {
.s4Block.block-slider-images .slick-slider {width: 90%; width: calc(100% - 30px*2);}
.s4Block.block-slider-images .elem > div{height: 300px;}
.s4Block.block-slider-images .arrowSlide {width: 30px; height: 30px;}
}.button-link>span {position: relative; z-index: 2; transition: all 0.2s ease-in-out;}
.button-link .ico-enveloppe {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-enveloppe.svg);}
.button-link .ico-horloge {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-horloge.svg);}
.button-link .ico-facebook {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-facebook.svg);}
.button-link .ico-mail {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-mail.svg);}
.button-link .ico-idees {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-idees.svg);}
.button-link .ico-arrow {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-arrow.svg);}
.button-link .ico-videos {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-youtube.svg);}
.button-link .ico-edit {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-edit.svg);}
.button-link .ico-file {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-files.svg);}
.button-link.light:not(:hover) [class*='ico-'].light {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.button-link::before:hover {background: #0094BB;}
.button-link.light{border-color: #FFF;}
.button-link.light::before {background-color: #FFF;}
.button-link.light, .button-link.light.inverse:hover{color: #FFF;}
.button-link.light:hover, .button-link.light.inverse{color: #1F5296;}
.s4Block.button-link{display: block; width: 100%;}
.s4Block.button-link a{border-radius: 10px; text-decoration: none; text-align: left; display: block; font-size:1.6rem; background: #0D184C; color: #FFF; padding: 30px 40px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; max-width: 700px; margin: auto; position: relative; margin-bottom: 10px;}
.s4Block.button-link a .picto img{position: absolute; top: 0; left: 30px; width: 60px; height: 100%; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/blocks/button-link/picto-file.svg) no-repeat center/70%;} .s4Block.button-link a .name{display: inline-block; font-weight: bold; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex-grow: 1; -ms-flex: 1; flex-grow: 1; text-align: center;}
.s4Block.button-link a .name.withIcon{padding-left: 100px;}
.s4Block.button-link a:hover {color: #009289;}
.editor-styles-wrapper .s4Block.button-link a {pointer-events: none; text-decoration: none;} @media (max-width: 767px) {
.s4-buttonContainer:not(:first-child) {margin-top: 20px;}
.s4-buttonContainer:not(:last-child) {margin-bottom: 30px;}
}
@media (max-width: 575px) {
.s4Block.button-link a .name.withIcon{padding-left: 55px; padding-right: 20px;}
}.s4Block.button-files{display: block; width: 100%;}
.s4Block.button-files a{border-radius: 10px; text-decoration: none; text-align: left; display: block; font-size:1.6rem; background: #0D184C; color: #FFF; padding: 30px 40px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; max-width: 700px; margin: auto; position: relative;}
.s4Block.button-files a .picto{position: absolute; top: 0; left: 20px; width: 60px; height: 100%; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/blocks/files-buttons/picto-file.svg) no-repeat center/80%;} .s4Block.button-files a .name{display: inline-block; font-weight: bold; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex-grow: 1; -ms-flex: 1; flex-grow: 1; text-align: center; padding-left: 100px;}
.s4Block.button-files a:hover {color: #009289;}
.editor-styles-wrapper .s4Block.button-files a {pointer-events: none;}
@media (max-width: 991px) {
.s4Block.button-files a .infos, .s4Block.button-files a .picto {padding: 5px 20px;}
.s4Block.button-files a .picto {border-left-width: 1px;}
}
@media (max-width: 767px) {
.s4Block.button-files a .infos, .s4Block.button-files a .picto {padding: 5px 15px;}
.s4Block.button-files a .infos::before {width: 15px; height: 15px; margin-right: 5px;}
}
@media (max-width: 575px) {
.s4Block.button-files a .name{padding-left: 55px; padding-right: 20px;}
}