section#cover{padding-top:210px;height:900px;background-image:url(/frontend/images/cover.webp);background-size:cover;background-position:center;background-repeat:no-repeat}section#cover .cover-left h1{font-size:60px;color:var(--app-color-text-contrast);line-height:1.2;margin:0 0 50px}section#cover .cover-left h1 span{display:block}section#cover .cover-left p{font-size:25px;color:var(--app-color-text-contrast);margin:30px 0 0}section#cover a.btn{background-color:var(--app-color-accent);color:var(--app-color-text);font-size:20px;padding:10px 25px;border-radius:14px;box-shadow:0 10px 30px rgba(255,193,7,.25)}section#cover .cover-devis-and-rating-bloc{margin-top:120px;display:flex;align-items:center;flex-wrap:wrap}section#conversion-badges{background-color:var(--app-color-accent);color:var(--app-color-text);padding:25px 0}section#conversion-badges .conversion-badge-item{text-align:center;border-right:1px solid var(--app-color-text)}section#conversion-badges .conversion-badge-item:nth-child(4){border-right:none}section#conversion-badges .conversion-badge-item i{display:block;font-size:50px;margin-bottom:10px}section#conversion-badges .conversion-badge-item span{display:block;font-size:30px;font-weight:500}section#about-us{padding:70px 0}section#about-us h2{line-height:1.2}section#about-us .row{display:flex;flex-wrap:wrap}section#about-us .sup-title{margin-bottom:20px}section#about-us p{text-align:justify}section#about-us img{border-radius:10px}section#about-us a.btn{background-color:var(--app-color-accent);color:var(--app-color-text);padding:15px 20px;font-weight:600;margin-top:200px;font-size:20px;border-radius:14px}section#services{padding:70px 0;background-color:var(--app-color-text)}section#services h2{line-height:1.2}section#services .sup-title,section#services h2,section#services p#intro-services{color:var(--app-color-text-contrast)}section#services p#intro-services{font-size:20px}section#services ul.services-list{display:flex;flex-wrap:wrap;gap:30px;margin:10px;padding:0}section#services ul.services-list li{flex:0 0 25%;max-width:calc(25% - 25px);list-style:none;background-color:var(--app-color-bg);padding:15px;border-radius:10px;color:var(--app-color-text);box-shadow:0 0 6px #383838;cursor:pointer}section#services ul.services-list li span{display:inline-block;padding:5px 10px;font-size:18px;border-top:5px solid var(--app-color-text);font-weight:600;margin-bottom:10px}section#services ul.services-list li i.service-icon{display:grid;align-items:center;justify-items:center;height:90px;width:90px;border-radius:50px;margin-bottom:10px;font-size:25px;background-color:var(--app-color-text);color:#fff;position:relative}section#services ul.services-list li i.service-icon::after{content:"";position:absolute;top:50%;left:50%;width:95%;height:95%;background-size:75% auto;background-repeat:no-repeat;background-position:center;transform:translate(-50%, -50%)}section#services ul.services-list li i.service-icon.icon-pose-de-toiture::after{background-image:url(/frontend/images/icons/pose.webp)}section#services ul.services-list li i.service-icon.icon-renovation-de-toiture::after{background-image:url(/frontend/images/icons/renovation.webp)}section#services ul.services-list li i.service-icon.icon-nettoyage-toiture::after{background-image:url(/frontend/images/icons/nettoyage.webp)}section#services ul.services-list li i.service-icon.icon-zinguerie-toiture::after{background-image:url(/frontend/images/icons/zinguerie.webp)}section#services ul.services-list li i.service-icon.icon-charpente::after{background-image:url(/frontend/images/icons/charpente.webp)}section#services ul.services-list li i.service-icon.icon-isolation-des-combles::after{background-image:url(/frontend/images/icons/isolation.webp)}section#services ul.services-list li i.service-icon.icon-isolation-des-murs::after{background-image:url(/frontend/images/icons/isolation-mur.webp)}section#services ul.services-list li i.service-icon.icon-ravalement-de-facade::after{background-image:url(/frontend/images/icons/ravalement.webp)}section#services ul.services-list li h3{font-weight:600;font-size:20px;margin:0}section#services ul.services-list li p{font-size:16px;margin:15px 0;min-height:92px}section#services ul.services-list li a{display:block;font-weight:600;color:var(--app-color-text)}section#why-us{position:relative;padding:70px 0 130px;background-color:var(--app-color-accent)}section#why-us h2{margin-bottom:20px !important}section#why-us ul#why-us-list{display:block;margin:0px 0 20px;padding:0}section#why-us ul#why-us-list li{display:flex;margin:0;padding:20px 10px;gap:20px;font-size:20px;border-bottom:2px solid var(--app-color-text)}section#why-us ul#why-us-list li span{font-size:30px;font-weight:900}section#why-us ul#why-us-list li h3{margin:0;flex:0 0 30%;font-weight:900}section#why-us ul#why-us-list li p{margin:0;flex:1;font-weight:600}section#why-us .section-flottant-bottom{position:absolute;bottom:0;right:50px;font-size:110px;margin:0;line-height:1.2;color:#ebac0a}section#workflows{position:relative;padding:70px 0;background:#fff}section#workflows .workflow{display:block;padding:10px;background:#fff;border-radius:10px;border:1px solid #eee;box-shadow:0 0 6px #c6c6c6;color:var(--app-color-text);max-width:300px;margin:10px auto;cursor:pointer}section#workflows .workflow img{border-radius:5px;margin-bottom:10px;height:auto}section#workflows .workflow span{display:block;font-size:20px}section#workflows .workflow span i{font-size:20px;margin-right:10px}@media screen and (max-width: 1500px){section#cover{padding-top:150px}section#why-us .section-flottant-bottom{font-size:90px}}@media screen and (max-width: 1200px){section#why-us .section-flottant-bottom{font-size:80px}}@media screen and (max-width: 991px){section#cover{height:750px}section#cover .cover-left h1{font-size:45px;text-align:center}section#cover .cover-left h1 span{display:inline}section#cover .cover-left p{text-align:center}section#cover .cover-devis-and-rating-bloc{margin-top:90px}section#conversion-badges .row{display:flex;flex-wrap:wrap}section#conversion-badges .row .conversion-badge-item{padding-top:15px;padding-bottom:15px;border-bottom:1px solid var(--app-color-text)}section#conversion-badges .row .conversion-badge-item:nth-child(3),section#conversion-badges .row .conversion-badge-item:nth-child(4){border-bottom:none}section#conversion-badges .row .conversion-badge-item:nth-child(2){border-right:none}section#about-us .row{display:flex;flex-wrap:wrap}section#about-us .row div:nth-child(1){order:1}section#about-us .row div:nth-child(2){order:3}section#about-us .row div:nth-child(3){order:4}section#about-us .row div:nth-child(4){order:2}section#about-us .row a.btn{margin-top:20px}section#services ul.services-list li{flex:0 0 33%;max-width:calc(33% - 25px)}section#why-us{padding-bottom:90px}section#why-us .section-flottant-bottom{font-size:60px;right:15px}section#start-new-project a.btn{margin-top:15px}}@media screen and (max-width: 773px){section#cover{height:auto;padding-bottom:50px}section#cover .cover-devis-and-rating-bloc{display:flex;flex-direction:column;margin-top:20px}section#cover .cover-devis-and-rating-bloc div:nth-child(1){order:2;text-align:center !important}section#cover .cover-devis-and-rating-bloc div:nth-child(2){order:1}section#cover .cover-devis-and-rating-bloc div:nth-child(2) .stars-summary{justify-content:center}section#services ul.services-list li{flex:0 0 50%;max-width:calc(50% - 25px)}}@media screen and (max-width: 757px){section#cover .cover-left h1{font-size:30px}section#cover .cover-left p{font-size:20px}section#conversion-badges .row .conversion-badge-item i{font-size:40px}section#conversion-badges .row .conversion-badge-item span{font-size:25px}section#services ul.services-list li{flex:0 0 100%;max-width:100%}section#why-us{padding:50px 0}section#why-us .section-flottant-bottom{font-size:40px;right:15px}section#why-us h2{margin-bottom:20px !important}section#why-us ul#why-us-list li{flex-wrap:wrap;align-items:center}section#why-us ul#why-us-list li h3{flex:0 0 90%;max-width:calc(100% - 40px)}section#why-us ul#why-us-list li p{flex:0 0 100%}section#avis ul.avis-list li{flex:0 0 80%;max-width:80%}}@media screen and (max-width: 575px){section#conversion-badges .row .conversion-badge-item i{font-size:30px}section#conversion-badges .row .conversion-badge-item span{font-size:20px}section#why-us .section-flottant-bottom{font-size:30px;right:5px}section#avis ul.avis-list li{flex:0 0 100%;max-width:100%}}