@keyframes text1{0%{opacity:0;transform:translate(-2em, -50%)}100%{opacity:1;transform:translate(0, -50%)}}@keyframes text2{0%{opacity:0;transform:translate(2em, -50%)}100%{opacity:1;transform:translate(0, -50%)}}@keyframes section{0%{opacity:0;transform:translateY(-2em, -50%)}100%{opacity:1;transform:translateY(0, -50%)}}*{margin:0;box-sizing:border-box}main{background:#f1f1f1;color:#1f1f1f;font-size:1.1em;line-height:32px;display:flex;justify-content:center}main p{max-width:900px;margin:0 auto;text-align:justify}ul{list-style:none}a{text-decoration:none}.link{text-decoration:none;transition:all .5s ease-out}.link:hover{transition:all .5s ease-out;padding:7px 10px;background-color:rgba(0,0,0,.05);border-radius:3px}section{margin:10vh auto}img{width:100%}.pefc-label{width:30vw;margin:50px auto}.depot-aerien{width:40vw;margin:50px auto}h2{font-family:"Cinzel","Lato",sans-serif;font-size:32px;font-weight:400;color:rgba(31,31,31,.75);text-align:center;text-transform:uppercase;margin-bottom:2vh}h3{font-family:"Cinzel","Lato",sans-serif;font-size:20px;font-weight:500;color:rgba(31,31,31,.75);text-align:center;text-transform:uppercase;margin:0 auto}body{font-family:"Lato",sans-serif}p,a{text-align:justify;text-align-last:center;line-height:20px;font-size:14px;color:#1f1f1f;font-weight:300}.button{text-decoration:underline;transition:all .5s ease-out}.button:hover{text-decoration:none;transition:all .5s ease-out;padding:10px 20px;background-color:rgba(25,93,61,.5);color:#fff;border-radius:3px}.input-submit{display:inline-block;width:max-content;padding:12px 27px;background-color:hsla(0,0%,100%,.3);border:.1px solid rgba(0,0,0,.5);font-family:"Lato",sans-serif;font-size:.7em;text-transform:uppercase;color:#000;transition:all 200ms ease-out}.input-submit:hover{background-color:hsla(0,0%,100%,.8);border-color:#195d3d;color:#195d3d;font-weight:300;cursor:pointer}.input-submit--banner{border:.1px solid rgba(0,0,0,.8);font-weight:400}nav{z-index:99;position:relative;transition:.4s}nav a{text-decoration:none;color:#1f1f1f}nav .nav-ctn{max-width:1150px;padding:1em 2em;margin:0 auto}nav .nav-ctn .menu-btn{display:none}nav .nav-menu{display:flex;justify-content:space-between;align-items:center}nav ul{list-style-type:none;padding:0;display:inline-block}nav ul li{display:inline-block;margin:0 .8em}nav ul a{font-size:.8em;text-transform:uppercase}.nav-menu-socials a{font-size:1em}header{position:fixed;z-index:99;width:100%;background-color:rgba(0,0,0,0);transition:background-color .3s ease}.fill-on-scroll{background-color:#fff}header .logo{position:absolute;left:0;top:0;width:35px;height:35px;margin:10px;transition:opacity .5s ease-in-out}@media screen and (max-width: 900px){nav .nav-ctn{display:flex;justify-content:space-between;align-items:flex-start}nav .nav-ctn .menu-btn{display:inline-block;font-size:1.4em;cursor:pointer;position:absolute;left:5%;transform:translateX(-50%)}nav .nav-ctn .nav-toggle{height:15em}nav .nav-menu{flex-direction:column;align-items:flex-start;justify-content:flex-start;height:0;overflow:hidden;transition:.7s}.nav-links li{display:block;padding:.25em 0;margin:.25em 0}.nav-links{order:1;padding-top:1em}.nav-menu-socials li:nth-child(1){margin-left:0}.nav-menu-socials{order:2}.nav-background{background:#fff}}@media screen and (max-width: 750px){nav .nav-ctn .menu-btn{left:50%;transform:translateX(-50%)}}.banner{height:100vh;background:url("/assets/img/society/VB_forest_0002.jpg") center no-repeat fixed;background-size:cover;position:relative;overflow:hidden}.banner h1{position:absolute;font-size:clamp(3.5rem,8vw + 1rem,12rem);text-transform:capitalize;letter-spacing:5px;font-weight:700;transform:translateY(-50%)}.banner .glass{position:absolute;width:42%;height:100vh;top:0;left:0;background:hsla(0,0%,100%,.25);box-shadow:0 8px 32px 0 rgba(0,0,0,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.18);display:flex;justify-content:center;align-items:flex-end}.banner .glass>div{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:1.5em;text-align:justify}.banner .glass>div>div{margin:0 1em}.banner .glass p{color:#ccc;font-size:.9em;line-height:22px;max-width:27em;text-align-last:left;margin-bottom:15px}.banner .glass h2{color:#fff;margin:0;text-align:left}.banner .glass a{color:#fff}.banner .glass a i{margin-left:.4em}.banner .glass .logo img{width:100px}.banner .h-glass{background:url("/assets/img/society/VB_forest_0002.jpg") center no-repeat;background-size:cover;background-clip:text;background-attachment:fixed;color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);top:30%;right:0;animation:text1 .8s ease-in forwards}.banner .h-regular{color:#fff;top:50%;left:42.5%;animation:text2 .8s ease-in forwards;animation-delay:500ms}.banner h1{opacity:0}@media screen and (max-width: 900px){.banner .glass .logo img{width:60px}}@media screen and (max-width: 750px){.banner .glass{width:90%;height:initial;min-height:30em;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:15px}.banner .glass>div{margin-top:4em}.banner .h-glass{right:40%;top:10%;color:#1f1f1f;background-attachment:initial;background-size:100% 130%}.banner .h-regular{top:37%}}@media screen and (max-width: 700px){.banner{height:700px}}@media screen and (max-width: 500px){.banner .glass>div div:nth-child(1){display:none}}.grid-numerote{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:100%;margin:15vh auto 0}.grid-numerote>div{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;width:21vw;margin-right:2vw;margin-bottom:5vh;padding:15px;text-align:center}.grid-numerote>div .bg{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1;font-family:"Cinzel","Lato",sans-serif;font-size:14em;font-weight:500;color:#195d3d;opacity:.2}.section-text{width:50%}footer{display:flex;flex-direction:column;align-items:center;background-color:#fff;width:100%}footer .newsletter{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:5vh;padding:5vh 5vw 10vh;background-color:rgba(25,93,61,.9)}footer .newsletter>p,footer .newsletter h2{color:#fff}footer .newsletter p{margin:0 auto 20px}footer .newsletter form{display:flex;justify-content:center}footer .newsletter form .input-email{border:.1px solid rgba(0,0,0,.1);text-transform:uppercase;padding:7px 20px;margin-right:1vw;width:15vw;background-color:#fff;border-radius:3px}footer .newsletter form .input-submit{background:#fff;border:none;padding:7px 15px;border-radius:3px}footer .newsletter form .input-submit:hover{background:#1f1f1f;color:#fff}footer .divider{border:.1px solid rgba(0,0,0,.1);width:90%;margin:10px auto 5px}footer .legals{width:90%;display:flex;flex-direction:row;justify-content:space-between;font-size:.7em}footer .legals ul{display:flex;flex-direction:row}footer .legals ul a{text-decoration:underline;margin:0 12px}footer .legals p{display:flex}footer figure{height:40px;padding:5vh auto 1vh}footer figure img{height:100%}main{display:flex;flex-direction:column}.divider-depot{width:100%}.divider-depot .img{background:url("/assets/img/society/VB_depot_0001.png") no-repeat;background-size:1600px;background-position:50% 80%;background-attachment:fixed;opacity:.55;width:100%;height:65vh}.homepage-entreprise{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:80vw}.homepage-entreprise>div{width:47%}.homepage-entreprise .hp-ent-text{display:flex;flex-direction:column;justify-content:center;align-items:center}.homepage-entreprise .hp-ent-text h2{text-align:left}.homepage-entreprise .hp-ent-text h2,.homepage-entreprise .hp-ent-text p{margin-bottom:5vh;text-align-last:left}.homepage-entreprise .hp-ent-img{display:flex;justify-content:center;align-items:end}.homepage-entreprise .hp-ent-img .img{background:url("/assets/img/society/VB_camion_0001.png") no-repeat;background-size:140%;background-position:50% 90%;opacity:.55;width:100%;height:350px}.homepage-products{display:flex;flex-direction:column;align-items:center;width:100%}.homepage-products h2{margin-bottom:20px}.homepage-products div{width:80%;display:flex;justify-content:space-between}.homepage-products div .hp-prod-jardin a,.homepage-products div .hp-prod-constr a,.homepage-products div .hp-prod-menuis a{display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;margin-bottom:20px}.homepage-products div .hp-prod-jardin a div,.homepage-products div .hp-prod-constr a div,.homepage-products div .hp-prod-menuis a div{position:relative;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1)}.homepage-products div .hp-prod-jardin a div p,.homepage-products div .hp-prod-constr a div p,.homepage-products div .hp-prod-menuis a div p{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.9);padding:20px;margin:0;opacity:0;transition:opacity .3s ease-in-out}.homepage-products div .hp-prod-jardin a div img,.homepage-products div .hp-prod-constr a div img,.homepage-products div .hp-prod-menuis a div img{width:100%;height:auto;display:block}.homepage-products div .hp-prod-jardin a h3,.homepage-products div .hp-prod-constr a h3,.homepage-products div .hp-prod-menuis a h3{margin-top:10px;text-align:center;background:none}.homepage-products div .hp-prod-jardin a:hover div p,.homepage-products div .hp-prod-constr a:hover div p,.homepage-products div .hp-prod-menuis a:hover div p{opacity:1}.homepage-partenaires{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:80vw}.homepage-partenaires>div{width:47%}.homepage-partenaires .hp-part-txt{display:flex;flex-direction:column;justify-content:center;align-items:center}.homepage-partenaires .hp-part-txt h2{text-align:left}.homepage-partenaires .hp-part-txt h2,.homepage-partenaires .hp-part-txt p{margin-bottom:5vh;text-align-last:left}.homepage-partenaires .hp-part-txt .aura{margin-top:2em}.homepage-partenaires .hp-part-img{display:flex;justify-content:center;align-items:end}.homepage-partenaires .hp-part-img .img{background:url("/assets/img/society/VB_financement_0001.png") no-repeat;background-size:100%;background-position:50% 50%;width:100%;height:300px}.pg-prestations section:nth-child(1){margin-top:20vh}.pg-prestations .image{width:100%;height:100%;object-fit:cover;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:10vh}.pg-prestations .image img{width:40%}.pg-actualite section:nth-child(1){margin-top:20vh}.pg-actualite>h2{margin:auto;margin-top:10vh}.pg-actualite .actualite-grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:90%;margin:auto}.pg-actualite .actualite-grid .article{display:block;width:25vw;margin-right:2vw;margin-bottom:10vh;padding:15px;text-align:center}.pg-actualite .actualite-grid .article>h3{margin:10px auto 20px}.pg-actualite .actualite-grid .article>img{width:100px;box-shadow:0px 0px 25px 5px rgba(0,0,0,.3)}.pg-contact{padding-top:100px;display:flex;flex-direction:row;justify-content:space-between}.pg-contact .infos div{padding:50px 80px;background-color:#fff;margin-bottom:20px}.pg-contact .infos div p,.pg-contact .infos div h3{text-align:start;text-align-last:left}.pg-contact .infos div h3{margin-bottom:10px}.pg-contact .ctn-contact-form{max-width:720px;margin:10vh auto}.pg-contact .ctn-contact-form>h2{margin-bottom:50px}.pg-contact .ctn-contact-form .contact-form{width:100%}.pg-contact .ctn-contact-form .contact-form .dbl-field{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:25px}.pg-contact .ctn-contact-form .contact-form .dbl-field .field{position:relative;height:50px;width:calc(50% - 13px)}.pg-contact .ctn-contact-form .contact-form .field input,.pg-contact .ctn-contact-form .contact-form .message textarea{height:100%;width:100%;outline:none;padding:0 18px 0 48px;font-family:"Lato",sans-serif;font-size:.9em;color:#000;border:none}.pg-contact .ctn-contact-form .contact-form .field input::placeholder,.pg-contact .ctn-contact-form .contact-form .message textarea::placeholder{color:rgba(0,0,0,.5)}.pg-contact .ctn-contact-form .contact-form .field input:focus,.pg-contact .ctn-contact-form .contact-form .message textarea:focus{border:1px solid #195d3d}.pg-contact .ctn-contact-form .contact-form i{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:.9em;pointer-events:none;color:rgba(0,0,0,.5)}.pg-contact .ctn-contact-form .contact-form .field input:focus~i,.pg-contact .ctn-contact-form .contact-form .message textarea:focus~i{color:#195d3d}.pg-contact .ctn-contact-form .contact-form .message{position:relative}.pg-contact .ctn-contact-form .contact-form .message i{top:25px;font-size:1em}.pg-contact .ctn-contact-form .contact-form .message textarea{min-width:100%;max-width:100%;min-height:25vh;max-height:40vh;padding:15px 20px 0 48px;resize:vertical}.pg-contact .ctn-contact-form .contact-form .button-area{margin:25px 0}.pg-contact .ctn-contact-form .contact-form .button-area span{margin-left:30px;color:#195d3d;display:none}.pg-404{display:flex;flex-direction:column;align-items:center;height:50vh}.pg-404>p{padding:2em 0}.pg-404>a{text-decoration:underline}