:root{--primary-color:#202020;--secondary-color:#497d47;--titre-color:#1a1a1a;--paragraphe-color:#2b2b2b;--third-color: ;--bg-color:rgba(32,32,32,.8);--space-s: ;--space-m: ;--space-l: ;--mt-m:5rem;--mt-l:15rem;--mr-m: ;--mr-l: ;--mb-m: ;--mb-l: ;--ml-m: ;--ml-l: ;--m-m: ;--m-l: ;--pt-m: ;--pt-l: ;--pr-m: ;--pr-l: ;--pb-m: ;--pb-l: ;--pl-m: ;--pl-l: ;--p-m:1em;--p-l: ;--border-radius-4l:25px;--border-radius-bottom-l:0 0 25px 25px;--border-radius-top-l:25px 25px 0 0;--bp-mobile: ;--bp-tablette:600px;--bp-pc:1024px}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body,html{height:100%;-webkit-text-size-adjust:none;background-color:#f5f5f5;svg{height:7rem;width:7rem}}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}ol,ul{list-style:none}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:sans-serif}.h2-bouche-du-rhone{margin:auto;margin-top:var(--mt-l);width:95%;.h2-p{flex-direction:column;flex-grow:1;padding:auto auto 3rem;width:50%;.h2{padding:auto auto 3rem}.h2,.paragraphe-h2{margin:auto;width:90%}.paragraphe-h2{padding:auto}}}@keyframes appearFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(-10px)}}.img-wrapper{animation:appearFromRight;animation-duration:auto;animation-fill-mode:forwards;animation-timeline:view();animation-timing-function:ease-out;margin:3rem auto auto;opacity:0;padding:auto}.nos-competences{display:grid;gap:15px;grid-template-columns:1fr;margin-top:var(--mt-l)}.class{border-radius:var(--border-radius-4l);box-shadow:-1px 1px 1px 3px gray;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);flex-direction:column;margin:auto;max-width:500px;padding:3rem;text-align:center}#nosprestations{background-color:rgba(32,32,32,.1);border-radius:var(--border-raduis-4l);margin-top:var(--mt-l)}.les-professionels{font-size:clamp(2rem,3.4vw,3.8rem);padding-top:1rem;text-align:center}@media(min-width:600px){#nosprestations .les-experts{grid-template-columns:1fr;margin:auto;width:60%}}@media(min-width:1024px){#nosprestations .les-experts,.nos-competences{grid-template-columns:repeat(3,1fr);width:100%}}.flex-3,.h2-elec{margin-top:var(--mt-m)}.cat-elec,.h2-cat-elec,.h3-cat-elec,.p-h3{padding:var(--p-m)}.trois-categorie{flex-direction:column;gap:auto}.urg-none{display:none}.img-dep{height:300px;padding:0;width:100%}@media (min-width:400px){.trois-categorie{flex-direction:row}.img-dep,.plus-moins{width:50%}.img-dep{height:740px}.urg-none{display:block}.urg2{display:none}.h2-cat-elec{padding-top:.1em}.cat-elec,.h2-cat-elec,.h3-cat-elec{padding-bottom:0}}@media(min-width:1024px){.trois-categorie{flex-direction:row;margin-top:var(--mt-l)}.img-dep,.plus-moins{width:50%}.img-dep{height:570px}.urg-none{display:block}.urg2{display:none}}.elec-dep{border-radius:25px/25px;height:100%;width:100%}.recharge{background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/images/borne-de-recharge.webp);background-position:50%;background-size:cover;border-radius:25px/25px;color:#fff;height:300px;margin-top:var(--mt-l)}.h3-cat-elec-recharge{color:#fff;font-size:2.1rem;padding:.3em 1em 1em}.p-h3-recharge{color:#fff;font-size:1.6rem;padding:5rem auto auto 1em}@media (min-width:480px){.recharge{height:500px}.h3-cat-elec-recharge{font-size:3.5rem;margin-left:40%;padding:5rem auto auto;width:60%}.p-h3-recharge{font-size:2rem;margin-left:40%;padding:10rem auto auto 2rem;width:60%}}.flexwrap{flex-direction:row;flex-wrap:wrap;gap:auto;margin-top:var(--mt-l)}@media (min-width:1024px){.img-dep-elec1{width:50%}.categorie-2{height:424px;width:50%}}.elec-dep{-o-object-fit:cover;object-fit:cover}.cat-elec{margin:auto;padding:auto}.p-cat-elec2{padding:var(--p-m)}.trois-categorie-tertiaire{background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/images/tertiaire.webp);background-position:50%;background-size:cover;color:#fff;height:80vh;margin-top:var(--mt-l);max-height:600px;min-height:200px;width:100%}.cat-elec-tertiaire{color:#fff;padding-left:1.5rem;padding-top:1em}@media (min-width:600px){.cat-elec-tertiaire{padding-top:5rem;width:60%}}.ulec li{font-size:2rem;list-style:square;margin-left:1em;margin-top:1rem;text-align:left;width:80%}@media (min-width:1024px){.ulec li{padding-top:1rem;width:60%}}.h1-realisation{display:inline-block;margin-bottom:5rem;margin-left:24.4%;margin-top:5rem}.galerie-realisation{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.item-galerie{aspect-ratio:16/10;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:0;overflow:hidden;position:relative}.item-galerie img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.item-galerie figcaption{background:linear-gradient(transparent,rgba(0,0,0,.85));bottom:0;left:0;opacity:0;padding:15px;position:absolute;right:0;transform:translateY(10px);transition:all .3s ease-in-out}.item-galerie figcaption h2,.item-galerie figcaption p{color:#fff}.item-galerie:hover figcaption{opacity:1;transform:translateY(0)}.item-galerie:hover img{transform:scale(1.05)}.flex{display:flex;flex-wrap:wrap}.grid{display:grid}.block{display:block}.text-center{text-align:center}.mt-l{margin-top:15rem}.mt-m{margin-top:10rem}.mt-s{margin-top:5rem}html{font-size:62.5%;line-height:1.45;scroll-behavior:smooth}body{display:flex;flex-direction:column;font-family:Open Sans,sans-serif;font-size:1.6rem;justify-content:space-between;margin:0;padding:0}img{transition:opacity .3s ease-in-out}img:not([src]){opacity:0}h5{font-size:clamp(1.9rem,3.2vw,3.5rem)}h4,h5{color:var(--titre-color)}h4{font-size:clamp(1.9rem,3.2vw,3.6rem)}h3{font-size:clamp(2rem,3.4vw,3.8rem)}h2,h3{color:var(--titre-color)}h2{font-size:clamp(2.1rem,3.5vw,4rem)}h1{color:var(--titre-color);font-size:clamp(2.2rem,4vw,4.5rem)}p{color:var(--paragraphe-color);font-size:clamp(1.9rem,3.1vw,2rem);letter-spacing:.03em;line-height:1.5}a{color:var(--secondary-color);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.faq-section{margin:50px auto;max-width:800px;padding:0 20px}.faq-title{color:#2c3e50;margin-bottom:30px;text-align:center}.faq-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;overflow:hidden;transition:all .3s ease}summary{color:#3498db;cursor:pointer;font-size:1.1rem;font-weight:700;list-style:none;padding:20px;position:relative}summary:after{content:"+";font-size:1.5rem;position:absolute;right:20px;transition:transform .3s ease}details[open]{border-color:#3498db;box-shadow:0 4px 15px rgba(0,0,0,.1)}details[open] summary:after{content:"-";transform:rotate(180deg)}.faq-content{border-top:1px solid #f0f0f0;color:#555;line-height:1.6;padding:15px 20px 20px}.cta-container{background-color:#f8f9fa;border:2px solid #3498db;border-radius:15px;margin:40px auto;max-width:800px;padding:30px;text-align:center}.cta-content h3{color:#2c3e50;margin-bottom:10px;text-transform:capitalize}.cta-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.btn-devis,.btn-phone{border-radius:5px;font-weight:700;padding:15px 25px;text-decoration:none;transition:transform .2s}.btn-phone{background-color:#27ae60;color:#fff}.btn-devis{background-color:#3498db;color:#fff}.btn-devis:hover,.btn-phone:hover{transform:scale(1.05)}.slogan:active{box-shadow:none}.slogan:hover{background-color:#2e5f2f;opacity:.8;transition:transform .5s ease}.haut-de-page:hover{background-color:#2e5f2f;color:#fff}.haut-de-page:hover,.logoaccueil{transition:transform .3s ease}.logoaccueil:hover{transform:scale(1.2)}#menu li{transition:transform .3s ease}#menu li:hover{transform:scale(1.1)}.section_service{background-color:rgba(32,32,32,.1);border-radius:var(--border-radius-4l);margin-top:var(--mt-m)}.div_service_1{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:var(--mt-m);@media (min-width:704px){&{flex-direction:row}}.h2_p_service_1{padding:2rem;@media (min-width:704px){&{align-items:center;flex-direction:column;gap:auto;justify-content:center;width:50%}}.p_service_1{padding-top:2rem}}.div_img_service_1{border-radius:var(--border-radius-4l);display:flex;height:250px;overflow:hidden;width:100%;@media (min-width:704px){&{height:400px;width:50%}}.img_service_1{height:100%;width:100%}}}.div_service_2{display:flex;flex-direction:column-reverse;margin-top:var(--mt-m);@media (min-width:1024px){&{flex-direction:row}}.div_img_service_2{border-radius:var(--border-radius-4l);height:250px;margin-top:2rem;overflow:hidden;width:100%;@media (min-width:1024px){&{height:400px;width:50%}}.div_img_service_2 img{-o-object-fit:cover;object-fit:cover;width:100%}}.h2_p_service_2{align-items:center;display:flex;flex-direction:column;justify-content:center;@media (min-width:1024px){&{width:50%}}.h2_service_2{padding:2rem 2rem 0}.p_service_2{padding:2rem}}}.div_service_3{height:1600px;margin-top:var(--mt-m);position:relative;.sticky{height:700px;-o-object-fit:cover;object-fit:cover;position:sticky;top:0;width:100%;z-index:1}.h2_p_service_3{backdrop-filter:blur(10px);background-color:rgba(0,0,0,.4);border:1px solid gray;border-radius:var(--border-radius-4l);margin:auto;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.8);width:90%;z-index:2;@media (min-width:1024px){&{margin-left:5em;width:70%}}.h2_service_3{color:#fff;padding:2rem}@media (min-width:1024px){&{padding:3rem}}.p_service_3{color:#fff;padding:2rem}@media (min-width:1024px){&{padding:5rem 3rem 3rem}}}}.connexe{margin-left:1em;margin-right:1em;margin-top:10rem;overflow:hidden}.inspiration{border-radius:var(--border-radius-4l);overflow:hidden}@media (min-width:1024px){.connexe{margin:auto;margin-top:var(--mt-l);width:80%}.inspiration{border-radius:var(--border-radius-4l);float:left;margin-right:20px;overflow:hidden;width:40%}.article{font-size:var(--fs-base)}.h5-article{display:inline}}.prestation{border:none;border-bottom:4px groove #2e5f2f;padding-bottom:11px}.form{display:grid;font-size:1.6rem;gap:px;margin:auto;width:80%}.espacement-btn{height:7px}@media (min-width:550px){.form{width:550px}}.h1-Contact,.para{text-align:center}.tel{color:#2e5f2f;font-size:2rem;font-weight:700}.contact{border:none;border-bottom:4px groove #2e5f2f;padding-bottom:11px}#msg{height:150px}.msg-erreur{color:#e74c3c;display:block;font-size:1rem;margin-bottom:10px;margin-top:5px}.champ-en-erreur{background-color:#fdf2f2;border:1px solid #e74c3c!important}.form-message{border-radius:5px;display:none;font-weight:500;margin-top:15px;padding:12px 20px;text-align:center;transition:all .3s ease}.form-message.success{background-color:rgba(40,167,69,.15);border:1px solid #28a745;color:#28a745;display:block}.form-message.error{background-color:rgba(220,53,69,.15);border:1px solid #dc3545;color:#dc3545;display:block}.h1-chapeau-carrelage{background-color:rgba(32,32,32,.8);border-radius:var(--border-radius-4l);overflow:hidden}.titre-carreleur{background-position:50%;background-size:cover;border-radius:25px/25px;border-style:groove;border-width:2px;box-shadow:-8px 3px 8px gray;margin-top:1.5rem;overflow:hidden;position:relative}.h1-carreleur{color:#202020;color:#fff;font-size:3.5vw;margin-left:4.9rem;padding:7% 7% 7% 9%;width:70%}.chapeau-carreleur{border-style:solid;border-width:1px;border-left:none;border-right:none;color:#202020;color:#fff;font-size:2.5rem;line-height:1.5;margin:15rem auto auto;padding:10rem auto;width:78%}.h1-chapeau-isolation{background-color:rgba(32,32,32,.8);border-radius:b;overflow:hidden}.titre-isoleur{background-position:50%;background-size:cover;border-radius:var(--border-radius-4l);border-style:groove;border-width:2px;box-shadow:-8px 3px 8px gray;margin-top:1.5rem;overflow:hidden;position:relative}.h1-isoleur{color:#202020;color:#fff;font-size:3.5vw;margin-left:4.9rem;padding:9%;width:70%}.chapeau-isoleur{border-style:solid;border-width:1px;border-left:none;border-right:none;color:#202020;color:#fff;font-size:2.5rem;line-height:1.5;margin:15rem auto auto;padding:10rem auto;width:78%}.h1-chapeau-menuiserie{background-color:rgba(32,32,32,.8);border-radius:25px 25px 25px 25px;overflow:hidden}.titre-menuisier{background-position:50%;background-size:cover;border-radius:25px/25px;border-style:groove;border-width:2px;box-shadow:-8px 3px 8px gray;margin-top:1.5rem;overflow:hidden;position:relative}.h1-menuisier{color:#202020;color:#fff;font-size:3.5vw;margin-left:4.9rem;padding:9%;width:70%}.chapeau-menuisier{border-style:solid;border-width:1px;border-left:none;border-right:none;color:#202020;color:#fff;font-size:2.5rem;line-height:1.5;margin:15rem auto auto;padding:10rem auto;width:78%}.h1-chapeau-maçonnerie{background-color:rgba(32,32,32,.8);border-radius:25px 25px 25px 25px;overflow:hidden}.titre-maçon{background-position:50%;background-size:cover;border-radius:25px/25px;border-style:groove;border-width:2px;box-shadow:-8px 3px 8px gray;margin-top:1.5rem;overflow:hidden;position:relative}.h1-maçon{color:#202020;color:#fff;font-size:3.5vw;margin-left:4.9rem;padding:9%;width:70%}.chapeau-maçon{border-style:solid;border-width:1px;border-left:none;border-right:none;color:#202020;color:#fff;font-size:2.5rem;line-height:1.5;margin:15rem auto auto;padding:10rem auto;width:78%}.h1-chapeau-climatisation{background-color:rgba(32,32,32,.8);border-radius:25px 25px 25px 25px;overflow:hidden}.titre-clim{background-image:var(--bg_hero);background-position:50%;background-size:cover;border-radius:25px/25px;border-style:groove;border-width:2px;box-shadow:-8px 3px 8px gray;margin-top:1.5rem;overflow:hidden;position:relative}.h1-clim{font-size:3.5vw;margin-left:4.9rem;padding:9%;width:70%}.chapeau-clim,.h1-clim{color:#202020;color:#fff}.chapeau-clim{border-style:solid;border-width:1px;border-left:none;border-right:none;font-size:2.5rem;line-height:1.5;margin:15rem auto auto;padding:10rem auto;width:78%}.h1-chapeau-peinture{background-color:rgba(32,32,32,.8);border-radius:25px 25px 25px 25px;overflow:hidden}.titre-peintre{background-position:50%;background-size:cover;border-radius:25px/25px;border-style:groove;border-width:2px;box-shadow:-8px 3px 8px gray;margin-top:1.5rem;overflow:hidden;position:relative}.h1-peintre{color:#202020;color:#fff;font-size:3.5vw;margin-left:4.9rem;padding:9%;width:70%}.chapeau-peintre{border-style:solid;border-width:1px;border-left:none;border-right:none;color:#202020;color:#fff;font-size:2.5rem;line-height:1.5;margin:15rem auto auto;padding:10rem auto;width:78%}.button{--green:#1bfd9c;background:linear-gradient(90deg,rgba(27,253,156,.1) 1%,transparent 40%,transparent 60%,rgba(27,253,156,.1));border:2px solid var(--green);border-radius:.6em;box-shadow:inset 0 0 10px rgba(27,253,156,.4),0 0 9px 3px rgba(27,253,156,.1);color:var(--green);font-family:inherit;font-size:15px;letter-spacing:.06em;line-height:1.4em;overflow:hidden;padding:.7em 2.7em;position:relative;transition:all .3s;&:hover{box-shadow:inset 0 0 10px rgba(27,253,156,.6),0 0 9px 3px rgba(27,253,156,.2);color:#82ffc9}&:before{background:linear-gradient(90deg,transparent 1%,rgba(27,253,156,.1) 40%,rgba(27,253,156,.1) 60%,transparent);content:"";height:100%;left:-4em;position:absolute;top:0;transition:transform .4s ease-in-out;width:4em}&:hover:before{transform:translateX(15em)}}.btn-href{background:linear-gradient(135deg,#2e5f2f,#1a3d1b);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(46,95,47,.4);color:#f8f9fa;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;text-align:center;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.4,.2,1)}.btn-href:hover{background:linear-gradient(135deg,#25632a,#1a3d1b);box-shadow:0 8px 25px rgba(46,95,47,.6);transform:translateY(-2px)}.btn-href:active{box-shadow:0 2px 10px rgba(46,95,47,.3);transform:translateY(0)}.btn-href:focus{box-shadow:0 0 0 3px rgba(46,95,47,.5);outline:none}@media (max-width:768px){.btn-href{font-size:14px;padding:10px 20px}}.les-experts{display:grid;grid-template-columns:1fr;margin-top:3rem;width:100%}.g4{background-color:#202020;background-color:#3e3b36;border-radius:var(--border-radius-4l);display:flex;flex-direction:column;height:550px;margin:10px;overflow:hidden;position:relative;.pro{border-radius:var(--border-radius-4l);height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.pro.zoomed{transform:scale(.9)}.g5{font-size:2.5rem;text-align:center;transition:transform .3s ease}.g5:hover{transform:scale(1.1)}.gh2{color:#f5f5f5;text-decoration:none}.gh2:hover{color:#4a7f4b;text-decoration:underline;transform:scale(1.1)}}footer{background-color:#202020;border-radius:var(--border-radius-top-l);color:#fff;font-size:1.2rem;margin-top:20rem}footer p,li{font-size:1.1rem}.button-logo{align-items:center;display:flex;justify-content:flex-start;padding:7px}.logoaccueil2{width:60px}.button-bdp{text-align:center}.bas-de-page2,.bouton2{margin:auto}.bouton2{border-radius:25px/25px;border-style:solid;border-width:1px;box-shadow:-8px 3px 8px gray;color:var(--primary-color);display:inline-block;font-size:1.6rem;list-style:none;padding:1rem;text-align:center;text-decoration:none;z-index:10000}.bouton2:active{box-shadow:none}.bouton2:hover{background-color:#2e5f2f;color:#fff;opacity:.8;transition:transform .3s ease}.button1:hover{z-index:300}.bas-de-page1{margin:auto;padding:auto}.bas-de-page3{align-items:center;flex:1;flex-direction:column;justify-content:center}.plan{-moz-column-count:3;column-count:3;-moz-column-rule:1px solid #fff;column-rule:1px solid #fff}.titre-plan{color:#fff;font-size:2.5rem}.mention-legal,.reserve{color:#fff;padding-bottom:5px;padding-top:5px;text-align:center}.englobe{align-items:center;flex-wrap:wrap;justify-content:center}@media (min-width:1024px){.englobe{flex-direction:row-reverse;flex-grow:1;justify-content:space-around}.button-logo{flex-direction:column}.logo-reverse{padding-left:50px;width:220px}.logo-none{width:80px}.bas-de-page2{display:none}.bas-de-page3{margin-left:55px}@media (min-width:768px){.bas-de-page3{margin-left:10px}}}@media (max-width:412px){.logo-reverse{display:none}.bas-de-page2{display:flex}.button-logo{align-items:center;flex-direction:row;justify-content:space-between;width:100%}}@media (min-width:1024px){.plan{-moz-column-count:8;column-count:8}}@media (min-width:400px){.logo-none{display:none}.englobe{flex-direction:column;gap:20px}.button-logo,.englobe{width:100%}}