@keyframes showPopup{0%{width:auto;height:auto;clip-path:circle(0% at 50% 50%)}25%{clip-path:circle(25% at 50% 50%)}50%{clip-path:circle(50% at 50% 50%)}75%{clip-path:circle(75% at 50% 50%)}100%{clip-path:circle(100% at 50% 50%)}}@keyframes closePopup{0%{height:auto;width:auto;clip-path:circle(100% at 50% 50%)}25%{clip-path:circle(75% at 50% 50%)}50%{clip-path:circle(50% at 50% 50%)}75%{clip-path:circle(25% at 50% 50%)}100%{clip-path:circle(0% at 50% 50%)}}.produit .photo .background{height:100vw}.produit .photo .content{background-color:#F8F8F8}.produit .photo .content h1{padding-top:3rem;font-weight:400;font-size:2.2rem;margin-left:4rem;margin-bottom:3rem;line-height:1}.produit .photo .content h1 span{font-weight:300;font-size:12px}.produit .photo .content .swiper-photo{background-color:#f8f8f8;position:relative;padding:3rem 20%}.produit .photo .content .swiper-photo:after,.produit .photo .content .swiper-photo:before{width:20%;z-index:2;content:'';background-color:#f8f8f8;top:0;position:absolute;height:100%}.produit .photo .content .swiper-photo:before{left:0}.produit .photo .content .swiper-photo:after{right:0}.produit .photo .content .swiper-photo .swiper-wrapper .swiper-slide{display:flex;align-items:center;justify-content:center}.produit .photo .content .swiper-photo .swiper-wrapper .swiper-slide figure{width:15vw;height:15vw;border-radius:50%;overflow:hidden;position:relative}.produit .photo .content .swiper-photo .swiper-wrapper .swiper-slide figure:after{content:'';background-color:transparent;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(15vw + 1px);height:15vw;position:absolute;box-shadow:inset 0 0 20px rgba(0,0,0,0.2)}.produit .next-prev .swiper-button-prev,.produit .next-prev .swiper-button-next{transition:opacity 0.7s;background-image:url(//l-loft.fr/app/themes/lloft/assets/imgs/arrow_white_circle.png);background-size:contain;height:15vw;width:15vw;top:50%;transform:translateY(-50%);margin-top:0;filter:invert(1)}.produit .next-prev .swiper-button-prev:after,.produit .next-prev .swiper-button-next:after{content:''}.produit .next-prev .swiper-button-next{right:1.5rem}.produit .next-prev .swiper-button-prev{left:1.5rem;transform:translateY(-50%) rotate(180deg)}.produit .ariane p{text-align:left}.produit .presentation h2{padding-top:3rem;font-family:Barlow, sans-serif;font-weight:300;font-size:2.4rem}.produit .presentation .cara{margin:3rem 4rem;padding:1.5rem 0;border-top:1px solid rgba(41,36,36,0.3);border-bottom:1px solid rgba(41,36,36,0.3)}.produit .presentation .cara h3{font-weight:500;font-family:Barlow, sans-serif;font-size:1.6rem;margin-bottom:1.5rem}.produit .presentation .cara p{margin:0 0 1.5rem}.produit .presentation .cara p:last-child{margin-bottom:0}.produit .question{margin-bottom:6rem}.produit .question button{width:100%;height:8.4rem;text-align:left;padding-left:4rem;color:var(--white);background-color:var(--black);font-size:1.8rem}.produit .question button span{position:relative;display:inline-block}.produit .question button span:after{left:calc(100% + 3rem);content:'';width:2.5rem;height:1.5rem;top:50%;transform:translateY(-50%);position:absolute;background-image:url(//l-loft.fr/app/themes/lloft/assets/imgs/arrow.png);filter:invert(1)}.produit .services .contain{display:flex;flex-direction:row;flex-wrap:wrap;padding:0 2rem;justify-content:space-between}.produit .services .contain .service{width:50%;text-align:center;height:10rem;margin-bottom:3rem;position:relative}.produit .services .contain .service img{height:4rem;width:auto;margin-bottom:0.5rem}.produit .services .contain .service p{margin:0;font-size:1.2rem}.produit .services .contain .service:nth-of-type(2n){padding-left:1.5rem}.produit .services .contain .service:nth-of-type(2n+1){padding-right:1.5rem}.produit .services .contain .service:nth-of-type(2n+1):after{position:absolute;content:'';height:50%;width:1px;right:0;top:50%;transform:translateY(-50%);background-color:rgba(41,36,36,0.2)}.produit .simil .swiper-products{padding:0 6rem;margin-bottom:6rem;position:relative}.produit .simil .swiper-products:after,.produit .simil .swiper-products:before{content:'';height:100%;position:absolute;width:6rem;top:0;z-index:2;background-color:var(--white)}.produit .simil .swiper-products:before{left:0}.produit .simil .swiper-products:after{right:0}.produit .simil .swiper-products .swiper-wrapper .swiper-slide{width:100%;height:calc(100vw - 12rem)}.produit .simil .swiper-products .next-prev .swiper-button-next{right:3.5rem}.produit .simil .swiper-products .next-prev .swiper-button-prev{left:3.5rem}.produit .simil .swiper-products .swiper-pagination{bottom:-3rem}.popUp{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);z-index:10000;max-width:30rem;width:0;height:0;max-height:90vh;overflow:hidden;overflow-y:auto;background-color:var(--white);box-shadow:0 0 20px rgba(0,0,0,0.2)}.popUp p{margin:0}.popUp .cross{position:absolute;right:1.5rem;top:1.5rem;width:2rem;height:2rem}.popUp .cross span{width:2.82rem;height:0.1rem;position:absolute;background-color:var(--black);top:50%;left:50%}.popUp .cross span:first-of-type{transform:translate(-50%, -50%) rotate(45deg)}.popUp .cross span:last-of-type{transform:translate(-50%, -50%) rotate(-45deg)}.popUp .title{font-size:1.5rem;text-transform:uppercase;text-align:center;color:var(--blue);margin-bottom:3rem}.popUp .productName{font-size:1.5rem;width:23rem;margin:0 auto 3rem;padding:1rem 3rem;border:1px solid rgba(0,0,0,0.3);color:rgba(0,0,0,0.5);position:relative}.popUp .productName:after{content:'';position:absolute;width:3rem;height:3rem;right:1rem;top:50%;transform:translateY(-50%);background-image:url(//l-loft.fr/app/themes/lloft/assets/imgs/check.svg);opacity:0.5}.popUp input,.popUp textarea{width:100%;border:none;border-radius:0;border-bottom:1px solid rgba(112,112,112,0.5);font-size:1.6rem;padding-bottom:10px;margin-bottom:1.5rem}.popUp input{text-align:center}.popUp textarea{height:6rem}.popUp input::placeholder,.popUp textarea::placeholder{color:var(--black);font-weight:400;font-family:Barlow, sans-serif}.popUp form .form-condition{display:flex;margin-bottom:40px}.popUp form .form-condition #label-condition{margin-left:0.5rem;margin-top:-0.2rem;font-size:1.3rem;display:block}.popUp form .form-condition #label-condition a{font-size:1.3rem;color:var(--blue)}.popUp form>p{text-align:center;margin-top:3rem}.popUp form>p button{padding:2rem 3rem}.popUp.active{padding:6rem 2rem 3rem;height:auto;width:auto;animation-name:showPopup;animation-duration:0.7s;animation-timing-function:linear;animation-fill-mode:forwards}.popUp.close{animation-name:closePopup;animation-duration:0.7s;animation-timing-function:linear}@media only screen and (min-width: 768px){.produit .photo .content{padding:6rem 0;display:flex;justify-content:space-between}.produit .photo .content .title{width:calc(100% - 33rem - 7vw)}.produit .photo .content h1{margin-left:7vw;font-size:2.5rem}.produit .photo .content h1 span{font-size:16px}.produit .photo .content .swiper-photo{overflow-x:hidden;width:33rem;padding:0 6rem;margin-right:7vw}.produit .photo .content .swiper-photo:after,.produit .photo .content .swiper-photo:before{width:6rem}.produit .photo .content .swiper-photo .swiper-wrapper .swiper-slide figure{width:4.5rem;height:4.5rem}.produit .photo .content .swiper-photo .swiper-wrapper .swiper-slide figure:after{width:calc(4.5rem + 1px);height:4.5rem}.produit .photo .content .swiper-photo .next-prev .swiper-button-prev,.produit .photo .content .swiper-photo .next-prev .swiper-button-next{height:4.5rem;width:4.5rem}.produit .photo .content .swiper-photo .next-prev .swiper-button-next{right:0}.produit .photo .content .swiper-photo .next-prev .swiper-button-prev{left:0}.produit .presentation h2{padding-top:6rem;font-size:3rem}.produit .presentation .cara{display:flex;padding:3rem 0;margin:6rem 7vw}.produit .presentation .cara h3{margin-right:4rem}.produit .question{margin:0 7vw 6rem}.produit .services .contain{padding:0 7vw}.produit .services .contain .service{width:25%;padding:0 1.5rem;margin-bottom:6rem}.produit .services .contain .service img{height:3.5rem;margin-bottom:1rem}.produit .services .contain .service:nth-of-type(2):after{position:absolute;content:'';height:50%;width:1px;right:0;top:50%;transform:translateY(-50%);background-color:rgba(41,36,36,0.2)}.produit .simil .swiper-products{padding:0 0 0 calc(7vw + 13rem);margin-bottom:9rem}.produit .simil .swiper-products:after{content:none}.produit .simil .swiper-products .swiper-wrapper .swiper-slide{height:36.785vw;margin-bottom:0}.produit .simil .swiper-products:before{width:calc(7vw + 13rem)}.produit .simil .swiper-products .next-prev{position:absolute;height:5rem;width:13rem;top:calc(50% - 2.5rem);left:calc(7vw + 2.5rem)}.produit .simil .swiper-products .next-prev .swiper-button-next,.produit .simil .swiper-products .next-prev .swiper-button-prev{width:5rem;height:5rem}.produit .simil .swiper-products .next-prev .swiper-button-next{right:0}.produit .simil .swiper-products .next-prev .swiper-button-prev{left:0}.produit .simil .swiper-products .swiper-pagination{bottom:-5rem}.popUp{max-width:60rem;max-height:80rem}.popUp .title{font-size:2.2rem;margin-bottom:3rem}.popUp .productName{width:33rem;padding:2rem 5rem;font-size:1.8rem;margin-bottom:6rem}.popUp .productName:after{right:2.5rem}.popUp input,.popUp textarea{margin-bottom:3rem}.popUp form>p{margin-top:6rem;padding-bottom:6rem}.popUp.active{padding:9rem 5rem 0}}@media only screen and (min-width: 1280px){header{background-color:var(--black)}.produit .columns{display:flex;margin-top:7.5rem;height:calc(100vh + 6.5rem)}.produit .photo{height:100%;width:calc(100vh - 21.5rem)}.produit .photo .background{height:calc(100vh - 21.5rem);width:calc(100vh - 21.5rem)}.produit .photo .content{margin:0;height:14rem;padding:0;align-items:center}.produit .photo .content .title{width:calc(100% - 35rem - 0.1rem)}.produit .photo .content h1{margin-left:2rem;font-weight:500}.produit .photo .content .swiper-photo{height:6rem;margin-right:2rem}.produit .photo .content .swiper-photo .next-prev .swiper-button-next,.produit .photo .content .swiper-photo .next-prev .swiper-button-prev{transition:transform 1s}.produit .photo .content .swiper-photo .next-prev .swiper-button-next:hover,.produit .photo .content .swiper-photo .next-prev .swiper-button-prev:hover{transform:translateY(-50%) scale(1.1)}.produit .photo .content .swiper-photo .next-prev .swiper-button-next.swiper-button-prev:hover,.produit .photo .content .swiper-photo .next-prev .swiper-button-prev.swiper-button-prev:hover{transform:translateY(-50%) rotate(180deg) scale(1.1)}.produit .photo .content .swiper-photo .next-prev .swiper-button-prev{left:1rem}.produit .photo .content .swiper-photo .next-prev .swiper-button-next{right:1rem}.produit .photo .content .swiper-photo .swiper-wrapper{-webkit-transition-timing-function:linear !important;-o-transition-timing-function:linear !important;transition-timing-function:linear !important}.produit .photo .content .swiper-photo .swiper-wrapper .swiper-slide figure{cursor:pointer;display:flex;align-items:center;justify-content:center}.produit .photo .content .swiper-photo .swiper-wrapper .swiper-slide figure img{transition:transform 1s}.produit .photo .content .swiper-photo .swiper-wrapper .swiper-slide figure:hover img{transform:scale(1.3)}.produit .presentation{display:flex;flex-direction:column;width:calc(100% - 100vh + 21.5rem);height:calc(100vh - 7.5rem)}.produit .presentation h2{padding-top:5rem;margin-bottom:4.5rem}.produit .presentation .cara{margin:0 7vw 4.5rem}.produit .presentation .question{margin:auto 0 0;justify-items:end}.produit .presentation .question button{padding:0;text-align:center;transition:background-color 0.7s;cursor:pointer}.produit .presentation .question button:hover{background-color:var(--blue)}.produit .services{margin-top:18rem}.produit .services .contain .service{margin-bottom:18rem;height:12rem}.produit .services .contain .service p{font-weight:500;font-size:1.7rem}.produit .services .contain .service img{height:4.5rem;margin-bottom:1.5rem}.produit .simil .swiper-products{margin-bottom:12rem}.produit .simil .swiper-products .swiper-wrapper .swiper-slide{height:19.552vw}.produit .simil .swiper-products .swiper-pagination{bottom:-7rem}.popUp{max-width:100rem}.popUp .cross{right:3rem;top:3rem;transition:scale 0.7s;cursor:pointer}.popUp .cross:hover{scale:1.2}.popUp form{display:flex;flex-wrap:wrap;justify-content:space-between}.popUp form .column{width:calc(50% - 3rem)}.popUp form>p{width:100%}.popUp form textarea{height:17.5rem}.popUp form input{text-align:left}.popUp.active{padding:9rem 12rem 0}}@media only screen and (min-width: 1920px){.produit .photo .content{padding:0 6rem}.produit .presentation h2{margin-bottom:9rem;padding-top:18rem}.produit .services .contain{padding:0 calc(50% - 60rem)}}