*,*::before,*::after{box-sizing:border-box}
#navigation .wrapper-menu{position:absolute;background:#fff;top:-1500px;width:100%;-webkit-transition:top .6s linear;-moz-transition:top .6s linear;-o-transition:top .6s linear;transition:top .6s linear;-webkit-transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}
@media only screen and (max-width:768px){#navigation .wrapper-menu{top:-1950px;overflow-y:scroll}
}
#navigation.active .wrapper-menu{top:0;height:calc(100vh - 37px);-webkit-overflow-scrolling:touch;overflow-y:scroll}
#navigation.active .wrapper-menu.android{height:auto;-webkit-overflow-scrolling:touch;overflow-y:scroll}
#navigation.active .wrapper-menu.ios-styled{top:115px;-webkit-overflow-scrolling:touch;overflow-y:scroll;height:calc(100vh - 156px)}
#navigation.active .nav-footer{top:40px}
#navigation .menu-list a:hover p{box-shadow:none}
.wrapper-menu .menu-container{padding:20px 20px 40px;font-family:'AvenirMedium',Georgia,Helvetica,Arial,sans-serif;max-width:946px;margin:0 auto;width:100%}
@media only screen and (max-width:768px){.wrapper-menu .menu-container{padding:10px}
}
.menu-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.menu-list .top-menu-items{margin:0 0 8px;display:flex;justify-content:space-between}
.menu-list .top-menu-items a{width:calc(50% - 5px);border:solid 1px #e7e7e7;font-family:"AvenirHeavy";font-size:11px;color:#000;text-transform:uppercase;letter-spacing:0}
.menu-list .menu-item{max-width:calc(50% - 20px);margin-bottom:20px;position:relative;display:block;box-sizing:border-box}
@media only screen and (max-width:768px){.menu-list .menu-item{max-width:calc(50% - 5px);margin-bottom:10px;flex:0 0 50%}
}
.menu-list .menu-item a{display:block;overflow:hidden}
.menu-list .menu-item a:before{display:none}
.menu-list .menu-item img{display:block;width:100%;height:auto}
.menu-list .menu-item .title{text-align:center;text-transform:uppercase;line-height:50px;font-size:13px;font-weight:900;color:#000;transition:.3s ease all;position:absolute;bottom:0;left:0;right:0;background:#fff;border:solid 1px #e7e7e7;border-top:0}
@media only screen and (max-width:725px){.menu-list .menu-item .title{line-height:normal;padding:8px 0;font-size:9px;letter-spacing:-0.09em}
}
.menu-list .menu-item:hover .title{background:#000;color:#fff;border:solid 1px #000;border-top:0}
@media only screen and (min-width:421px){#navigation.active .wrapper-menu{top:0}
#navigation.active .nav-footer{top:20px}
}
@media(min-width:768px){.menu-list .menu-item{max-width:calc((100% / 3) - 20px)}
}
@media only screen and (min-width:769px){.wrapper-menu .menu-container{padding:20px 10px 40px}
.menu-list{justify-content:space-around}
.menu-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.menu-list .menu-item{max-width:calc(25% - 20px)}
.menu-list .menu-item img{display:block;width:100%;height:auto}
}
*,*::before,*::after{box-sizing:border-box}
#navigation{position:fixed;background-color:#000;color:#fff;width:416px;height:100vh;transform:translate3d(-416px,0,0);transition:transform .6s ease;display:flex;align-items:center;justify-content:center;top:0;z-index:4}
#navigation.cq-Editable-dom{transform:translate3d(0,0,0);position:relative;width:100%;height:300px}
@media screen and (max-width:768px){#navigation{transform:translate3d(-100%,0,0);opacity:0;transition:transform .6s ease}
}
@media screen and (max-width:767px){#navigation{display:block;overflow:auto;padding:10px 40px}
}
#navigation.open{transform:translate3d(0,0,0);transition:transform .6s ease}
@media screen and (max-width:768px){#navigation.open{width:100vw;border:0;transition:transform .6s ease}
}
#navigation.open.landscape{height:200%;overflow-y:scroll;position:absolute;width:100vw;display:block}
#navigation.open.landscape .inner{height:200%;position:relative;overflow-y:scroll}
#navigation.open.landscape .inner .menu{position:relative;height:auto;display:block;margin-left:40px;left:initial;transform:none}
#navigation.open.landscape .inner .close-mobile{display:block}
#navigation.open.landscape .inner .externals{position:relative;bottom:inherit !important;margin-top:90px;left:40px}
#navigation.open.landscape .inner .langs{right:initial;left:30px;top:20px}
#navigation.open.landscape .inner .social{bottom:inherit !important;position:relative;margin-top:30px;left:40px;justify-content:left;width:calc(100% - 40px)}
#navigation a{text-decoration:none;font-family:"AvenirRoman";font-size:14px;letter-spacing:1px;line-height:35px;color:#fff;font-weight:300}
#navigation a:hover,#navigation a.active{font-family:"AvenirHeavy";font-weight:700}
#navigation .langs{position:absolute;right:74px;top:35px}
@media screen and (max-width:768px){#navigation .langs{right:initial;left:30px;top:20px}
}
#navigation .langs .languages{display:flex;align-items:center;align-content:center;justify-content:center}
#navigation .langs li{padding:0 10px;position:relative}
@media screen and (max-width:768px){#navigation .langs li:first-child{padding:0 10px 0 0}
}
#navigation .langs li a{line-height:initial;font-size:12px}
#navigation .langs li:first-child:after{content:'';position:absolute;height:12px;width:1px;background-color:#fff;right:0;top:50%;transform:translateY(-50%)}
#navigation .langs span{text-transform:uppercase;font-size:12px;letter-spacing:.55px;font-family:"AvenirBook"}
#navigation .langs li.active span{font-family:"AvenirBlack"}
#navigation .close-mobile{display:none;position:absolute;top:20px;right:30px;width:20px;height:17px;z-index:99}
#navigation .close-mobile .close-picto{display:block;width:100%;height:100%;position:absolute;top:0}
#navigation .close-mobile .close-picto:after{content:'';display:block;background-color:#fff;height:2px;transform:rotate(45deg);width:100%;left:0;top:8px;position:absolute}
#navigation .close-mobile .close-picto:before{transform:rotate(-45deg);bottom:initial;content:'';display:block;background-color:#fff;height:2px;width:100%;left:0;top:8px;position:absolute}
@media screen and (max-width:768px){#navigation .close-mobile{display:block}
}
#navigation .menu{width:270px;left:50%;top:75px;transform:translate3d(-50%,0,0);position:absolute}
@media screen and (max-width:768px){#navigation .menu{left:30px;top:60px;transform:translate3d(0,0,0);width:calc(100% - 60px)}
}
#navigation .menu .home{font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;display:block}
@media screen and (max-width:768px){#navigation .menu .home{margin-bottom:25px;font-size:12px}
}
@media screen and (max-width:450px){#navigation .menu .home{font-size:10px;line-height:13px;margin-bottom:10px}
}
#navigation .menu>ul{list-style:none;margin:0;padding:0}
#navigation .menu>ul>li{border-bottom:solid 1px rgba(255,255,255,0.7);max-height:45px;height:auto;display:block;position:relative;overflow:hidden;font-family:"AvenirRoman";transition:max-height .3s linear}
@media screen and (max-width:768px){#navigation .menu>ul>li{transition:max-height .6s linear}
}
#navigation .menu>ul>li.extend{max-height:400px;transition:max-height .6s linear}
#navigation .menu>ul>li>a{cursor:pointer;line-height:35px;display:block;text-transform:uppercase;position:relative;padding:5px 0}
@media screen and (max-width:768px){#navigation .menu>ul>li>a{font-size:16px;letter-spacing:1px}
}
@media screen and (max-width:450px){#navigation .menu>ul>li>a{font-size:11px;line-height:20px}
}
#navigation .menu>ul>li>a.submenu:after{content:'';display:block;position:absolute;width:16px;height:2px;background-color:#fff;right:0;top:50%;transform:translate3d(0,-50%,0)}
#navigation .menu>ul>li>a.submenu:before{left:inherit;content:'';display:block;position:absolute;width:16px;height:2px;background-color:#fff;right:0;transition:opacity .6s linear;top:50%;opacity:1;transform:translate3d(0,-50%,0) rotate(90deg)}
#navigation .menu>ul>li>a.extend.submenu:before{opacity:0;transition:opacity .6s linear}
#navigation .menu>ul>li>ul{height:0;position:relative;display:block;overflow:hidden;transition:height .6s ease;list-style:none;margin:0;padding:0 0 15px}
#navigation .menu>ul>li>ul.extend{height:100%;transition:height .6s ease}
@media screen and (max-width:450px){#navigation .menu>ul>li>ul{padding:0}
}
#navigation .menu>ul>li>ul>li{line-height:35px;font-family:"AvenirRoman";font-size:12px}
@media screen and (max-width:768px){#navigation .menu>ul>li>ul>li{font-size:14px}
}
@media screen and (max-width:450px){#navigation .menu>ul>li>ul>li{font-size:11px;line-height:18px}
}
#navigation .menu>ul>li>ul>li a{text-decoration:none;font-family:"AvenirRoman";font-size:12px;line-height:22px;letter-spacing:1px;cursor:pointer;color:#fff;font-weight:300}
@media screen and (max-width:768px){#navigation .menu>ul>li>ul>li a{font-size:14px}
}
@media screen and (max-width:450px){#navigation .menu>ul>li>ul>li a{font-size:11px}
}
#navigation .menu>ul>li>ul>li a:before{display:none}
#navigation .menu>ul>li>ul>li a:hover{font-weight:700}
#navigation .externals{position:absolute;bottom:110px;left:75px;width:150px}
@media screen and (max-width:768px){#navigation .externals{bottom:140px;left:30px;width:130px}
}
@media screen and (max-width:767px){#navigation .externals{bottom:90px;position:absolute}
}
@media screen and (max-width:400px){#navigation .externals{width:130px;bottom:60px}
}
#navigation .externals a{font-family:"AvenirRoman";font-size:12px;line-height:35px;text-transform:uppercase;letter-spacing:1px;border-bottom:solid 1px rgba(255,255,255,0.7);border-top:solid 1px rgba(255,255,255,0.7);display:block}
@media screen and (max-width:768px){#navigation .externals a{font-size:14px;letter-spacing:1.17px}
}
@media screen and (max-width:450px){#navigation .externals a{font-size:11px;line-height:20px}
}
#navigation .externals a:hover{font-weight:700;font-family:"AvenirHeavy"}
#navigation .social{position:absolute;left:75px;bottom:30px;display:flex;justify-content:center;align-items:center}
@media screen and (max-width:768px){#navigation .social{left:30px;bottom:80px}
}
@media screen and (max-width:767px){#navigation .social{left:30px;bottom:30px;position:absolute}
}
@media screen and (max-width:400px){#navigation .social{bottom:10px}
}
#navigation .social p{font-family:"AvenirRoman";font-size:12px;letter-spacing:.56px;line-height:30px;color:#fff;margin:0 10px 0 0}
#navigation .social a{display:block;width:42px;height:42px;margin:0 5px;position:relative;line-height:unset}
#navigation .social a:before{display:none}
@media screen and (max-width:768px){.loaded #navigation{opacity:1;transition-property:transform,opacity;transition-duration:.6s,0.01s;transition-delay:.01s,.8s;transition-timing-function:ease,linear}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px){.loaded #navigation .social{bottom:88px !important}
.loaded #navigation .externals{bottom:140px !important}
}
@media only screen and (device-width:375px) and (-webkit-device-pixel-ratio:3),only screen and (device-width:414px) and (-webkit-device-pixel-ratio:2){.loaded #navigation .social{bottom:125px !important}
.loaded #navigation .externals{bottom:175px !important}
}