.background-wrapper,.background-wrapper-mobile,.overlay-left,.overlay-left-mobile,.overlay-right{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden}.background-wrapper{ position:fixed; z-index:-10}.background-image,.background-image-mobile{ width:100%; height:100%}.background-image img,.background-image-mobile img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center}.background-wrapper-mobile{ display:none; position:absolute; z-index:-1; top:0}.overlay-left,.overlay-left-mobile{ background-color:rgba(50,92,121,0.45); z-index:5}.overlay-right{ right:0; left:auto; width:50%; background-color:rgba(151,179,202,0.65); z-index:10; top:500px; height:calc(100% - 500px)}.contenuPageSite .grid-container{ max-width:1100px}.contenuPageSite #pageContent .content,.white-background-container{ background:white; z-index:7}.contenuPageSite #pageContent .content{ padding:40px 60px 20px 60px}.white-background-container{ padding:4em 0em; margin-top:5em}.white-background-container #pageContent .content{ padding:20px 60px 40px 60px}.headerPage{ position:relative; display:block; width:100%; height:350px; border:0px solid red; margin:0px auto; margin-top:150px; text-align:center;  text-shadow:1px 1px 1px rgb(50,92,121)}.headerPage h1{ margin-top:1em; font-size:2em; padding:0px 0.5em}.headerPage img{ width:325px}@media (max-width:1100px){ .contenuPageSite #pageContent .content{ padding:20px 2em} .white-background-container #pageContent .content{ padding:20px 2em}  .background-wrapper-mobile{ display:block; top:110px; z-index:-1; height:400px} .background-image img{ height:800px; width:100%} .headerPage{ margin-top:130px; height:300px; border:0px solid red} .headerPage h1{ margin-top:1.5em; font-size:1.4em} .headerPage img{ width:250px} .white-background-container{ margin-top:10em}   .overlay-right{ top:500px; height:calc(100% - 500px)}}