header{display:flex}header .white--logo_a{display:none}header nav.navbar{align-items:center;border:1.5px solid #ffcf00;border-radius:50%;display:flex;height:45px;justify-content:center;margin-left:auto;padding:0;width:45px}header .toggler{padding:0}header .navbar-toggler-icon{color:#60635e;height:20px;margin:0 auto;position:relative;width:21px}header .burger-click-region{cursor:pointer;position:absolute}@keyframes burger-open-top{50%{background-color:red;transform:translate3d(0,12px,0)}to{background-color:blue;transform:translate3d(0,12px,0) rotate(45deg)}}@-webkit-keyframes burger-open-top{50%{background-color:red;transform:translate3d(0,12px,0)}to{background-color:blue;transform:translate3d(0,12px,0) rotate(45deg)}}@keyframes burger-open-bot{50%{transform:translate3d(0,-12px,0)}to{transform:translate3d(0,-12px,0) rotate(-45deg)}}@-webkit-keyframes burger-open-bot{50%{transform:translate3d(0,-12px,0)}to{transform:translate3d(0,-12px,0) rotate(-45deg)}}@keyframes burger-close-top{0%{transform:translate3d(0,12px,0) rotate(45deg)}50%{transform:translate3d(0,12px,0) rotate(0deg)}to{transform:translateZ(0)}}@-webkit-keyframes burger-close-top{0%{transform:translate3d(0,12px,0) rotate(45deg)}50%{transform:translate3d(0,12px,0) rotate(0deg)}to{transform:translateZ(0)}}@keyframes burger-close-bot{0%{transform:translate3d(0,-12px,0) rotate(-45deg)}50%{transform:translate3d(0,-12px,0) rotate(0deg)}to{transform:translateZ(0)}}@-webkit-keyframes burger-close-bot{0%{transform:translate3d(0,-12px,0) rotate(-45deg)}50%{transform:translate3d(0,-12px,0) rotate(0deg)}to{transform:translateZ(0)}}header .burger-menu-piece{border-top:2px solid #364f6b;display:block;left:0;margin:auto;position:absolute;right:0;transform-origin:50% 50%;transition:transform .4s ease-out;width:20px}header .burger-menu-piece:first-child{top:2px}header .burger-menu-piece:nth-child(2){opacity:1;top:10px;transition:transform .4s ease-out,opacity 0s linear .2s}header .burger-menu-piece:nth-child(3){top:18px}header .burger-click-region.active .burger-menu-piece:first-child{animation:burger-open-top .4s ease-out forwards;-webkit-animation:burger-open-top .4s ease-out forwards;top:-2px}header .burger-click-region.active .burger-menu-piece:nth-child(2){opacity:0;transition:transform .4s ease-out,opacity 0s linear .2s}header .burger-click-region.active .burger-menu-piece:nth-child(3){animation:burger-open-bot .4s ease-out forwards;-webkit-animation:burger-open-bot .4s ease-out forwards;top:22px}header .burger-click-region.closing .burger-menu-piece:first-child{animation:burger-close-top .4s ease-out forwards;-webkit-animation:burger-close-top .4s ease-out forwards}header .burger-click-region.closing .burger-menu-piece:nth-child(3){animation:burger-close-bot .4s ease-out forwards;-webkit-animation:burger-close-bot .4s ease-out forwards}header .header--main{background-color:#fff;height:60px;left:0;position:fixed;right:0;top:0;z-index:100}header .header--main .header--content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1240px;padding:10px 15px}header .header--main .header--content .white--logo{display:none}header .header--main .btn--main.connexion--header{-webkit-appearance:none;background:#ffcf00;color:#36506c;display:none;font-size:1rem;font-weight:700;margin:initial;padding:17px 27px;width:auto}header .header--main .btn--main.connexion--menu{margin:28px auto 0;width:90%}nav.navbar{position:unset}nav.navbar .navbar-collapse{background:#fff;height:100vh;left:0;overflow:scroll;padding-bottom:200px;position:absolute;right:0;top:100%}nav.navbar .item--header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:.25rem 9px;white-space:normal}nav.navbar .item--header .link--name{display:flex;flex-direction:column}nav.navbar .item--header i{opacity:0}nav.navbar .item--header:hover i{opacity:1}nav.navbar ul{margin-top:30px}nav.navbar ul li .nav-link{align-items:center;color:#36506c;display:flex;font-family:Manrope,sans-serif;font-size:1rem;font-style:normal;font-weight:bolder;justify-content:space-between;margin:10px auto;padding:0 20px;width:90%}nav.navbar ul li .nav-link:after{content:unset}nav.navbar ul li .nav-link i{transform:rotate(-90deg);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}nav.navbar ul li .nav-link i.active--link{transform:rotate(0)}nav.navbar ul li .title--nav{color:#36506c;font-family:Manrope,sans-serif;font-size:1rem;font-style:normal;font-weight:bolder;margin-bottom:15px}nav.navbar ul li .subtitle--nav{color:#aec2da;display:flex;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:bolder;letter-spacing:1.5px;margin:25px 0 5px;text-transform:uppercase}nav.navbar ul li .mt--exception{margin-top:24px}nav.navbar ul li h4.title--nav{margin-bottom:10px}nav.navbar ul li .content--link{height:auto;padding-left:12px;position:relative}nav.navbar ul li .content--link:before{background-color:#aec2da;bottom:0;content:"";height:calc(100% - 30px);left:0;position:absolute;top:15px;width:2px}nav.navbar ul li .content--link .no--padding{margin:0}nav.navbar ul li .link--name{color:#36506c;font-family:manrope,sans-serif;font-size:1rem;font-weight:400;line-height:150%;padding:10px 0}nav.navbar ul li .subtitle--nav_explanation{color:#637691;font-family:roboto,sans-serif;font-size:.85rem;line-height:150%;margin-top:5px}nav.navbar ul li .slide--left_content{margin:0 auto;padding:0 20px;width:90%}nav.navbar ul li .slide--right_content .sublink--content{display:flex;flex-direction:column;margin:0 auto;padding:20px;width:90%}nav.navbar ul li .slide--right_content .sublink--content .title--sublink{color:#ffcf00}nav.navbar ul li .slide--right_content .sublink--content a.nav--sublink{align-items:center;color:#36506c;display:inline-flex;font-family:manrope,sans-serif;font-size:1rem;margin:10px 0;padding:0;position:relative;text-decoration:none;width:max-content}nav.navbar ul li .slide--right_content .sublink--content a.nav--sublink img{margin-right:10px}nav.navbar ul li .slide--right_content .sublink--content a.nav--sublink:hover:after,nav.navbar ul li .slide--right_content .sublink--content a.nav--sublink:hover:before{left:33px;width:calc(100% - 33px)}nav.navbar ul li .slide--right_content .sublink--content a.nav--sublink:after,nav.navbar ul li .slide--right_content .sublink--content a.nav--sublink:before{content:"";height:3px;position:absolute;right:0;top:100%;width:0}nav.navbar ul li .slide--right_content .sublink--content a.nav--sublink:before{background:#ffcf00;transition:width .4s cubic-bezier(.51,.18,0,.88) .1s}nav.navbar ul li .slide--right_content .sublink--content a.nav--sublink:after{background:#ffcf00;transition:width .2s cubic-bezier(.29,.18,.26,.83)}nav.navbar ul li .slide--right_content .sublink--content a.be--shopper,nav.navbar ul li .slide--right_content .sublink--content a.discover--api{cursor:pointer;margin-top:30px}nav.navbar ul li .slide--right_content .sublink--content a.be--shopper:after,nav.navbar ul li .slide--right_content .sublink--content a.be--shopper:before,nav.navbar ul li .slide--right_content .sublink--content a.discover--api:after,nav.navbar ul li .slide--right_content .sublink--content a.discover--api:before{background:#fa6666;content:"";height:5px;position:absolute;right:0;top:calc(100% + 5px);width:100%}nav.navbar ul li .slide--right_content .sublink--content a.be--shopper:hover:after,nav.navbar ul li .slide--right_content .sublink--content a.be--shopper:hover:before,nav.navbar ul li .slide--right_content .sublink--content a.discover--api:hover:after,nav.navbar ul li .slide--right_content .sublink--content a.discover--api:hover:before{left:0;width:100%}nav.navbar ul li .slide--right_content .sublink--content a.be--shopper:after,nav.navbar ul li .slide--right_content .sublink--content a.be--shopper:before{background:#fa6666}nav.navbar ul li .slide--right_content .sublink--content a.discover--api:after,nav.navbar ul li .slide--right_content .sublink--content a.discover--api:before{background:#36506c}nav.navbar ul li .slide--right_pro{background-color:#fdf8e8}nav.navbar ul li .slide--right_shopper{background-color:hsla(0,94%,69%,.1)}nav.navbar ul li .slide--right_products{background-color:#e7eef7}nav.navbar ul .img--nav{background:#fff;border-radius:10px;display:none;height:120px;margin:15px 0 20px;width:100%}.item--header{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.item--header:focus,.item--header:hover{background:#e7eef7;border-radius:10px;padding:5px}.item--header i{color:#36506c;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.dd--menu{border:none;padding:0}.connexion--windows_content{display:flex;flex-direction:column;margin:0 auto;padding:20px}.connexion--windows_content .connexion--windows{align-items:center;display:flex;flex-direction:row;padding:5px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.connexion--windows_content .connexion--windows:hover{background-color:#e7eef7;border-radius:10px}.connexion--windows_content .connexion--windows .picto--connexion img{height:auto;width:30px}.connexion--windows_content .connexion--windows .text--connexion .nav-link{color:#36506c;display:flex;flex-direction:column;font-family:manrope,sans-serif;font-size:1rem;font-weight:700}.connexion--windows_content .connexion--windows .text--connexion .nav-link .subtitle--nav_explanation{color:#637691;font-size:.9rem;font-weight:400;margin-top:4px}.modal.show .modal-dialog{align-items:center;display:flex;height:100%;justify-content:center}.modal.show .modal-dialog .modal-content{border-radius:10px;padding:10px 0}@media screen and (min-width:992px){.dd--menu{border:none;padding:0}.dd--menu:before{background-color:#fff;border:1px solid #d0ddec;border-bottom:transparent;border-left:transparent;border-radius:3px;content:"";height:18px;left:10%;position:absolute;top:-8px;transform:translateX(-50%) rotate(-45deg);width:18px;z-index:1}.dd--deliver:before{left:15%}.dd--entreprise:before{left:25%}.dropdown--connexion:before{left:15%}header .white--logo_a{display:flex}header .not--homepage .white--logo_a{display:none}header .header--main.not--homepage .btn--main.connexion--header{background-color:#36506c;color:#fff}header nav.navbar#navbar--content{border:none;margin-left:0;position:relative;width:auto}header nav.navbar#navbar--content .navbar-collapse{height:100%;left:inherit;overflow:inherit;padding:0;position:static;top:inherit;width:100%}header nav.navbar#navbar--content .nav-link i{display:none}header nav.navbar#navbar--content .dropdown--pro{min-width:550px}header nav.navbar#navbar--content .dropdown--pro .slide--left_content{width:400px}header nav.navbar#navbar--content .dropdown--pro .slide--right_content{width:340px}header nav.navbar#navbar--content ul li .slide--right_content{border-radius:0 15px 15px 0}header nav.navbar#navbar--content ul li .slide--left_content{padding:30px 20px}header nav.navbar#navbar--content ul li .subtitle--nav{color:#36506c;font-weight:700;margin:5px 0;padding-left:10px}header nav.navbar#navbar--content .wrapper--slide_menu{display:flex}header nav.navbar#navbar--content .wrapper--slide_menu .content--link{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;padding:0;width:100%}header nav.navbar#navbar--content .wrapper--slide_menu .content--link:before{content:none}header nav.navbar#navbar--content .wrapper--slide_menu .content--link a.item--header{padding:0 10px}header nav.navbar#navbar--content .wrapper--slide_menu .content--link .link--name{white-space:normal}header nav.navbar#navbar--content .wrapper--slide_menu .content--link .link--name .explanation--nav{margin-right:20px}header nav.navbar#navbar--content .wrapper--slide_menu .large--border{border-top:1px solid #aec2da;padding-top:30px}header nav.navbar#navbar--content .wrapper--slide_menu .img--nav{display:flex}header nav.navbar#navbar--content .wrapper--slide_menu .img--nav img{height:100%;object-fit:cover;width:100%}header nav.navbar#navbar--content .wrapper--slide_menu .product--bg{background-color:#e7eef7}header nav.navbar#navbar--content ul{margin-top:0}header nav.navbar#navbar--content .wrapper--slide_menu{background:#fff;border:1px solid #d0ddec;border-radius:15px}header nav.navbar#navbar--content .slide--left_shopper{min-width:340px}header nav.navbar#navbar--content .slide--right_shopper{min-width:280px}header nav.navbar#navbar--content .slide--left_products{min-width:320px}header nav.navbar#navbar--content .slide--right_products{min-width:250px}header nav.navbar#navbar--content .slide--left_enterprise{min-width:240px}header nav.navbar#navbar--content .flex--row_item{width:50%}header nav.navbar#navbar--content ul li .mt--exception{margin-top:24px}.navbar-expand-lg .navbar-nav .dd--menu{background:transparent;border-radius:15px;border-top:20px solid transparent}header .header--main{background:transparent;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}header .header--main nav.navbar ul li .nav-link{color:#fff;margin:0 10px}header .header--main nav.navbar .navbar-collapse{background:transparent}header .header--main .btn--main.connexion--header{display:flex}header .header--main .btn--main.connexion--menu{display:none}header .header--main .header--content .white--logo{display:flex}header .header--main .header--content .yellow--logo{display:none}.header--main.active{background-color:#fff;filter:drop-shadow(0 4px 5px rgba(143,149,158,.3));height:auto}.header--main.active nav.navbar ul li .nav-link{color:#36506c}.header--main.active .header--content .white--logo_a{display:none}.header--main.active .header--content .yellow--logo{display:flex}.dd--menu.dropdown--connexion{background-color:transparent;border-top:20px solid transparent;min-width:320px}.dd--menu.dropdown--connexion .connexion--windows_content{background:#fff;border:1px solid #d0ddec;border-radius:15px}nav.navbar ul li .slide--right_content .sublink--content a.be--shopper:after,nav.navbar ul li .slide--right_content .sublink--content a.be--shopper:before,nav.navbar ul li .slide--right_content .sublink--content a.discover--api:after,nav.navbar ul li .slide--right_content .sublink--content a.discover--api:before{left:0;right:inherit;width:0}nav.navbar ul li .slide--right_content .sublink--content a.be--shopper:hover:after,nav.navbar ul li .slide--right_content .sublink--content a.be--shopper:hover:before,nav.navbar ul li .slide--right_content .sublink--content a.discover--api:hover:after,nav.navbar ul li .slide--right_content .sublink--content a.discover--api:hover:before{left:0;width:100%}}@media screen and (min-width:992px) and (max-width:1500px){header nav.navbar#navbar--content .wrapper--slide_menu{left:-23%;position:relative;width:100%}.dd--menu.dropdown--connexion .connexion--windows_content{left:-30%;position:relative;width:100%}.dropdown--connexion:before{display:none}.connexion--header .btn--main{width:100%}}