.openCloseMenu{display:none;background:#21c7ed;color:#fff;cursor:pointer;position:fixed;top:0;left:0;z-index:5;width:40px;height:40px;line-height:40px;text-align:center;-webkit-transition:left .8s ease 0s,color .6s ease 0s,background .6s ease 0s;-moz-transition:left .8s ease 0s,color .6s ease 0s,background .6s ease 0s;-o-transition:left .8s ease 0s,color .6s ease 0s,background .6s ease 0s;transition:left .8s ease 0s,color .6s ease 0s,background .6s ease 0s}.openCloseMenu.active,.openCloseMenu:hover{background:#666}nav{-webkit-transition:right .8s ease 0s,left .8s ease 0s,background .6s ease 0s;-moz-transition:right .8s ease 0s,left .8s ease 0s,background .6s ease 0s;-o-transition:right .8s ease 0s,left .8s ease 0s,background .6s ease 0s;transition:right .8s ease 0s,left .8s ease 0s,background .6s ease 0s;position:relative;z-index:4;font-size:16px}nav.scroll{background:rgba(0,0,0,.6)}nav .logoContainer{position:fixed;left:40px;top:20px}nav .logoContainer img{display:block;height:50px}nav .logoContainer img.logoWhite{display:none}nav .info{position:fixed;right:0;top:0;text-transform:uppercase;font-size:12px;font-weight:600;cursor:default;text-align:center}nav .info:hover{background:rgba(255,255,255,.6)}nav .info .titre{background:#fff;display:inline-block;padding:10px}nav .info .accroche{color:#fff;background:#21c7ed;display:inline-block;padding:10px}nav .info .accroche a{color:#fff}nav .langChoix{position:relative;display:block;margin-bottom:20px}nav .langChoix a{color:#fff;font-size:18px;font-weight:700}nav .langChoix a.responsive{display:none}nav .langChoix a:hover{color:#21c7ed}nav .esi{position:fixed;left:330px;top:20px}nav .allLinksLeft{line-height:80px;white-space:nowrap;position:fixed;left:0;top:50%;margin-top:60px;width:300px;font-weight:400;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}nav .allLinksLeft>*{color:#fff;margin:0 20px;text-transform:uppercase;display:inline-block;cursor:pointer;position:relative;vertical-align:top}nav .allLinksLeft>:after{content:"";position:absolute;top:55px;height:4px;background:#21c7ed;left:50%;margin-left:-15px;width:0;-webkit-transition:width .6s ease-out 0s;-moz-transition:width .6s ease-out 0s;-o-transition:width .6s ease-out 0s;transition:width .6s ease-out 0s}nav .allLinksLeft .active:after,nav .allLinksLeft :hover:after{width:30px}nav .allLinksLeft>*>i{font-size:20px}nav .allLinksLeft>.navSsLinks i{display:none;font-size:20px;position:absolute;margin-left:20px;margin-top:10px}nav .allLinksLeft>.navSsLinks i:hover{color:#999c9f}nav .allLinksLeft>.navSsLinks>.allSsLinks{position:absolute;background:rgba(0,0,0,.7);line-height:30px;text-align:left;padding:20px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .6s ease 0s,filter .6s ease 0s,visibility 0s linear .6s;-moz-transition:opacity .6s ease 0s,filter .6s ease 0s,visibility 0s linear .6s;-o-transition:opacity .6s ease 0s,filter .6s ease 0s,visibility 0s linear .6s;transition:opacity .6s ease 0s,filter .6s ease 0s,visibility 0s linear .6s;opacity:0;visibility:hidden}nav .allLinksLeft>.navSsLinks:hover>.allSsLinks{opacity:1;visibility:visible;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}nav .allLinksLeft>.navSsLinks>.allSsLinks>a{color:#fff;display:block}nav .allLinksLeft>.navSsLinks>.allSsLinks>a.active,nav .allLinksLeft>.navSsLinks>.allSsLinks>a:hover{color:#21c7ed}nav .allLinksLeftBottom{position:fixed;bottom:0;left:30px;border-bottom:10px solid #21c7ed;text-align:center}nav .allLinksLeftBottom>*,nav .allLinksLeftBottom>.espaceClient a{position:relative;display:block;color:#fff;font-size:20px;margin-bottom:20px;cursor:pointer}nav .allLinksLeftBottom>.active,nav .allLinksLeftBottom>.espaceClient a.active,nav .allLinksLeftBottom>.espaceClient a:hover,nav .allLinksLeftBottom>:hover{color:#21c7ed}nav .allLinksLeftBottom .espaceClient{position:relative}nav .allLinksLeftBottom .userDeco{position:absolute;top:-5px;right:-5px;font-size:14px}nav .allLinksLeftBottom .nbPanier{font-size:14px;position:absolute;left:100%;bottom:15px}nav .allLinksRight{position:fixed;left:100%;bottom:50%;margin-bottom:-375px;width:750px;z-index:4;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;line-height:80px;text-transform:uppercase;text-align:center;font-weight:400}nav .allLinksRight a{position:relative;display:inline-block;margin:0 20px;vertical-align:middle;color:#fff}nav .allLinksRight a:after{content:"";position:absolute;top:55px;height:4px;background:#21c7ed;left:50%;margin-left:-15px;width:0;-webkit-transition:width .6s ease-out 0s;-moz-transition:width .6s ease-out 0s;-o-transition:width .6s ease-out 0s;transition:width .6s ease-out 0s}nav .allLinksRight a.active:after,nav .allLinksRight a:hover:after{width:30px}