.s4_realisations { position: relative; margin-top: 90px;}
h2 + .s4_realisations {margin-top: 40px !important;}
.s4_realisations .owl-carousel .owl-nav {position: absolute; top: calc(-40px - 50px); width: 100vw; max-width: 1170px; left: 50%; transform: translateX(-50%); display: flex; display: -ms-flex; justify-content: flex-end;}
.s4_realisations .owl-carousel .owl-nav button {background-color: #002E5D; width: 50px; height: 50px; outline: none;}
.s4_realisations .owl-carousel .owl-nav button .arrow {width: 100%; height: 100%; position: relative;}
.s4_realisations .owl-carousel .owl-nav button .arrow::before, .s4_realisations .owl-carousel .owl-nav button .arrow::after {content: ""; position: absolute; height: 2px; width: 15px; top: 50%; left: 50%; background-color: #FFFFFF;}
.s4_realisations .owl-carousel .owl-nav button .arrow-left::before, .s4_realisations .owl-carousel .owl-nav button .arrow-left::after {transform-origin: 1px 50%;}
.s4_realisations .owl-carousel .owl-nav button .arrow-right::before, .s4_realisations .owl-carousel .owl-nav button .arrow-right::after {transform-origin: calc(100% - 1px) 50%;}
.s4_realisations .owl-carousel .owl-nav button .arrow-left::before, .s4_realisations .owl-carousel .owl-nav button .arrow-right::after {transform: translate(-50%, -50%) rotate(45deg);}
.s4_realisations .owl-carousel .owl-nav button .arrow-right::before, .s4_realisations .owl-carousel .owl-nav button .arrow-left::after {transform: translate(-50%, -50%) rotate(-45deg);}
.s4_realisations .owl-carousel .owl-nav button + button {margin-left: 40px;}
.s4_realisations .item-realisation {position: relative; display: block; margin-right: 10px; width: 680px; height: 450px; float: left; overflow: hidden; cursor: pointer;}
.s4_realisations .item-realisation .fond, .s4_realisations .item-realisation .fond>*:not(.savoirPlus-button) {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.s4_realisations .item-realisation .fond img {object-fit:cover; transition: all 0.8s ease-in-out;}
.s4_realisations .item-realisation:hover .fond img {transform: scale(1.05);}
.s4_realisations .item-realisation .fond .filtre {background-color: #000000; opacity: 0.4;}
.s4_realisations .item-realisation .fond .savoirPlus-button {bottom: 30px; right: 0;}
.s4_realisations .item-realisation .content {height: 100%; width: 100%; position: relative; padding: 30px; padding-right: 45px;}
.s4_realisations .item-realisation .content * {width: 100%; max-width: 400px;}
.s4_realisations .item-realisation .content p {margin: 0;}
.s4_realisations .item-realisation .content p + p {margin-top: 10px;}
.s4_realisations .item-realisation .content .client {opacity: 0.7;}
@media (max-width: 1199px) {
.s4_realisations .owl-carousel .owl-nav {max-width: 930px;}
}
@media (max-width: 991px){
.s4_realisations {margin-top: 40px;}
.s4_realisations .owl-carousel .owl-nav {display: none;}
.s4_realisations .owl-carousel .item-realisation {width: 100%; height: 400px;}
}
@media (max-width: 575px){
.s4_realisations .owl-carousel .item-realisation {height: 250px;}
.s4_realisations .item-realisation .content {padding: 20px; padding-right: 30px;}
.s4_realisations .item-realisation .fond .savoirPlus-button {bottom: 20px; right: 0;}
}.s4_europe .buttonHeader, .s4_europe .buttonHeader .hover-content {height: 55px;}
.s4_europe .liste_liens {margin-top: 30px;}
.s4_europe .buttonHeader {width: 165px;}
.s4_europe .buttonHeader + .buttonHeader {margin-left: 10px;}
.s4_europe .buttonHeader img {height: 25px;}
.s4_europe .row.fondBleu {padding: 40px 0; margin-top: 60px;}
.s4_europe .row:not(.fondBleu)>div>img {position: absolute; top: -70px; right: -120px; width: 640px; height: 640px; max-width: calc(50vw + 100px);}
@media (max-width: 991px){
.s4_europe .buttonHeader {width: calc(50% - 7px);}
.s4_europe .row:not(.fondBleu)>div>img {top: -40px; right: -90px; width: 430px; height: 430px;}
.s4_europe .row.fondBleu>div>img {width: 100%;}
}
@media (max-width: 767px){
.s4_europe .row:not(.fondBleu)>div>img {display: none;}
}
@media (max-width: 575px){
.s4_europe .container {max-width: 100vw;}
.s4_europe .buttonHeader {width: 100%;}
.s4_europe .buttonHeader + .buttonHeader {margin-top: 10px; margin-left: 0;}
.s4_europe .row.fondBleu>div>img {display: none;}
}