.etre-rappele-model{margin:32px 0}.etre-rappele-model>.container{background-color:var(--neutral100);display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:24px}.etre-rappele-model .image-container{background-position:center;background-size:cover;border-radius:16px;padding:16px;display:flex;width:100%;height:195px;position:relative;overflow:hidden}.etre-rappele-model .image-container::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(180deg,rgb(15 82 186 / .125) 0%,rgb(21 27 41 / .25) 100%)}.etre-rappele-model .image-container .title{font-family:"Roboto",sans-serif;margin-top:auto;padding:15px;border-radius:16px;backdrop-filter:blur(4px);font-size:24px;width:100%;line-height:28px;font-weight:700;color:var(--white);position:relative;z-index:1}.etre-rappele-model .image-container .title::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-image:url(/build/images/dots.webp);border-radius:16px;opacity:.1}.etre-rappele-model .image-container svg,.etre-rappele-model .image-container .m-dot{position:absolute;top:16px;right:16px;height:24px;width:auto;z-index:1}.etre-rappele-model .form-rappel{padding:16px}.etre-rappele-model .form-rappel textarea{border-radius:16px;resize:vertical;min-height:44px;max-height:200px}.etre-rappele-model .form-rappel textarea,.etre-rappele-model .form-rappel input{padding:10px 16px}.etre-rappele-model .form-rappel button{width:auto;display:flex;gap:8px;align-items:center;padding:6px 16px 6px 6px;margin-top:8px}.etre-rappele-model .form-rappel button .icon{background-color:var(--white);border-radius:50%;padding:2px;width:28px;height:28px}.etre-rappele-model .form-rappel button .icon svg path{stroke:var(--orange)}.etre-rappele-model .form-rappel .last-step.success .success-message-title{margin:24px 0}@media screen and (min-width:565px){.etre-rappele-model .form-rappel{padding:32px;border-radius:8px}.etre-rappele-model>.container{gap:16px;padding:16px;border-radius:16px}.etre-rappele-model .image-container{border-radius:8px;height:250px}.etre-rappele-model .image-container svg,.etre-rappele-model .image-container .m-dot{top:24px;height:36px}.etre-rappele-model .image-container .title{padding:24px;font-size:32px;line-height:37.5px}.etre-rappele-model .form-rappel button{margin-top:16px}}@media screen and (min-width:768px){.etre-rappele-model{margin:40px 0}.etre-rappele-model>.container{flex-direction:row}.etre-rappele-model .image-container{height:auto;min-height:100%;max-height:100%;min-width:283px;max-width:283px}.etre-rappele-model .form-rappel{width:100%}}@media screen and (min-width:1024px){.etre-rappele-model .image-container{min-width:297px;max-width:297px}}@media screen and (min-width:1440px){.etre-rappele-model{margin:48px 0}.etre-rappele-model .image-container{min-width:297px;max-width:444px}}.quotation{margin:40px 0}.quotation .container{background:#bfc8e7;background:linear-gradient(90deg,rgb(191 200 231) 0%,rgb(238 229 244) 100%);padding:32px 33px;border-radius:8px;position:relative}.quotation a{color:var(--white);background-color:var(--weird-blue);display:flex;height:48px;padding:8px 24px 8px 16px;border-radius:32px;align-items:center;justify-content:center;width:fit-content;text-decoration:none}.quotation a svg{margin-right:8px}.quotation picture{position:relative}.quotation picture{display:flex;justify-content:center}.quotation svg.bg-element{position:absolute;bottom:32px;right:33px}.quotation .pre-title{color:var(--weird-blue-light);font-size:14px;line-height:18.2px;margin:16px 0}.quotation .title,.quotation .title *{font-family:"Roboto",sans-serif;font-size:32px;font-weight:700;line-height:41.6px;color:var(--weird-blue);margin:0;letter-spacing:normal}.quotation .title{margin:16px 0}.quotation .title.small,.quotation .title.small *{font-size:18px;line-height:28px}@media screen and (max-width:767px){.quotation.mobile-blue .container{background:linear-gradient(90deg,#0f52ba 0%,#2f7aee 100%)}.quotation.mobile-blue .title,.quotation.mobile-blue .title *{color:var(--white)}}@media screen and (min-width:768px){.quotation .container{display:flex;padding:22px 80px;align-items:center}.quotation.desktop-blue .container{background:linear-gradient(90deg,#0f52ba 0%,#2f7aee 100%)}.quotation.desktop-blue .title,.quotation.desktop-blue .title *{color:var(--white)}.quotation svg.bg-element{position:absolute;bottom:22px;right:80px}.quotation a{transition:all 0.15s ease-in}.quotation a:hover{background-color:var(--primary700)}}.bloc-nos-atouts{margin:40px 0}.bloc-nos-atouts h2{margin:0 0 24px 0;font-size:32px;line-height:36.8px}.bloc-nos-atouts h2 .title-dot{display:inline-block;min-height:6px;min-width:6px;background-color:var(--orange);transform:skewX(170deg);vertical-align:text-bottom;margin-bottom:8px;margin-left:4px}.bloc-nos-atouts .nos-atouts-cards{display:flex;gap:16px;flex-wrap:wrap}.bloc-nos-atouts .nos-atouts-cards .nos-atouts-card{width:calc(50% - 8px);background:var(--primary100);padding:16px;border-radius:16px}.bloc-nos-atouts .nos-atouts-cards .nos-atouts-card:hover{background:linear-gradient(150deg,#f5f9ff 0%,#f5edfb 50%,#fff2eb 100%);background-size:400% 400%;animation:gradient 2s linear infinite}@keyframes gradient{0%{background-position:100% 100%}50%{background-position:0% 0%}100%{background-position:100% 100%}}.bloc-nos-atouts .nos-atouts-cards .nos-atouts-card .icon{display:block;width:64px;height:64px;padding:18px;border-radius:16px;background-color:var(--primary200);margin-bottom:20px}.bloc-nos-atouts .nos-atouts-cards .nos-atouts-card img{display:block;width:28px;height:28px;object-fit:contain;object-position:center}.bloc-nos-atouts .nos-atouts-cards .nos-atouts-card .title{margin:0;font-size:18px;font-weight:700;line-height:20.7px}.bloc-nos-atouts .nos-atouts-cards .nos-atouts-card .desc{margin:0}.bloc-nos-atouts .nos-atouts-cards .nos-atouts-card .desc p,.bloc-nos-atouts .nos-atouts-cards .nos-atouts-card .desc{margin:8px 0 0 0;font-size:16px;line-height:24px;color:var(--neutral600)}@media screen and (min-width:767px){.bloc-nos-atouts .nos-atouts-cards{flex-wrap:nowrap}.bloc-nos-atouts .nos-atouts-cards .nos-atouts-card{width:calc(25% - 12px)}}.produits-fermeture-metallique{container-type:inline-size;padding-top:32px;padding-bottom:32px;background-color:var(--neutral100)}.produits-fermeture-metallique h2{line-height:27.6px;margin:0 0 4px 0}.produits-fermeture-metallique h2 .title-dot{display:inline-block;min-height:6px;min-width:6px;background-color:var(--orange);transform:skewX(170deg);vertical-align:text-bottom;margin-bottom:8px;margin-left:4px}.produits-fermeture-metallique p.subtitle{margin:0;font-size:16px;line-height:24px;color:var(--neutral600)}.products-container{display:flex;flex-direction:column;gap:16px;width:100%}.product-item{border:1px solid var(--neutral200);background-color:var(--white);border-radius:8px;overflow:hidden;text-decoration:none}.product-item a{text-decoration:none}.product-item .product-post-thumbnail-overlay{display:none}.product-item .item-info-bottom p.vue-item img{vertical-align:middle}.product-item .image{height:260px;width:100%;object-fit:contain!important;display:block;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f4f7fb 100%);transition:all 0.3s ease-in-out}.product-item:hover img{scale:1.05}.product-item .item-info{height:195px;padding:24px;width:100%}.product-item .item-info-bottom .vue-item svg path{transition:all 0.15s ease-in-out;stroke:var(--neutral500)}.product-item .item-info-bottom .details svg{transform:rotate(-90deg)}.product-item .item-info-bottom a:first-child:hover~a .vue-item,.product-item .item-info-bottom a:first-child:hover~a .vue-item path{color:var(--neutral500);stroke:var(--neutral500)}.product-item:hover .item-info-bottom .details svg path,.product-item:hover .item-info-bottom .details,.product-item .item-info-bottom a:hover .vue-item,.product-item .item-info-bottom a:hover path{color:var(--orange);stroke:var(--orange)}.product-item .stars{margin-top:8px}.product-item .item-info-middel .titre-item{-webkit-line-clamp:1;-moz-line-clamp:1;-webkit-box-orient:vertical;-moz-box-orient:vertical;display:-webkit-box!important;height:auto;overflow:hidden;font-size:17px;font-weight:700;line-height:20px;color:var(--neutral800);margin:0 0 4px 0}.product-item .item-info-middel .excerpt-item{-webkit-line-clamp:2;-moz-line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;display:-webkit-box!important;height:50px;overflow:hidden;font-size:14px;line-height:24px;color:var(--neutral600);margin:0}.product-item .item-info-bottom{padding:16px 0 2px 0;display:flex;justify-content:space-between;align-items:center;height:38px}.product-item .item-info-bottom .link-item{text-decoration:none;display:flex;align-items:flex-start;align-items:center;color:var(--neutral600);margin:0;font-size:14px;font-weight:700;line-height:14px;text-align:left}.product-item .item-info-bottom .link-item svg{display:none}.product-item .item-info-bottom p.vue-item{display:flex;align-items:center;gap:4px;font-weight:700;font-size:14px;line-height:14px;color:var(--neutral500);margin:0;transition:all 0.15s ease-in-out}.product-item,.pieces-detachees,.autre-types{position:relative}.product-item .new-product,.product-item .promo-product{position:absolute;left:0;top:32px;border-radius:0 8px 8px 0;padding:8px 12px;color:var(--white);font-size:14px;line-height:14px;font-weight:700;animation:gradient 8s linear infinite}.product-item .new-product{background:linear-gradient(270deg,#ff4c61 0%,#e81730 50%,#ff4c61 100%);background-size:400% 400%}.product-item .new-product span{animation:opacity-animation 1.2s ease infinite}.product-item .promo-product{background:linear-gradient(270deg,#10c55a 0%,#5edd92 50%,#10c55a 100%);background-size:400% 400%}@keyframes gradient{from{background-position:-400% -400%}to{background-position:400% 400%}}@media screen and (min-width:768px){.product-item{width:100%}.product-item .item-info-middel .titre-item{font-size:18px;line-height:20.7px}.products-container{display:grid;grid-template-columns:repeat(2,1fr)}}@container (min-width:1024px){.products-container{display:grid;grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1024px){.produits-fermeture-metallique{padding-top:64px;padding-bottom:64px}.produits-fermeture-metallique h2{line-height:36.8px}.product-item .item-info-middel .titre-item{font-size:20px;line-height:24px}.product-item .item-info-middel .excerpt-item{font-size:16px}.product-item:hover{box-shadow:0 24px 64px -16px #0003}.product-item .item-info-bottom .link-item{transition:color 0.15s ease-in}.product-item:hover .item-info-bottom .link-item{color:var(--orange)}.product-item:hover .item-info-bottom .link-item svg{opacity:1;transform:translateX(8px)}.product-item .item-info-bottom .link-item svg{display:block;opacity:0;transition:all 0.15s ease-in}.product-item .product-post-thumbnail-wrapper{position:relative;overflow:hidden}.product-item .product-post-thumbnail-overlay{display:flex;position:absolute;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center;opacity:0;transition:opacity 0.15s ease-in}.product-item:hover .product-post-thumbnail-overlay,.product-item .product-post-thumbnail-overlay-icon:hover svg:last-child{opacity:1}.product-item .product-post-thumbnail-overlay .product-post-thumbnail-overlay-icon{background-color:var(--neutral600);min-height:40px;min-width:40px;max-height:40px;max-width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:background-color 0.15s ease-in}.product-item .product-post-thumbnail-overlay-icon:hover{background-color:var(--orange)}.product-item .product-post-thumbnail-overlay-icon div{position:relative;height:24px;width:24px}.product-item .product-post-thumbnail-overlay-icon svg{transition:opacity 0.15s ease-in}.product-item .product-post-thumbnail-overlay-icon svg:first-child{opacity:1;position:absolute;top:0;left:0}.product-item .product-post-thumbnail-overlay-icon svg:last-child{opacity:0;position:absolute;top:0;left:0}.product-item .product-post-thumbnail-overlay-icon:hover svg:first-child{opacity:0}}.simulate-your-project{margin:40px 0}.simulate-your-project .container{background:linear-gradient(90deg,#3666b0 0%,#40ba9d 100%);border-radius:16px;color:var(--white);padding:40px 24px 0 24px;position:relative;overflow:hidden}.simulate-your-project .text-content{z-index:2;position:relative}.simulate-your-project h2{font-family:"Roboto",sans-serif;font-size:32px;line-height:37.5px;font-weight:900;margin:0 0 3px 0;text-align:center}.simulate-your-project span{margin-bottom:32px;display:block;text-align:center}.simulate-your-project .container .bubbles-bg{position:absolute;top:0;left:0;pointer-events:none}.simulate-your-project .actions{display:flex;flex-direction:column;width:fit-content;margin:0 auto 32px auto}.simulate-your-project a{flex-grow:1;padding:12px 32px;border-radius:50px;max-height:48px;margin-bottom:16px;color:var(--white);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}.simulate-your-project a:last-child{margin-bottom:0}.simulate-your-project .main-action{background-color:var(--orange);font-weight:700}.simulate-your-project .secondary-action{border:1px solid var(--white)}.simulate-your-project img{display:block;width:100%;height:auto}.simulate-your-project picture:last-child{display:none}@media screen and (min-width:768px){.simulate-your-project img{width:auto;margin:0 auto}.simulate-your-project .actions{flex-direction:row;gap:16px}.simulate-your-project a{margin:0}.simulate-your-project h2{font-size:40px;line-height:47px;margin:0 0 13px 0}.simulate-your-project span{font-size:18px}}@media screen and (min-width:1024px){.simulate-your-project picture:last-child{display:block;position:absolute;bottom:0;right:16px}.simulate-your-project picture:first-child{display:none}.simulate-your-project .actions{margin-bottom:0;margin:0}.simulate-your-project .container{display:flex;justify-content:space-between;padding:56px 48px;overflow:visible}.simulate-your-project .text-content{max-width:50%}.simulate-your-project h2,.simulate-your-project span{text-align:left}.simulate-your-project a{transition:all 0.15s ease-in}.simulate-your-project a:hover{background-color:var(--secondary400);border-color:var(--secondary400)}}@media screen and (min-width:1440px){.simulate-your-project .text-content .text{display:flex;flex-direction:column;justify-content:center}.simulate-your-project .text-content{display:flex;gap:62px}.simulate-your-project .actions{flex-direction:column;justify-content:center}.simulate-your-project span{margin:0}.simulate-your-project .container{padding:56px 80px;min-height:250px}.simulate-your-project picture:last-child{right:80px}}