:root{--black:#000000;--main-bg-color:#55cc6d;--main-bg-color-bis:#32af4b;--white:#ffffff}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:'1_font';src:url(./font/Raleway-Thin.ttf)}@font-face{font-family:'2_font';src:url(./font/Raleway-ExtraLight.ttf)}@font-face{font-family:'3_font';src:url(./font/Raleway-Light.ttf)}@font-face{font-family:'4_font';src:url(./font/Raleway-Regular.ttf)}@font-face{font-family:'5_font';src:url(./font/Raleway-Medium.ttf)}@font-face{font-family:'6_font';src:url(./font/Raleway-SemiBold.ttf)}@font-face{font-family:'7_font';src:url(./font/Raleway-Bold.ttf)}html{font-size:16px;scroll-behavior:smooth}@keyframes gradual_blur{from{filter:blur(0) grayscale(100%)}to{filter:blur(7px) grayscale(0%)}}@keyframes fadeIn{to{opacity:1;transform:translateX(0)}}@keyframes words_rotation{0%,14%{content:"l'abattage et l'élagage";opacity:1}15%,16%{opacity:0}17%,31%{content:"l'entretien";opacity:1}32%,33%{opacity:0}34%,48%{content:"vos parterres";opacity:1}49%,50%{opacity:0}51%,65%{content:"la pulvérisation";opacity:1}66%,67%{opacity:0}68%,82%{content:"votre pelouse";opacity:1}83%,84%{opacity:0}85%,98%{content:"vos clôtures";opacity:1}99%,100%{opacity:0}}body{height:100lvh;width:100vw}header{width:100%;padding:20px;position:fixed;top:0;z-index:1000;opacity:1;>div{padding:10px;background-color:#ffffff54;backdrop-filter:blur(6px);border-radius:10px;gap:20px;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;justify-content:space-between;>section{display:flex;flex-direction:row;align-items:center;gap:20px;>a{transition:0.2s;font-family:'3_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;padding:5px 10px;text-decoration:none;color:var(--white);border-radius:5px;font-size:18px}>a:not(.selected_page,.logo_link):hover{background-color:var(--white);color:var(--main-bg-color-bis);transition:0.2s;cursor:pointer}.selected_page{font-family:'6_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:var(--main-bg-color-bis);cursor:default;pointer-events:none}img{border-radius:25px;height:30px;width:30px}.logo_link{padding:0;display:flex}}}}.floating-header{position:fixed;top:20px;right:20px;padding:10px;backdrop-filter:blur(6px);background-color:#ffffff54;border-radius:25px;z-index:10000;display:none;justify-content:center;align-items:center;border:none;opacity:1;img{height:30px;width:auto}}.header_fadeIn{opacity:0;transform:translateY(-20px);animation:fadeIn 1s ease-out 1.4s forwards}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(8px);background-color:#5e5e5e70;z-index:11000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.4s ease,visibility 0.4s ease;flex-direction:column;overflow-y:auto;padding:1rem;font-size:clamp(1rem, 2vw + 1rem, 3rem);gap:5px;.close-btn{font-family:'5_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:1.2rem;background-color:#e7b455;padding:3px 10px;border-radius:15px;border:none;color:var(--white);margin-top:20px}hr{width:70%;margin:15px 0;border-color:#00000030}a{font-family:'6_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;text-decoration:none;color:var(--white)}a:not(.selected_page):hover{color:var(--main-bg-color-bis)}.selected_page{color:var(--main-bg-color);border-bottom:1px solid var(--main-bg-color-bis);margin:5px 0;cursor:default}}.overlay.active{opacity:1;visibility:visible}.main_section{width:100vw;min-height:100vh;min-height:100lvh;overflow:hidden;position:relative;display:flex;justify-content:flex-start;align-items:center;padding:4rem;color:var(--white);font-family:'2_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}main{>div:first-child{width:100%;display:flex;justify-content:flex-start;align-items:center;>div{h1{font-family:'6_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:4rem}h2{font-family:'1_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:2rem}}}>div:last-child{width:100%;display:flex;align-items:center;justify-content:flex-end;>a{text-decoration:none;color:#000;font-size:18px;display:flex;justify-content:flex-start;align-items:center;background-color:var(--white);border-radius:25px;padding:5px 5px 5px 10px;gap:10px;transition:0.2s;label{text-decoration:none;color:#000;font-size:18px;font-family:'6_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}img{height:35px;width:35px;background-color:var(--white);border-radius:25px}}>a:hover{background-color:var(--main-bg-color);color:var(--white);transition:0.2s;box-shadow:0 0 7px 0 var(--black);cursor:pointer}>a:hover label{color:var(--white);transition:0.2s;cursor:pointer}}}main::before{content:'';position:absolute;width:110%;height:110%;left:-5%;top:-5%;background-image:url(assets/second.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1;filter:blur(0) grayscale(100%);animation:gradual_blur 0.5s ease 1s forwards}.fade-in-right{opacity:0;transform:translateX(-20px);animation:fadeIn 1s ease-out 1s forwards}.fade-in-left{opacity:0;transform:translateX(20px);animation:fadeIn 1s ease-out 1.2s forwards}.word_rotation::after{content:"l'abattage";animation:words_rotation 15s ease-in-out infinite;display:inline-block;font-family:'4_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.main_panel{background-color:var(--white);min-height:100px;width:100vw;padding:4rem;color:var(--black);h3{font-family:'6_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:24px;margin-bottom:2rem}div{font-family:'3_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:18px;display:flex;flex-direction:column;align-items:center}.contact_btn{font-family:'4_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:18px;margin-top:3rem;background-color:var(--white);padding:7px 15px;border-radius:7px;border:1px solid var(--main-bg-color-bis);color:var(--main-bg-color-bis);transition:0.2s;text-decoration:none}.contact_btn:hover{background-color:var(--main-bg-color-bis);color:var(--white);transition:0.2s;cursor:pointer}}.main_view-panel{padding-bottom:0}.main_section-contact{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;gap:3rem;h3{font-size:34px;font-family:'4_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}>div{gap:1rem;display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:nowrap;>div{display:flex;border-radius:15px;background-color:#16161654;backdrop-filter:blur(6px);padding:2rem;height:auto;max-width:470px;width:-webkit-fill-available;min-height:356px}.contact_infos{flex-direction:column;align-items:flex-start;gap:15px;.first_appear{margin-bottom:15px;label:first-child{font-family:'3_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:24px}}>div{display:flex;flex-direction:column;justify-content:center;gap:10px;label{display:flex;flex-direction:row;align-items:center;gap:10px;i{width:15px;height:20px;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;align-items:center}a{text-decoration:none;color:var(--white);transition:0.2s}.info_hover:hover{transition:0.2s;color:var(--main-bg-color)}.facebook_hover:hover{transition:0.2s;color:#176bec}.insta_hover:hover{transition:0.2s;color:#ff9400}}}}.contact_form{form{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;section{display:flex;flex-direction:column;align-items:center;gap:10px;>div{width:100%;gap:10px;display:flex;flex-direction:row;justify-content:space-between}label{width:100%;input,textarea{font-family:'4_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--black);width:-webkit-fill-available;padding:2px 5px;border-radius:3px;border:none}textarea{min-height:70px}}.info_message{font-size:12px}button{font-family:'4_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:12px;background-color:var(--white);padding:7px 15px;border-radius:7px;border:1px solid var(--main-bg-color-bis);color:var(--main-bg-color-bis);transition:0.2s;width:100%}button:hover{background-color:var(--main-bg-color-bis);color:var(--white);transition:0.2s;cursor:pointer}}}}}}.main_section-contact::before{content:'';position:absolute;width:110%;height:110%;left:-5%;top:-5%;background-image:url(assets/contact.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1;filter:contrast(.75)}.main_section-abattage,.main_section-entretien,.main_section-pelouse,.main_section-clotures{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;gap:3rem;font-family:'3_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;align-items:flex-start;h3{font-size:36px;font-family:'5_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;display:flex;flex-direction:column;align-items:flex-start;gap:15px;label{font-size:22px;font-family:'2_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}}}.main_section-abattage::before,.main_section-entretien::before,.main_section-pelouse::before,.main_section-clotures::before{content:'';position:absolute;width:110%;height:110%;left:-5%;top:-5%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1;filter:brightness(.5)}.main_section-abattage::before{background-image:url(assets/elagage.jpg)}.main_section-entretien::before{background-image:url(assets/feuilles.jpg)}.main_section-pelouse::before{background-image:url(assets/pelouse.jpg)}.main_section-clotures::before{background-image:url(assets/cloture.jpg)}.section-infos{background-color:var(--white);min-height:100px;width:100vw;padding:4rem;color:var(--black);display:flex;flex-direction:column;gap:2rem;h4{font-family:'4_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:20px}>div{background-color:var(--black);color:var(--white);padding:1rem;border-radius:10px;font-family:'2_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:20px;>div{display:flex;flex-direction:column;justify-content:center;label{display:flex;flex-direction:column;align-items:flex-start;gap:10px;strong{font-family:'4_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:20px;color:var(--main-bg-color)}}}img{max-width:45%;border-radius:5px;height:auto}}}.carousel_main_panel{display:flex;align-items:center;justify-content:center;padding:20px;font-family:'3_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;h3{font-family:'6_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:24px;margin-bottom:2rem}}.carousel-container{max-width:500px;width:100%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgb(0 0 0 / .3)}.carousel-wrapper{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background:#000;height:65vh}.carousel-track{display:flex;transition:transform 0.5s ease-in-out;height:100%}.carousel-slide{min-width:100%;height:100%;position:relative;cursor:pointer}.carousel-slide img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.slide-title{position:absolute;top:30px;left:30px;background:rgb(0 0 0 / .7);backdrop-filter:blur(10px);color:#fff;padding:10px 20px;border-radius:10px;font-size:20px;font-weight:600;z-index:5;box-shadow:0 4px 15px rgb(0 0 0 / .3);transition:opacity 0.5s ease}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgb(255 255 255 / 23%);border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;color:#333;transition:all 0.3s ease;z-index:10;box-shadow:0 4px 15px rgb(0 0 0 / .2);backdrop-filter:blur(5px)}.carousel-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.carousel-btn:active{transform:translateY(-50%) scale(.95)}.carousel-btn.prev{left:20px}.carousel-btn.next{right:20px}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}.indicator{width:12px;height:12px;border-radius:50%;background:rgb(255 255 255 / .5);cursor:pointer;transition:all 0.3s ease;border:2px solid #fff0}.indicator.active{background:#fff;transform:scale(1.2)}.carousel-caption{padding:30px;background:#fff}.caption-content{opacity:0;transform:translateY(20px);transition:all 0.5s ease}.caption-content.active{opacity:1;transform:translateY(0)}.caption-content h3{font-size:24px;color:#333;margin-bottom:10px;display:none}.caption-content p{font-size:16px;color:#666;line-height:1.6}footer{width:100%;min-height:100px;background-color:var(--white);display:flex;justify-content:space-between;align-items:center;color:var(--black);font-family:'2_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:14px;flex-direction:row;padding:2rem;section:first-child{div{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;h3{font-family:'4_font','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:20px}label{font-size:16px}label:last-child{margin-top:10px;font-size:12px;text-align:left;a{transition:0.2s;color:var(--black);text-decoration:none}a:hover{transition:0.2s;color:#17acec;cursor:pointer}}}}section:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:5px;label{gap:5px;display:flex;flex-direction:row;align-items:flex-end;a{text-decoration:none;color:var(--black);transition:0.2s}}div{display:flex;align-items:center;flex-direction:row;gap:15px;margin-top:10px;a{text-decoration:none}i{font-size:20px}}.info_hover:hover{transition:0.2s;color:var(--main-bg-color-bis)}.facebook_footer:hover{transition:0.2s;color:#176bec}.insta_footer:hover{transition:0.2s;color:#ff9400}}img{width:50px;height:50px}.img_section{display:flex;flex-direction:row;align-items:center;gap:20px}.img_logo-footer_long{display:none}}@media (max-width:720px){header{display:none}.floating-header{display:flex}.main_section{display:flex;flex-direction:column;justify-content:center;padding:1rem}main{>div:first-child{>div{display:flex;flex-direction:column;align-items:center;width:100%;gap:10px;h1{font-size:clamp(2rem, 3rem, 3rem);text-align:center}h2{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:1.7rem;span{font-size:1.7rem;text-align:center}}}}>div:last-child{display:flex;justify-content:center;position:absolute;bottom:80px;>a{padding:5px;label{display:none}img{height:40px;width:40px}}}}.main_panel{padding:2rem;display:flex;flex-direction:column}.main_view-panel{padding-bottom:0;h3{margin-bottom:0}}.main_section-contact{padding:5rem 1rem;h3{font-size:1.5rem}>div{display:flex;flex-direction:column;align-items:center;>div{min-height:auto}}}.main_section-abattage,.main_section-entretien,.main_section-pelouse,.main_section-clotures{padding:5rem 1rem;h3{font-size:1.5rem;text-align:center;display:flex;align-items:center;label{font-size:18px;text-align:center}}}.carousel-btn{width:40px;height:40px;font-size:20px}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.carousel-caption{padding:20px}.caption-content h3{font-size:20px}.caption-content p{font-size:14px}.slide-title{top:15px;left:15px;padding:5px 10px;font-size:16px}footer{display:flex;flex-direction:column;align-items:center;gap:25px;padding-top:4rem;.img_section{label:last-child{text-align:center!important}}}section:first-child{div{display:flex;flex-direction:column;align-items:center!important}}section:last-child{label{display:flex;flex-direction:row-reverse!important;a{i{font-size:30px}}}div{margin-top:30px}}section{display:flex;align-items:center!important}.img_logo-footer{display:none}.img_logo-footer_long{display:block!important}}@media (max-width:780px){.section-infos{h4{font-size:18px}>div{display:flex;flex-direction:column;align-items:center}.row_current{display:flex;flex-direction:column-reverse}img{max-width:100%!important}}}@media (max-width:630px){.section-infos{padding:2rem;h4{font-size:16px}>div{display:flex;flex-direction:column;align-items:center}.row_current{display:flex;flex-direction:column-reverse}}}@media (max-width:400px){.section-infos{padding:1rem}.contact_form{padding:1rem!important;input,textarea{padding:5px!important}}footer{padding:1rem}}
