h2 + .s4_realisations-home {margin-top: 20px !important;}


.s4_realisations-home .button1 {margin: 60px auto;}


.s4_realisations-home .item-realisation {height: 350px; margin-top: 15px;}
.s4_realisations-home .item-realisation.col-6:nth-of-type(1) {padding-right: 5px;}
.s4_realisations-home .item-realisation.col-6:nth-of-type(2) {padding-left: 5px;}
.s4_realisations-home .item-realisation a {overflow: hidden; height:100%; width: 100%; position: relative; display: block; cursor: pointer;}


.s4_realisations-home .item-realisation a .fond, .s4_realisations-home .item-realisation a .fond>*:not(.savoirPlus-button) {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.s4_realisations-home .item-realisation a .fond img {object-fit:cover; transition: all 0.8s ease-in-out;}
.s4_realisations-home .item-realisation a:hover .fond img {transform: scale(1.05);}
.s4_realisations-home .item-realisation a .fond .filtre {background-color: #000000; opacity: 0.4;}
.s4_realisations-home .item-realisation a .fond .savoirPlus-button {bottom: 30px; right: 0;}


.s4_realisations-home .item-realisation a .content {height: 100%; width: 100%; position: relative; padding: 30px; padding-right: 45px;}
.s4_realisations-home .item-realisation a .content * {width: 100%; max-width: 400px;}
.s4_realisations-home .item-realisation a .content p {margin: 0;}
.s4_realisations-home .item-realisation a .content p + p {margin-top: 10px;}
.s4_realisations-home .item-realisation a .content .client {opacity: 0.7;}


@media (max-width: 991px){
	.s4_realisations-home .button1 {margin: 30px auto;}
	.s4_realisations-home .item-realisation {height: 250px;}
}

@media (max-width: 575px){
	.s4_realisations-home .row{margin: 0;}
	.s4_realisations-home .item-realisation a .content {padding: 20px; padding-right: 30px;}
}