.work-header{height:80vh;width:100%}.work-header.couverture{background-image:url(/img/metier-couverture.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.work-header.etancheite{background-image:url(/img/metier-etancheite.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.work-header.bardage{background-image:url(/img/metier-bardage.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.work-header.chauffage{background-image:url(/img/metier-chauffage.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.work-header.plomberie-sanitaire{background-image:url(/img/metier-sanitaire.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.work-header.realisations{background-image:url(/img/renovation-toiture.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.work-header.contact{background-image:url(/img/batiment-cophignon.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.work-header::before{background-color:rgba(0,0,0,0.6);content:'';position:absolute;width:100%;height:inherit}.work-header h1{position:relative;top:50%;color:white;text-transform:uppercase;text-align:center;letter-spacing:0.8rem;font-weight:bold}@media all and (min-width: 576px){.work-header h1{letter-spacing:1.1rem}}header .title{height:20vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}header .title h1{text-align:center;font-size:1.4rem;padding-left:1rem;padding-right:1rem}@media all and (min-width: 576px){header .title h1{font-size:1.7rem}}@media all and (min-width: 768px){header .title h1{font-size:1.8rem}}header .down-button{font-size:2rem;opacity:0.5;padding-bottom:1rem}header .down-button a{text-decoration:none;color:black}body{background-color:#EDEDED}main section .row{-webkit-box-align:center;-ms-flex-align:center;align-items:center}main section div.white{background-color:white;color:black}main section div.white h2{color:#E74015}main section div.black{background-color:black;color:white}main section div.orange{background-color:#E74015;color:white}main section .image{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0;-ms-flex-item-align:stretch;align-self:stretch}main section .image img{-o-object-fit:cover;object-fit:cover;width:100%}@media all and (min-width: 1400px){main section .image img{max-height:43rem}}@media all and (min-width: 1900px){main section .image img{max-height:35rem}}main section h2{font-weight:bold;text-transform:uppercase;padding-bottom:1rem}main section p,main section li{font-size:1.4rem;line-height:1.6rem}main section .section-text{padding:2rem}@media all and (min-width: 768px){main section .section-text{padding:5rem}}main section .section-text p a{text-decoration:none;color:#E74015;font-weight:bold}main section .orange .section-text p a{color:black}#contact .contact-us{background-color:black;text-align:center;padding:10rem 1rem;background-image:url(/img/logo-carre.png),url(/img/logo-carre.png);background-repeat:no-repeat;background-size:50%, 50%;background-position:left -6rem top -3rem, right -5rem top 17rem}@media all and (min-width: 768px){#contact .contact-us{background-position:-10rem -15rem, right -10rem top 10rem;padding:10rem}}@media all and (min-width: 992px){#contact .contact-us{background-size:inherit}}#contact .contact-us h1,#contact .contact-us h2{color:white;text-transform:uppercase;font-size:1.6rem}@media all and (min-width: 768px){#contact .contact-us h1,#contact .contact-us h2{font-size:2rem}}#contact .contact-us a{color:black;font-size:1.5rem;margin-top:2rem;padding:0.7rem 1.5rem}#contact .contact-us a:hover{background-color:#E74015 !important;color:white}#contact .coords{background-color:#E74015;color:white;font-size:1.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;padding:1rem 0.8rem}#contact .mapouter{position:relative;text-align:right}#contact .gmap_canvas{overflow:hidden;background:none !important}#contact .mapouter,#contact .gmap_canvas iframe{height:30rem;width:100%}