footer.flex{background:#0c2372 url('https://www.afce-sas.fr/IMG/imports/pattern-2.svg') repeat center top;background-size:150px auto;color:white;align-items:stretch;min-height:100px;padding:30px}
footer #navigation{text-align:left;width:250px}
footer nav{width:auto;padding-right:50px;white-space:nowrap;margin-right:30px}
footer strong.title{text-transform:uppercase;font-weight:500;font-size:.9375rem;letter-spacing:.1rem;color:white;display:block;width:100%;border-bottom:1px solid #7ccbf4;transition:color 300ms}
footer nav a{font-weight:300;color:#7ccbf4;font-size:.875rem;text-transform:uppercase;transition:color 500ms}
footer nav a:hover{color:white!important}
footer strong.title{width:100%;color:white;display:block;font-size:1rem;margin-bottom:10px}
#footer_logo{text-align:center}
#footer_logo picture,#footer_logo img{width:150px;object-fit:contain;object-position:center center}
#contact_footer{width:250px;text-align:right;color:#7ccbf4}
#contact_footer p{width:100%;white-space:normal}
#contact_footer a{color:white;transition:color 300ms}
#contact_footer a:hover{color:white}
#legals{width:100%;color:#7ccbf4;font-size:.8125rem;margin-top:30px;text-align:center}
#legals a{color:#7ccbf4;transition:color 300ms}
@media screen and (max-width:900px){#footer_logo{margin:30px auto}
footer #navigation,#contact_footer{width:100%}}
#realisations{padding:100px 20px;position:relative}
#realisations::before{content:"";z-index:1;width:1050px;height:330px;position:absolute;top:-85px;left:calc((100% - 1050px) / 2)!important;background:url('https://www.afce-sas.fr/IMG/imports/top-realisations.svg') no-repeat center center;background-size:contain;mix-blend-mode:multiply}
#realisations::after{content:"";position:absolute;width:100%;height:300px;left:0;bottom:0;z-index:-1;background:url('https://www.afce-sas.fr/IMG/imports/pattern-1.svg') repeat center 600px;background-size:150px auto}
#realisations .wrapper{overflow:hidden;height:800px}
.swiper-slide{width:100%;height:750px;position:relative}
.swiper-slide picture,.swiper-slide picture img{display:block;width:545px;height:620px;margin:0 auto;position:relative;object-fit:cover;object-position:center center;cursor:pointer}
.swiper-slide picture img{clip-path:url(#diamond);width:100%}
.swiper-slide picture::after{content:"";display:block;width:100%;height:100%;background:red;position:absolute;z-index:5;top:0;left:0;display:none}
.swiper-slide .description{width:100%;max-width:545px;margin:0 auto;height:160px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:center;padding-top:20px;font-size:1.25rem;line-height:1.5rem;color:#707070}
.swiper-slide .description p{width:100%}
.thumb{width:205px;height:225px;position:absolute;z-index:5;top:175px;background-size:cover;background-position:center center;overflow:hidden}
.thumb::after{content:"";position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background-color:#cad1e8;mix-blend-mode:lighten}
.thumb.prev{left:0}
.thumb.prev,.thumb.prev::after{border-radius:0 30px 30px 0}
.thumb.next{right:0}
.thumb.next,.thumb.next::after{border-radius:30px 0 0 30px}
#realisations button{border:none;width:85px;height:85px;overflow:hidden;background:url('https://www.afce-sas.fr/IMG/imports/arrow-realisations.svg') no-repeat center center;background-size:contain}
#realisations button.cPrev{transform:rotate(-180deg)}
.cPrev,.cNext{position:absolute;z-index:20;top:250px}
.cPrev{left:160px}
.cNext{right:160px}
@media screen and (max-width:1050px){.thumb.prev{left:-80px}
.thumb.next{right:-80px}
.cPrev{left:20px}
.cNext{right:20px}}
@media screen and (max-width:900px){#realisations{padding-left:0;padding-right:0}
#realisations .wrapper{height:470px}
.swiper-slide{height:300px}
.swiper-slide picture,.swiper-slide picture img{width:275px;height:313px}
.swiper-slide picture img{clip-path:url(#diamond-mobile)}
.thumb{width:100px;height:120px;top:100px;width:calc((100% - 275px) / 2)}
#realisations button{width:25px}
.cPrev,.cNext{top:120px}
.cPrev{left:10px}
.cNext{right:10px}
.swiper-slide .description{padding-left:20px;padding-right:20px}}