@charset "UTF-8";.section{padding:50px 0}
.wrapper{width:100%;max-width:1200px;margin:0 auto;position:relative}
.column{width:50%}
.column.content{padding:50px 40px 50px 20px}
.wrapper.encadre{padding:20px;border:1px solid #343163;border-radius:0 100px 0 100px}
.encadre.right .column.content{margin-left:50%}
.wrapper.circle{padding:50px 20px}
.circle::before{content:"";position:absolute;z-index:-1;top:calc(50% - 200px);left:calc(50% - 200px);width:400px;height:400px;background:#faea19;border-radius:50%}
.circle.blue::before{background:#4d9deb}
.circle.green::before{background:#5eb98e}
.circle.left .column.content{padding:50px 20px 50px 40px;margin-left:50%}
.column.image{width:calc(50% - 20px);position:absolute;top:20px;right:20px;bottom:20px;overflow:hidden;border-radius:0 calc(100px - 20px) 0 0}
.circle .column.image{bottom:auto;top:calc(50% - 150px);height:300px;border-radius:calc(100px - 20px) 0 calc(100px - 20px) 0}
.circle.left .column.image{right:auto;left:20px}
.column.image picture,.column.image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.column.image img.on{object-fit:contain}
.column img,.full img{cursor:pointer}
.full picture,.full img{display:inline-block;max-width:400px;object-fit:contain;object-position:center center}
.full.double img{max-width:300px}
.full.gallery img{max-width:250px}
.full picture{margin:0 30px 50px}
.section .title{font-family:"Snippet",sans-serif;font-size:1.875rem;line-height:2rem;margin-bottom:30px}
.section .goto{margin-top:30px;text-align:center}
.section .circle .goto.fxjc{text-align:left;justify-content:flex-start}
.section blockquote{display:block;max-width:500px;margin:60px auto 0;position:relative;border:none;font-style:italic;text-align:left}
.section blockquote::before{content:"＂";font-size:5rem;font-weight:600;display:flex;align-items:center;align-content:center;padding:10px;width:150px;height:150px;background:#faea19;color:#4d9deb;border-radius:50%;position:absolute;text-align:left;z-index:-1;top:-70px;left:-25px}
footer{background:url('https://www.newworldwind.com/medias/imports/background-footer.svg') no-repeat center top;background-size:1920px auto;align-items:stretch;min-height:100px;padding:50px 50px 20px;font-size:.8125rem;line-height:1.2rem}
footer .inner{border:4px solid #343163;padding:20px}
footer .left{width:60%}
footer .right{width:40%}
footer strong.title{width:100%;text-transform:uppercase;font-weight:600;display:block;font-size:.9375rem;margin-bottom:8px}
#footer_logo{width:120px;height:120px;padding:10px;background:white}
#footer_logo picture,#footer_logo img{width:100%;height:100%;object-fit:contain;object-position:center center}
footer nav{width:auto;white-space:nowrap}
footer a{color:#343163;font-size:.8125rem;white-space:nowrap;transition:color 500ms}
footer a:hover{color:#4d9deb}
#contact_footer p{width:100%;white-space:normal}
#contact_footer a{column-rule:#343163;font-weight:600;display:inline-block;margin-top:5px;font-weight:600;transition:color 300ms}
#socials{width:150px;text-align:center}
#socials a{display:inline-block;width:30px;height:30px;background:#343163;color:white;margin:10px;border-radius:50%;display:flex;justify-content:center;align-items:center;align-content:center}
#socials a:hover{color:#4d9deb}
footer #bottom{padding:10px 10px 0;font-size:.8125rem}
@media screen and (max-width:1050px){.section{overflow:hidden}
.wrapper{width:calc(100% - 40px)}
#footer_logo{margin:0 calc((100% - 120px) / 2) 40px}}
@media screen and (max-width:900px){.wrapper{max-width:600px}
.wrapper.circle{padding:50px 0}
.column,.column.image{width:100%}
.column.content{padding:20px 20px 50px 0}
.circle.left .column.content{margin-left:0;padding:0 20px 50px}
.column.image{position:relative;top:auto;right:auto;bottom:auto;display:block;height:300px;border-radius:0 0 0 calc(100px - 20px)}
.circle.left .column.image{left:auto}
.full{margin-top:30px}}
@media screen and (max-width:450px){footer{padding:20px;text-align:center}
footer .fxjb{justify-content:center}
footer .wrap{margin:0 15px 40px}}
.section{padding:50px 0}
.wrapper{width:100%;max-width:1200px;margin:0 auto;position:relative}
.column{width:50%}
.column.content{padding:50px 40px 50px 20px}
.wrapper.encadre{padding:20px;border:1px solid #343163;border-radius:0 100px 0 100px}
.encadre.right .column.content{margin-left:50%}
.wrapper.circle{padding:50px 20px}
.circle::before{content:"";position:absolute;z-index:-1;top:calc(50% - 200px);left:calc(50% - 200px);width:400px;height:400px;background:#faea19;border-radius:50%}
.circle.blue::before{background:#4d9deb}
.circle.green::before{background:#5eb98e}
.circle.left .column.content{padding:50px 20px 50px 40px;margin-left:50%}
.column.image{width:calc(50% - 20px);position:absolute;top:20px;right:20px;bottom:20px;overflow:hidden;border-radius:0 calc(100px - 20px) 0 0}
.circle .column.image{bottom:auto;top:calc(50% - 150px);height:300px;border-radius:calc(100px - 20px) 0 calc(100px - 20px) 0}
.circle.left .column.image{right:auto;left:20px}
.column.image picture,.column.image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.column.image img.on{object-fit:contain}
.column img,.full img{cursor:pointer}
.full picture,.full img{display:inline-block;max-width:400px;object-fit:contain;object-position:center center}
.full.double img{max-width:300px}
.full.gallery img{max-width:250px}
.full picture{margin:0 30px 50px}
.section .title{font-family:"Snippet",sans-serif;font-size:1.875rem;line-height:2rem;margin-bottom:30px}
.section .goto{margin-top:30px;text-align:center}
.section .circle .goto.fxjc{text-align:left;justify-content:flex-start}
.section blockquote{display:block;max-width:500px;margin:60px auto 0;position:relative;border:none;font-style:italic;text-align:left}
.section blockquote::before{content:"＂";font-size:5rem;font-weight:600;display:flex;align-items:center;align-content:center;padding:10px;width:150px;height:150px;background:#faea19;color:#4d9deb;border-radius:50%;position:absolute;text-align:left;z-index:-1;top:-70px;left:-25px}
footer{background:url('https://www.newworldwind.com/medias/imports/background-footer.svg') no-repeat center top;background-size:1920px auto;align-items:stretch;min-height:100px;padding:50px 50px 20px;font-size:.8125rem;line-height:1.2rem}
footer .inner{border:4px solid #343163;padding:20px}
footer .left{width:60%}
footer .right{width:40%}
footer strong.title{width:100%;text-transform:uppercase;font-weight:600;display:block;font-size:.9375rem;margin-bottom:8px}
#footer_logo{width:120px;height:120px;padding:10px;background:white}
#footer_logo picture,#footer_logo img{width:100%;height:100%;object-fit:contain;object-position:center center}
footer nav{width:auto;white-space:nowrap}
footer a{color:#343163;font-size:.8125rem;white-space:nowrap;transition:color 500ms}
footer a:hover{color:#4d9deb}
#contact_footer p{width:100%;white-space:normal}
#contact_footer a{column-rule:#343163;font-weight:600;display:inline-block;margin-top:5px;font-weight:600;transition:color 300ms}
#socials{width:150px;text-align:center}
#socials a{display:inline-block;width:30px;height:30px;background:#343163;color:white;margin:10px;border-radius:50%;display:flex;justify-content:center;align-items:center;align-content:center}
#socials a:hover{color:#4d9deb}
footer #bottom{padding:10px 10px 0;font-size:.8125rem}
@media screen and (max-width:1050px){.section{overflow:hidden}
.wrapper{width:calc(100% - 40px)}
#footer_logo{margin:0 calc((100% - 120px) / 2) 40px}}
@media screen and (max-width:900px){.wrapper{max-width:600px}
.wrapper.circle{padding:50px 0}
.column,.column.image{width:100%}
.column.content{padding:20px 20px 50px 0}
.circle.left .column.content{margin-left:0;padding:0 20px 50px}
.column.image{position:relative;top:auto;right:auto;bottom:auto;display:block;height:300px;border-radius:0 0 0 calc(100px - 20px)}
.circle.left .column.image{left:auto}
.full{margin-top:30px}}
@media screen and (max-width:450px){footer{padding:20px;text-align:center}
footer .fxjb{justify-content:center}
footer .wrap{margin:0 15px 40px}}
#contact{position:relative}
#contact .section_title{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:center;max-width:1200px}
#contact .section_title strong{width:calc(50% - 65px)}
#contact .section_title div{width:50%;text-align:left}
#contact .left,#contact .right{width:calc(50% - 50px)}
#contact .full{width:100%}
#contact form{text-align:left}
#contact .goto{margin-top:0}
#contact form label,#contact form input,#contact form textarea{display:block;width:100%;font-size:1.125rem;border-color:#7ccbf4}
#contact form label{font-family:"Snippet",sans-serif;margin-bottom:5px}
#contact .rgpd_field label{border-radius:0;height:30px}
.rgpd_field input:checked + label::before{left:5px}
#contact form .checkField{margin-bottom:20px}
#contact form textarea{padding:5px 10px 10px;color:rgba(87,87,87,0.5)}
#contact .select{position:relative}
#contact .select .click{width:100%;position:absolute;top:0;height:40px;left:0}
#contact .select .click.active svg{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
#contact .select .choix{display:none;position:absolute;background:#e3fbf8;top:36px;left:0;width:100%;border-color:#7ccbf4;border-width:0 1px 1px;border-style:solid}
#contact .select .choix mark{display:block;background:none;padding:5px 10px;transition:background 300ms}
#contact .select .choix mark:hover{background:rgba(0,0,0,0.2)}
#products_slideshow .introduction,#products_slideshow .ending{height:450px;position:relative;margin-bottom:220px}
#products_slideshow .ending{margin-bottom:0;margin-top:50px}
#products_slideshow .content{position:absolute;z-index:1;top:370px;left:calc((100% - 650px) / 2);width:650px;max-height:260px;overflow:hidden;padding:50px 50px 0;text-align:center;background:white;border-radius:100px 100px 0 0}
#products_slideshow .image,#products_slideshow img{width:100%;height:100%;object-fit:cover;object-position:center bottom}
#slideshows .slideshow{width:470px;margin:0 60px 60px;text-align:center;position:relative}
.slideshow .title{font-size:1.875rem;font-family:"Snippet",sans-serif;margin:0 auto 20px}
.slideshow{font-weight:700;--bdrs-shw:100px;--pad-sw:45px}
.slideshow .inner{width:100%;height:580px;padding:var(--pad-sw) var(--pad-sw) 0;overflow:hidden;color:white}
.slideshow.left .inner{border-radius:var(--bdrs-shw) 0 var(--bdrs-shw) 0;background:#4d9deb}
.slideshow.right .inner{border-radius:0 var(--bdrs-shw) 0 var(--bdrs-shw);background:#5eb98e}
.slideshow .swiper-wrapper{width:100%;height:100%}
.slideshow picture{display:inline-block;background:white;width:100%;height:380px;padding:40px;margin-bottom:20px;overflow:hidden;--bdrs-pic:70px}
.slideshow.left picture{border-radius:var(--bdrs-pic) 0 var(--bdrs-pic) 0}
.slideshow.right picture{border-radius:0 var(--bdrs-pic) 0 var(--bdrs-pic)}
.slideshow img{width:100%;height:100%;object-fit:cover;object-position:center}
.slideshow h2{font-size:2.1875rem;line-height:2.5rem;font-family:"Snippet",sans-serif;padding:0 calc(var(--pad-sw) + 20px)}
.slideshow h2 a{color:white}
.slideshow button,#realisations button{display:block;position:absolute;padding:0;z-index:10;left:30px;bottom:70px;width:0px;height:0px;border-style:solid;border-width:15px 20px 15px 0;border-color:transparent #343163 transparent transparent;cursor:pointer}
.slideshow button:last-child,.slideshow button:last-of-type{transform:rotate(180deg);left:auto;right:30px}
.slideshow button::after,#realisations button::after{content:"";position:absolute;z-index:1;top:-10px;left:3px;width:0px;height:0px;border-style:solid;border-width:10px 15px 10px 0;border-color:transparent #4d9deb transparent transparent;transition:border-color 500ms}
.slideshow.right button::after{border-color:transparent #5eb98e transparent transparent}
.slideshow button:hover::after{border-color:transparent white transparent transparent}
#realisations{overflow:hidden;position:relative}
#realisations .wrapper{text-align:center}
#realisations .maintext{margin-bottom:50px}
#realisations .swiper-wrapper{max-width:1500px;width:100vw;margin:0 calc((100% - 1500px) / 2)}
#realisations .swiper-slide{width:500px;height:340px;display:flex;align-items:center;align-content:center;padding:0 150px;transition:all 500ms}
#realisations .swiper-slide.firstLeftSlide,#realisations .swiper-slide.secondLeftSlide{padding:0 70px 0 230px}
#realisations .swiper-slide.centeredSlide{padding:0 90px}
#realisations .swiper-slide.firstRightSlide,#realisations .swiper-slide.secondRightSlide{padding:0 230px 0 70px}
#realisations .swiper-slide picture{width:100%;height:200px;position:relative;cursor:pointer}
#realisations .swiper-slide.secondLeftSlide img,#realisations .swiper-slide.secondRightSlide img{position:absolute;z-index:2;top:0;right:-200px}
#realisations .swiper-slide.secondRightSlide img{right:auto;left:-200px}
#realisations .swiper-slide.centeredSlide picture{height:100%}
#realisations button{border-width:30px 40px 30px 0;top:auto;bottom:calc(50% - 100px);left:calc(50% - 220px)}
#realisations button::after{border-width:24px 31px 24px 0;top:-23.8px;left:5.8px;border-color:transparent white transparent transparent}
#realisations button.cNext_reals{top:auto;left:auto;right:calc(50% - 220px);transform:rotate(180deg)}
#realisations button:hover::after{border-color:transparent #4d9deb transparent transparent}
#implantations{width:100%;padding:30px 20px 70px}
#implantations iframe{display:block;width:100%;max-width:70%;height:600px;margin:0 auto;border:50px solid #5eb98e;border-radius:50px 0 50px 0}
@media screen and (max-width:450px){#products_slideshow .introduction,#products_slideshow .ending{height:auto;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column-reverse}
#slideshows .slideshow{width:calc(100% - 40px);margin:0 auto 60px}
.slideshow .inner{height:500px;padding:30px 30px 0}
.slideshow picture{height:300px}
.slideshow button{left:10px}
.slideshow button:last-child,.slideshow button:last-of-type{right:10px}
.slideshow h2{padding:0 20px}
#products_slideshow .content{top:auto;left:auto;position:relative;width:90%;max-height:1000px;margin:-75px auto 0}
#products_slideshow .image,#products_slideshow img{height:250px}
#realisations .swiper-slide{height:300px}
#realisations .swiper-slide.centeredSlide{padding:0 130px}
#realisations button{bottom:calc(50% - 150px);left:calc(50% - 180px)}
#realisations button.cNext_reals{right:calc(50% - 180px)}}
#product_flip{width:1100px;margin:0 auto;position:relative}
.product_description{width:100%;padding:30px;margin:0 auto 30px;border-radius:100px 0 100px 0;background:#5eb98e;position:relative}
#product_hybrid.product_description{background:#4d9deb}
.more_content{width:100%;margin:0 auto 50px;background:white}
.product_image{width:400px;height:430px;position:relative;overflow:hidden;border-radius:80px 0 0 0}
.product_image picture{width:100%;height:100%;display:block;background:white}
.product_image picture img{object-fit:contain}
.unselected{display:none}
.noresults{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#4d9deb;font-size:2rem;line-height:2.2rem;color:white;display:none;flex-wrap:wrap;padding:50px;text-align:center;justify-content:center;align-items:center;align-content:center}
.noresults.active{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
.description{width:610px;color:white;font-size:1.2rem}
.section .description .title{width:100%;height:90px;font-family:"Montserrat",sans-serif;font-size:inherit;margin-bottom:0}
.description .title strong{display:block;font-family:"Snippet",sans-serif;font-size:2.2rem;line-height:2.3rem}
.infos{height:160px}
.price span,.puissance span{font-weight:600;display:inline-block;font-size:1.5rem}
.price span{font-size:1.8rem}
.price mark,.puissance mark{display:block;background:none;margin-bottom:5px;color:#faea19}
.puissance{text-align:right}
.bottom{width:90%;height:180px}
hr{border:none;height:1px;background:rgba(255,255,255,0.5)}
.description .inner{width:48%}
.description .inner.hybrd{width:80px;margin-bottom:5px}
.description .inner.trunks{width:calc(100% - 100px);margin-bottom:5px}
.custom_title{width:100%;text-transform:uppercase;font-size:.9rem;line-height:1.2rem;color:#faea19;font-weight:600}
.description .goto a{margin-bottom:12px;max-width:100%;font-size:.875rem;white-space:normal}
.description .notes{font-size:.8125rem;line-height:1rem}
.description .label{font-size:.9rem;font-weight:600}
select{width:100%;background-color:white;border:1px solid #343163;padding:2px 20px 2px 10px;font-size:.9rem;color:#343163}
.config button{display:inline-block;border:1px solid #5eb98e;color:#343163;cursor:pointer;font-size:.9rem;background-color:white;border-radius:30px;padding:5px 15px}
#product_hybrid .trunks button{border-color:#3c81c4}
.trunks button.selected{border-color:#343163!important}
.sel{font-size:.7rem;z-index:4;width:100%;display:inline-block;background-color:white;position:relative;cursor:pointer;color:#343163;border:1px solid black}
.sel::before{position:absolute;content:"";font:var(--fa-font-solid);font-size:1.2rem;right:10px;top:calc(50% - .5em)}
.sel.active::before{transform:rotateX(-180deg)}
.sel__placeholder{display:block;font-size:.7rem;text-transform:uppercase;color:#838e95;padding:2px 10px;text-align:left;pointer-events:none;user-select:none;visibility:visible}
.sel.active .sel__placeholder{visibility:hidden}
.sel__placeholder::before{position:absolute;top:0;bottom:0;left:0;right:0;padding:2px 10px;content:attr(data-placeholder);visibility:hidden}
.sel.active .sel__placeholder::before{visibility:visible}
.sel__box{position:absolute;top:calc(100% - 1px);left:-1px;display:none;list-style-type:none;text-align:left;background-color:#FFF;width:calc(100% + 2px);border-width:0 1px 1px;border-color:#000;border-style:solid;box-sizing:border-box}
.sel:nth-of-type(2n) .sel__box{left:0;width:calc(100% + 1px)}
.sel.active .sel__box{display:block;z-index:5;animation:fadeInUp 500ms}
.sel__box__options{display:list-item;color:#838e95;padding:7px 10px;user-select:none}
.sel__box__options::after{content:"";font-family:"FontAwesome";font-size:.5em;margin-left:5px;display:none}
.sel__box__options.selected::after{display:inline}
.sel__box__options:hover{background-color:#ebedef}
.sel:nth-child(1){z-index:10}
.sel:nth-child(2){z-index:9}
.sel:nth-child(3){z-index:8}
.sel:nth-child(3){z-index:7}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,20px,0)}
to{opacity:1;transform:none}}
@keyframes fadeOut{from{opacity:1}
to{opacity:0}}
.notes{width:100%;margin-top:10px}
.button_default a,.button_default input,.button_default button{color:#343163;border:1px solid black;background:white}
.button_default a:hover,.button_default input:hover,.button_default button:hover{background:#5eb98e;border-color:#5eb98e;color:white}
#datasheet,#hybrid{width:50%}
#datasheet mark,#hybrid mark{color:#4d9deb;text-align:center;width:100%;font-size:1.5rem;display:block;background:none;margin-bottom:20px}
#datasheet a{margin:0 10px 20px}
.hidebryd{height:0;padding:0;overflow:hidden}
#hybrid_content{padding:50px;border-radius:0 100px 0 100px}
@media screen and (max-width:900px){#product_flip{width:100%}
.product_description{width:calc(100% - 40px);margin:0 auto 50px}
.description{width:100%;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;flex-direction:column}
.description .bottom{order:1;margin-bottom:20px}
.description .title{order:2}
.description .infos{order:3}
.section .description .title{height:auto;margin-bottom:20px}
.infos{height:auto}
.bottom,.more_content{width:100%;height:auto}
.product_image{width:100%;height:350px;margin-bottom:20px}
.puissance{text-align:left;margin:20px 0}
#datasheet,#hybrid{width:100%}
#datasheet{margin-bottom:20px}
.more_content{margin-bottom:0}}