﻿@import"/assets/css/fonts/awesome/css/all.min.css";@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:500;src:url("/assets/css/fonts/roboto/roboto-v51-latin-500.eot");src:url("/assets/css/fonts/roboto/roboto-v51-latin-500.eot?#iefix") format("embedded-opentype"),url("/assets/css/fonts/roboto/roboto-v51-latin-500.woff2") format("woff2"),url("/assets/css/fonts/roboto/roboto-v51-latin-500.woff") format("woff"),url("/assets/css/fonts/roboto/roboto-v51-latin-500.ttf") format("truetype"),url("/assets/css/fonts/roboto/roboto-v51-latin-500.svg#Roboto") format("svg")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:700;src:url("/assets/css/fonts/roboto/roboto-v51-latin-700.eot");src:url("/assets/css/fonts/roboto/roboto-v51-latin-700.eot?#iefix") format("embedded-opentype"),url("/assets/css/fonts/roboto/roboto-v51-latin-700.woff2") format("woff2"),url("/assets/css/fonts/roboto/roboto-v51-latin-700.woff") format("woff"),url("/assets/css/fonts/roboto/roboto-v51-latin-700.ttf") format("truetype"),url("/assets/css/fonts/roboto/roboto-v51-latin-700.svg#Roboto") format("svg")}@font-face{font-display:swap;font-family:"Spectral";font-style:normal;font-weight:400;src:url("/assets/css/fonts/spectral/spectral-v15-latin-regular.eot");src:url("/assets/css/fonts/spectral/spectral-v15-latin-regular.eot?#iefix") format("embedded-opentype"),url("/assets/css/fonts/spectral/spectral-v15-latin-regular.woff2") format("woff2"),url("/assets/css/fonts/spectral/spectral-v15-latin-regular.woff") format("woff"),url("/assets/css/fonts/spectral/spectral-v15-latin-regular.ttf") format("truetype"),url("/assets/css/fonts/spectral/spectral-v15-latin-regular.svg#Spectral") format("svg")}@font-face{font-display:swap;font-family:"Raleway";font-style:normal;font-weight:400;src:url("/assets/css/fonts/raleway/raleway-v37-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Raleway";font-style:normal;font-weight:600;src:url("/assets/css/fonts/raleway/raleway-v37-latin-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Raleway";font-style:normal;font-weight:700;src:url("/assets/css/fonts/raleway/raleway-v37-latin-700.woff2") format("woff2")}*,*:before,*:after{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none}#page{position:relative;right:0;z-index:0}#page.menu_ouvert{right:300px}@media(min-width: 1024px){#page.menu_ouvert{right:0}}#page.menu_ouvert #menu{right:0}.container{padding:15px;max-width:1600px;margin:auto}.row{display:flex;flex-flow:column;justify-content:space-evenly;gap:15px}@media(min-width: 544px){.row{flex-flow:row wrap}}.row>*{flex:1 1}body{font-family:"Raleway",sans-serif;font-size:16px;color:#1e1e1d}.titre{font-family:"roboto",sans-serif;font-weight:bold;font-size:34px}@media(min-width: 1024px){.titre{font-size:58px}}.sous-titre{font-family:"Spectral",sans-serif;font-size:22px;font-weight:500}@media(min-width: 1024px){.sous-titre{font-size:24px}}.sous-titre.before::before{content:"";display:inline-block;vertical-align:middle;width:60px;height:2px;background-color:#00bbb4;margin-right:20px}@media(min-width: 768px){.sous-titre.before::before{width:90px}}p{line-height:1.5rem}#page,#menu,a{-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;transition:all .4s ease 0s}img{max-width:100%;display:inline-block;height:auto;vertical-align:middle}.btn{background-color:#00bbb4;color:#f5f5f5;font-size:18px;font-family:"roboto";font-weight:500;border-radius:8px;padding:18px;display:inline-block;border:none}.btn.transparent{border:1px solid #f5f5f5;background-color:rgba(0,0,0,0)}@media(min-width: 768px){.btn.transparent{margin-left:35px;margin-top:0}}.btn:hover{background-color:#00837e}header{background-color:#1e1e1d;border-bottom:1px solid rgba(245,245,245,.43)}header .logo,header .cta{flex:0 1 auto}#btn_menu{display:block;position:absolute;top:5px;right:10px;color:#f5f5f5;font-size:24px;z-index:1;cursor:pointer}@media(min-width: 1024px){#btn_menu{display:none}}#btn_menu.fa-times-circle{color:#fff}#menu{position:fixed;top:0;bottom:0;width:300px;right:-300px;max-width:100%;padding-top:32px;z-index:999;margin:0;background-color:#1e1e1d}@media(min-width: 1024px){#menu{position:static;width:100%;padding:25px}}#menu .container{padding:0;list-style-type:none}@media(min-width: 1024px){#menu .container{display:flex;flex-flow:row nowrap;justify-content:center}}#menu li{position:relative;display:grid;grid-template-rows:auto 0fr;-webkit-transition:grid-template-rows 400ms;-moz-transition:grid-template-rows 400ms;-ms-transition:grid-template-rows 400ms;-o-transition:grid-template-rows 400ms;transition:grid-template-rows 400ms}@media(min-width: 1024px){#menu li{display:block}}#menu li.ss_menu_ouvert{grid-template-rows:auto 1fr}@media(max-width: 767px){#menu li.ss_menu_ouvert_reno{grid-template-rows:auto 1fr}}#menu a{display:flex;padding:0 15px;color:#fff;height:40px;font-size:18px;text-decoration:none;align-items:center}@media(min-width: 1024px){#menu a{height:50px}}#menu a .fa{font-size:27px;margin-right:8px}#menu a .btn_sous_menu{font-size:25px;margin-right:0;flex-grow:1;text-align:right}@media(min-width: 1024px){#menu a .btn_sous_menu{display:none}}#menu a .fa-chevron-down,#menu a .fa-chevron-up{font-size:16px;margin-left:10px}#menu li:hover>a{color:#00bbb4}@media(min-width: 1024px){#menu li:hover>ul{display:block;padding:15px 10px}}#menu li ul{min-width:100%;margin:0;overflow:hidden;border-radius:8px}@media(min-width: 768px){#menu li ul{background:#363636}}@media(min-width: 1024px){#menu li ul{display:none;position:absolute;top:100%;left:0;z-index:1}}#menu li ul a{padding:0 20px;height:35px}@media(min-width: 1024px){#menu li ul a{padding:0 15px;white-space:nowrap}}#menu .btn{font-size:18px}footer{background:#1e1e1d;color:#f5f5f5;color:rgba(255,255,255,.7);font-size:16px}footer a{line-height:31px;color:rgba(255,255,255,.7)}footer a:hover{color:#00bbb4}footer>.container{padding:120px 15px}footer>.container .row{align-items:normal}footer .slogan{font-size:14px;font-weight:bold;margin-top:18px;text-transform:uppercase;margin-bottom:60px;color:#fff}footer .titre{color:#fff;font-size:18px;margin-bottom:25px}@media(min-width: 1024px){footer .seo{flex:1.3}}footer .seo .text-seo{font-size:14px}footer .blanc{background-color:#f5f5f5;color:#00bbb4;margin-top:35px}.post-footer{border-top:1px solid rgba(255,255,255,.1)}.post-footer .info{display:flex;justify-content:end;align-items:center;gap:20px;font-size:14px}#footer_processx{font-size:11px;text-align:center}.row{align-items:center}section p a{font-weight:bold;color:#00bbb4}.hero{background-color:#1e1e1d;color:#f5f5f5}.hero .container{position:relative}@media(max-width: 1023px){.hero .container .row{flex-flow:column}}.hero .text{padding:40px 0;position:relative}@media(min-width: 1024px){.hero .text{flex:2;padding-bottom:90px}}.hero .text h2{margin-bottom:27px}@media(min-width: 1024px){.hero .text h2{font-size:70px}}.hero .text .content{margin-bottom:20px}@media(min-width: 1024px){.hero .text .content{margin-bottom:78px;max-width:640px}}.hero .text .duo-btn .btn{margin-top:20px}.hero .text .stickers{position:absolute;right:40px;max-width:215px;background-color:#00bbb4;color:#f5f5f5;font-size:16px;line-height:24px;text-align:center;font-weight:400;padding:35px 15px;transform:rotate(3.84deg)}@media(min-width: 1550px){.hero .text .stickers{bottom:0}}.hero .text .stickers span{text-transform:uppercase;font-weight:bold;font-size:24px;line-height:30px}.hero .media{flex:1.8}.hero .media video{object-fit:cover;border-radius:8px;height:500px;width:100%}@media(min-width: 1024px){.hero .media video{height:752px}}@media(min-width: 1280px){.about{padding:83px 0}.about .row{gap:70px}}@media(max-width: 767px){.about>.row{flex-flow:column}}.about .sous-titre{color:#00bbb4}.about .titre{margin-bottom:30px}@media(min-width: 1024px){.about .titre{margin-bottom:60px}}.about .text .content{margin-bottom:60px}.about .container-img{position:relative}@media(min-width: 1280px){.about .container-img::before{content:"";width:716px;height:325px;position:absolute;display:block;background-color:#535353;left:-70px;top:-40px;z-index:-1}}.about .values{margin-top:53px;justify-content:space-between}@media(max-width: 543px){.about .values{align-items:start}}.about .values .value{flex-flow:row;color:#535353;padding:18px 0;max-width:284px}@media(min-width: 1280px){.about .values .value{gap:50px}}.about .values .value .content{flex:2}.about .values .value .container-icon{display:block;background-color:#caeeef;border-radius:100%;z-index:-1;max-width:83px;height:83px;text-align:center;display:flex;align-items:center;justify-content:center;width:83px}.about .list-parrainage{margin-left:40px}.specialite{position:relative}.specialite .container{position:relative}@media(min-width: 1280px){.specialite::before{content:"";position:absolute;background-color:#1e1e1d;border-radius:0 8px 8px 0;z-index:-1;height:196px;width:50%;top:15px}}.specialite .container-titre{padding:20px;display:flex;align-items:center;gap:15px;position:relative;background-color:#1e1e1d;border-radius:8px;max-width:980px;color:#f5f5f5}@media(min-width: 1280px){.specialite .container-titre{height:196px}}@media(max-width: 543px){.specialite .container-titre .titre{font-size:23px}}.specialite .content{margin-top:30px}@media(min-width: 1024px){.specialite .content{width:50%;margin-top:130px}}.specialite .content .grandp{font-size:22px;margin-bottom:20px}.specialite .container-img{margin-top:20px}@media(min-width: 1024px){.specialite .container-img{position:absolute;margin-top:0;top:30%;right:0;max-width:50%}}@media(min-width: 1024px)and (min-width: 1450px){.specialite .container-img{top:50px}}.service{margin-top:30px;background-color:#363636;color:#f5f5f5}@media(min-width: 1024px){.service{margin-top:100px}}.service .container{padding:0 15px}.service .content{padding:60px 0}@media(min-width: 1024px){.service .content{padding:100px 0}}.service .content .titre{margin-bottom:37px}.service .content .duo-btn{margin-top:37px}@media(min-width: 1024px){.service .content .duo-btn{margin-top:90px}}.service .row{justify-content:space-between}@media(min-width: 1024px){.service .galerie{padding-top:68px}}.service .galerie .row{align-items:start}.side-img{padding:30px 0}@media(min-width: 1024px){.side-img{padding:60px}}.side-img img{border-radius:8px}.side-img .titre{margin-bottom:30px}.side-img .galerie{padding-top:0}.side-img .colomn{flex:.7;margin-right:80px}.side-img .colomn .right{text-align:right}.side-img ul{margin-left:40px}.side-img ul li{margin-bottom:10px;list-style:none;position:relative}.side-img ul li::before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:-25px;top:50%;transform:translateY(-50%);font-size:16px;color:#00bbb4}.style-escalier{padding:80px 0}.style-escalier .styles{margin-top:77px}.style-escalier .styles .card{height:500px;max-width:400px;position:relative;display:flex;align-items:end;border-radius:8px}@media(min-width: 544px){.style-escalier .styles .card{min-width:300px}}.style-escalier .styles .card::before{position:absolute;content:"";width:100%;height:100%;background:linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.46) 100%);border-radius:8px}.style-escalier .styles .card:hover::before{background:rgba(0,187,180,.8)}.style-escalier .styles .card .content{padding:30px;color:#f5f5f5;position:relative;font-size:16px}.style-escalier .styles .card .content .icone-container{margin-bottom:35px}.style-escalier .styles .card .content h3{font-size:24px}.style-escalier .styles .card .content .icone{max-width:87px}.style-escalier .styles .classique{background:url("/assets/css/../img/renovation-escalier-classique.jpg") no-repeat;background-size:cover}.style-escalier .styles .tradition{background:url("/assets/css/../img/renovation-escalier-tradition.jpg") no-repeat;background-size:cover}.style-escalier .styles .design{background:url("/assets/css/../img/renovation-escalier-design.jpg") no-repeat;background-size:cover}.style-escalier .styles .garde-corps{background:url("/assets/css/../img/renovation-escalier-garde-corps.jpg") no-repeat;background-size:cover}.style-escalier.black{background-color:#363636;color:#f5f5f5}.processus{background-color:#f6f4f4;padding:80px 0;text-align:center}.processus .text{margin:30px auto;max-width:1130px}@media(max-width: 543px){.processus .row{align-items:normal}}.processus .card{border-radius:8px;flex:0 1 calc(33% - 20px);position:relative;display:flex;height:365px;text-align:start}.processus .card .content{padding:40px;display:flex;flex-direction:column;gap:20px}@media(min-width: 1280px){.processus .card .content{gap:44px}}.processus .card .number{color:#00bbb4;font-size:58px}.processus .card h4{font-size:24px}.processus .first{background:url("/assets/css/../img/camion-escalstyle.jpg") no-repeat;background-size:cover;align-items:center;color:#f5f5f5}.processus .first::before{position:absolute;content:"";width:100%;height:100%;background:rgba(0,187,180,.8);border-radius:8px}.processus .first .titre{position:relative;color:#f5f5f5;padding:40px}@media(min-width: 1280px){.processus .first .titre{font-size:40px}}.processus .black{background-color:#1e1e1d;color:#f5f5f5;border:1px solid #1e1e1d}.processus .white{border:1px solid #1e1e1d;background:rgba(0,0,0,0);color:#1e1e1d}.realisations{padding:80px 0}.realisations .container .row{justify-content:space-between}.realisations .container .row a{flex:inherit;padding:18px 30px}.realisations .galerie-photo{margin-top:80px;gap:0}.realisations .galerie-photo img{max-height:480px;object-fit:cover}.avis{background:url("/assets/css/../img/bg-escaliers.png") no-repeat;background-position:right bottom;padding-bottom:80px;text-align:center}.avis .text{margin:30px 0}@media(min-width: 1024px){.avis .list-avis{margin-top:60px}}.avis .list-avis .testimonial-container{background-color:#f6f6f8;text-align:left;border-radius:9px;padding:20px;min-height:472px}.avis .list-avis .testimonial-container .auteur{font-weight:600}.avis .list-avis .testimonial-container .container-img{flex:inherit}.avis .list-avis .testimonial-container .container-img img{width:50px}.avis .list-avis .testimonial-container .rate{color:#fcbf02;margin:20px 0}.avis .list-avis .testimonial-container .flex{display:flex;gap:15px}.zone-intervention .row{gap:0;align-items:normal}.zone-intervention .carte{background-color:#f6f6f6;padding:32px 4%;display:flex;align-items:center;justify-content:center}.zone-intervention .zone{background-color:#363636;padding:45px 15px;color:#f5f5f5}@media(min-width: 544px){.zone-intervention .zone{padding:45px 85px}}.zone-intervention .zone .titre{margin:13px 0}.zone-intervention .zone ul{margin-left:40px;margin-top:20px}.zone-intervention .zone .duo-btn{margin-top:20px}.zone-intervention .zone .duo-btn .blanc{background-color:#f5f5f5;color:#00bbb4}@media(min-width: 1024px){.zone-intervention .zone .duo-btn .blanc{margin-left:13px}}.bg-img{background:url("/assets/css/../img/specialiste-renovation-escaliers.jpg");background-repeat:no-repeat;background-size:cover;height:676px;overflow:hidden}.bg-img.atelier{background:url("/assets/css/../img/camion-atelier-escalstyle2.jpg");background-repeat:no-repeat;background-size:cover;background-position:center}.bg-img .container{padding:0}.bg-img .container .row{justify-content:end}.bg-img .content{background-color:rgba(30,30,29,.75);padding:30px;height:100%;color:#f5f5f5;max-width:960px}@media(min-width: 1024px){.bg-img .content{padding:160px 150px}}.bg-img .content .titre{margin-bottom:25px}.presentation-equipe{margin:80px 0;text-align:center}.presentation-equipe .texte{max-width:1200px;margin:20px auto}.presentation-equipe .equipes{margin-top:40px}.presentation-equipe .equipes .titre{text-align:left}.presentation-equipe .equipes .equipe h4{margin-top:10px}.realisations{text-align:center}.realisations .texte{max-width:1200px;margin:20px auto}.realisations #galeriePhotos{margin-top:80px;column-gap:15px;columns:2}@media(min-width: 544px){.realisations #galeriePhotos{columns:3}}@media(min-width: 1024px){.realisations #galeriePhotos{columns:4}}@media(min-width: 1450px){.realisations #galeriePhotos{columns:5}}.realisations #galeriePhotos a{display:block;margin-bottom:15px;position:relative;overflow:hidden;border-radius:0px;transition:all .5s ease 0s}.realisations #galeriePhotos a:after{opacity:0;content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:80px;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);color:rgba(255,255,255,.5);-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.realisations #galeriePhotos a:hover{border-radius:8px;transform:scale(1.1);z-index:1}.realisations #galeriePhotos a:hover:after{opacity:1}.realisations #galeriePhotos img{width:100%;object-fit:cover}.liste{margin-left:80px}.liste li{line-height:30px;margin-bottom:16px;list-style:none;position:relative}.liste li::before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:-25px;top:50%;transform:translateY(-50%);font-size:16px;color:#00bbb4}.liste li a{color:#00bbb4}.full-text{background-color:#f6f4f4;padding:30px 0}@media(min-width: 1024px){.full-text{padding:80px 0}}.full-text .row{gap:45px}.full-text .titre{margin-bottom:30px}.layout{padding:80px 0}.layout .titre,.layout .text{margin-bottom:30px}@media(min-width: 1024px){.layout .reverse{flex-direction:row-reverse}}.layout .activite{margin-top:80px;gap:100px}.layout .container-img{text-align:right}.parrainage{text-align:center;padding:30px 0;background:url("/assets/css/../img/parrainage.jpg") no-repeat;background-size:cover;position:relative}@media(min-width: 1024px){.parrainage{padding:60px}}.parrainage::before{position:absolute;content:"";width:100%;height:100%;background:rgba(0,187,180,.8);left:0;top:0}.parrainage .container{position:relative;color:#f5f5f5}.parrainage .container .titre,.parrainage .container .text{margin-bottom:30px}.parrainage .container .blanc{background-color:#f5f5f5;color:#00bbb4;margin-left:13px}.main-style{padding:30px 0;text-align:center}@media(min-width: 1024px){.main-style{padding:80px 0}}.main-style .titre{margin-bottom:30px}.main-style .content{background-color:#535353;padding:30px;color:#f5f5f5;text-align:left}@media(min-width: 1024px){.main-style .content{padding:90px 120px 90px 400px;margin-left:-140px}}.main-style .container-img2{position:relative;z-index:2;flex:1.4}.parrainage-form{background-color:#f5f5f5;padding:60px 0}.parrainage-form .container{max-width:900px;margin:0 auto}.parrainage-form h3{font-size:38px;margin:30px 0}