@font-face{font-family:"avantgarde";src:url("fonts/avantgarde.eot");src:url("fonts/avantgarde.eot?#iefix") format("embedded-opentype"),url("fonts/avantgarde.woff") format("woff"),url("fonts/avantgarde.ttf") format("truetype"),url("fonts/avantgarde.svg#avantgarde") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"icomoon";src:url("fonts/icomoon.eot?npdlsw");src:url("fonts/icomoon.eot?npdlsw#iefix") format("embedded-opentype"),url("fonts/icomoon.ttf?npdlsw") format("truetype"),url("fonts/icomoon.woff?npdlsw") format("woff"),url("fonts/icomoon.svg?npdlsw#icomoon") format("svg");font-weight:normal;font-style:normal}[class^=icon-],[class*=" icon-"]{font-family:"icomoon" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-worlwide:before{content:""}.icon-arrow-down:before{content:""}.icon-arrow-up:before{content:""}.icon-close:before{content:""}.icon-info:before{content:""}.icon-zoomIn:before{content:""}.icon-zoomOut:before{content:""}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;opacity:.5;background-color:#fff}.popup{position:absolute;top:50%;left:50%;z-index:101;color:#fff}.popup .icon-close{position:absolute;right:20px;top:15px;font-size:33px;cursor:pointer}.popup__logo{width:365px;height:35px;background:url("images/logo-EN-white.svg") no-repeat;background-size:contain;margin-bottom:50px}.popup__bottom{margin-top:50px;padding:0 20px}.popup__bottom .terms{font-size:16px;text-align:left;float:left;line-height:35px}.logo-white{float:right;width:148px;height:35px;background:url(images/logo-white.svg) no-repeat;background-size:contain}.btn-default{width:200px;display:inline-block;line-height:45px;text-align:center;background-color:#b1d576;text-transform:uppercase;color:#333132;font-size:16px;font-weight:bold}.col-6{width:50%;padding:0 20px;text-align:center;float:left}.col-6 p{margin-bottom:45px;line-height:1.13;font-family:"avantgarde"}.popup{width:460px;height:350px;padding:80px 60px;bottom:calc(100% + 32px);top:inherit;left:-230px;font-size:32px;background:url("images/info-bg.svg") no-repeat;background-size:cover;display:none}.popup p{font-size:22px;line-height:1.3}.popup i{font-size:33px !important}.popup .icon-close{right:20px;top:20px}.popup:before{position:absolute;content:"";right:50%;margin-right:-50px;bottom:-20px;width:0px;height:0px;border-left:17px solid rgba(0,0,0,0);border-right:17px solid rgba(0,0,0,0);border-bottom:17px solid #333132}.show{display:block !important}.popup.language-popup{padding-top:40px;padding-bottom:40px;height:550px}.popup.language-popup i.icon-close{top:30px}.popup.language-popup p{width:332px;margin-bottom:10px}.popup.language-popup p.desc{padding:0px 20px;margin-top:30px}.popup.language-popup p.notice{font-family:Futura;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:normal;text-align:center;margin:15px 0px}.popup.language-popup .btn-default{margin-bottom:20px}body{margin:0 auto;font-size:16px;font-family:"Futura","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.45;color:#333132;overflow-x:hidden}body.menu-open{overflow:hidden}*{box-sizing:border-box}.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}a{color:inherit;text-decoration:none}p{margin:0 0 20px;line-height:1.2}.hidden{display:none}.visible-xs{display:none}.container{max-width:1440px;margin:0 auto}@media(max-width: 549px){.container{padding:0 1.5rem}}header{padding:30px 0}.logo{width:430px;height:50px;background-repeat:no-repeat;float:left;background-size:contain}.logo.en{background-image:url("images/logo-EN.png")}.logo.fr{background-image:url("images/logo-FR.png")}.languages{float:right}.languages a{display:inline-block;padding:0 10px;line-height:40px}.languages a.active{font-weight:bold}.top-bar{width:100%;height:80px;background-color:#fff}.top-bar .container{position:relative}.menu-block{position:absolute;top:0;left:0;right:right;z-index:4}.menu-active{width:420px;height:90px;line-height:90px;padding:0 52px;cursor:pointer;background:url("images/manu-bg.svg") no-repeat 0 0}.menu-active a{width:280px;font-size:22px;display:inline-block;white-space:nowrap}.menu-list{width:377px;padding:10px 0;margin:5px 0 0 17px;background-color:#b1d576;max-height:480px;overflow-y:auto;display:none}.menu-block.open{z-index:6}.menu-block.open .menu-list{display:block}.menu-block.open .icon-arrow-down:before{content:""}.menu-item{line-height:30px;margin-bottom:5px}.menu-item>a{font-weight:bold}.menu-item a{display:block;padding:0 40px;cursor:pointer}.menu-item a:hover,.menu-item a.active{background-color:rgba(255,255,255,.4)}.menu-item a.hidden{display:none}.sub-menu-item a{padding-left:70px}.sub-menu-item-child a{padding-left:100px}main{margin-top:16px}.brain-area{width:60%;padding-right:80px;float:left;cursor:pointer}.brain-area.grab{cursor:grab}.brain-area.grabbing{cursor:grabbing}.brain-area canvas{width:554px;height:460px}aside{width:40%;float:right;font-size:16px;position:relative}aside .introduction{height:405px;padding-right:20px;overflow-y:auto;padding-bottom:30px}@media(min-width: 1000px){aside .introduction{height:550px}}aside .txt-lg{font-size:16px}@media(min-width: 768px){aside .txt-lg{font-size:22px}}aside h1{font-size:28px;font-family:"avantgarde";margin:10px 0;text-transform:uppercase}@media(min-width: 1000px){aside h1{font-size:26px}}aside .detail{max-height:520px;overflow-y:auto}aside h4{margin:0;font-size:14px}aside .shadow{position:absolute;content:"";bottom:0;left:0;width:100%;text-align:center;margin:0;padding:15px 0;background-image:linear-gradient(to bottom, rgba(244, 244, 244, 0), rgba(244, 244, 244, 0.65))}#cur-language{display:none}.action-block{display:flex;text-align:center;color:#fff;margin-top:30px;position:relative}@media screen and (max-width: 767px){.action-block{background-color:#333132}}.action-block .explode-view{margin:0 auto;max-width:700px;width:60%;height:80px;display:inline-block;background:url("images/explode-bg.svg") no-repeat;background-size:contain;vertical-align:top;padding-top:10px;opacity:0;visibility:hidden;transition:opacity .5s,visiblity .5s}.action-block .explode-view.active{opacity:1;visibility:visible}.action-block .action-bar{margin:0 auto;max-width:460px;width:40%;padding:12px 30px;height:80px;display:inline-block;background:url("images/action-bg.svg") no-repeat;background-size:contain;position:relative}.action-block .action-bar i{font-size:26px;line-height:30px;text-align:center;display:block}.action-block .action-bar-item{cursor:pointer;font-size:16px;display:inline-block;margin:0 10px;position:relative}.action-block .action-bar-item.active{color:#b1d576}.action-block .active,.action-block .active+span{color:#b1d576}#reset-button{all:unset;align-items:center;background-color:#333132;background-size:cover;color:#fff;cursor:pointer;display:flex;font-size:16px;padding:.5rem 1.25rem;position:absolute;right:0;-webkit-clip-path:polygon(10% 0%, 100% 0%, 90% 100%, 0 100%);clip-path:polygon(10% 0%, 100% 0%, 90% 100%, 0 100%);z-index:9999999999}body.menu-open #reset-button{z-index:auto}@media(max-width: 599px){#reset-button{top:5.5rem;left:1.125rem;right:auto}}#reset-button::before{background:url("images/icon-reset.svg") no-repeat;background-size:contain;content:"";display:block;height:20px;padding-right:.5rem;width:20px}#reset-button:hover{background-color:#645f61}#custom-slider{display:block;height:10px;width:90%;margin:14px auto 6px;position:relative;font-size:16px;text-transform:capitalize}#custom-slider .end{width:10px;height:10px;background:#fff;border-radius:50%;position:absolute;top:0px;z-index:1}#custom-slider .end.left{left:0px}#custom-slider .end.right{right:0px}#custom-slider .bar{background:#fff;position:absolute;display:inline-block}#custom-slider .bar.active{border:1px solid #fff;width:0;top:4px;left:0}#custom-slider .bar.inactive{top:4.5px;border:1px dashed #333132;width:100%;right:0}#custom-slider #slider{width:20px;height:20px;border:2px solid #fff;border-radius:50%;position:relative;left:-5.5px;top:-5px;background:#333132;z-index:3;cursor:pointer}#tooltip{position:fixed}.show-name-lable{line-height:36px;white-space:nowrap;font-size:22px;text-align:center;color:#fff;padding:0 28px;position:relative}.show-name-lable:before{position:absolute;content:"";border-top:36px solid #333132;border-left:14px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);height:0;width:100%;left:-14px;z-index:-1}@media screen and (min-width: 1024px)and (max-width: 1439px){.container{max-width:100%}header{padding:20px 0 10px 0}.action-block{margin-top:40px;position:fixed;bottom:0;width:100%;left:0}.action-block .explode-view{width:58%;background-size:cover}.action-block .action-bar-item{margin:0 5px}.information-popup{left:inherit;right:-48px}.information-popup:before{margin-right:-154px}}@media screen and (min-width: 768px)and (max-width: 1023px){header{padding:20px 0 10px 0}aside{width:100%;padding:0 20px;margin-bottom:90px}aside .introduction{overflow:inherit;padding-right:0}aside .shadow{display:none}.brain-area{width:100%;padding-right:0px}.brain-area canvas{width:700px;height:390px}.action-block{height:50px;background-color:#333132;position:fixed;width:100%;left:0px;bottom:0px}.action-block .action-bar,.action-block .explode-view{width:50%;height:65px;background-image:none}.action-block .explode-view{padding:10px 20px;float:left}.action-block .explode-view .action-block-text{display:none}.action-block .explode-view #custom-slider{margin:10px auto 6px}.action-block .action-bar{padding:3px 0 0;position:relative}.action-block .action-bar i{font-size:20px;line-height:28px;margin:0}.action-block .action-bar-item{position:initial;margin:0 5px;font-size:14px;position:initial}.action-block #toolbar{border-left:1px solid}}@media screen and (max-width: 767px){header{padding:10px 0px 10px}.logo{width:225px;height:30px;margin-top:10px}.hidden-xs{display:none}.visible-xs{display:block}.container{max-width:100%}.brain-area canvas{margin:0 auto;max-height:300px;width:100%}.menu-active{max-width:390px;height:80px;width:100%;background-size:cover;display:flex;align-items:center;line-height:inherit}.menu-list{width:100%;margin:0;position:fixed;top:0;left:0;right:0;bottom:0;max-height:inherit}.menu-list .close-menu-list{text-align:right;font-size:30px;cursor:pointer;margin:5px 15px -20px 0}.brain-area{width:90%;margin:0 5%;float:none;padding-right:0}aside{width:100%;float:none;font-size:16px;margin-bottom:120px}aside .introduction{height:auto;overflow:inherit;padding-right:0}aside h1{font-size:22px}aside .shadow{display:none}.action-block{display:flex;flex-direction:column-reverse;position:fixed;left:0;right:0;bottom:0;z-index:5}.action-block .explode-view,.action-block .action-bar{border-bottom:1px solid #fff;max-width:100%;display:block;width:100%;height:50px;background-color:#333132;background-image:none}.action-block .explode-view{padding-top:5px}.action-block .explode-view #custom-slider{width:80%;margin-top:10px}.action-block .action-bar{padding:0;position:relative}.action-block .action-bar i{line-height:50px}.action-block .action-bar-item{width:23%;text-align:center;margin:0;position:initial}.action-block .action-bar-item span{display:none}.action-block-text{margin-top:-5px;font-size:12px}.information-popup .replaced-en span{display:none}.information-popup .replaced-en:after{content:"Start exploring by rotating the brain and clicking on a structure, or choose structure from the bright yellow box on the top."}.information-popup .replaced-fr span{display:none}.information-popup .replaced-fr:after{content:"Commencer à explorer le cerveau en le faisant tourner et en cliquant sur une structure anatomique, ou en choisissant une structure dans la liste déroulante en haut."}}@media screen and (min-width: 768px)and (max-width: 1023px){.popup{right:0;left:inherit;bottom:calc(100% + 20px)}}@media screen and (max-width: 767px){.popup__bottom{margin-top:0}.popup__bottom .terms,.popup__bottom .logo-white{float:none;text-align:center;margin:0 auto}.popup{width:100%;max-width:inherit;height:auto;padding:80px 40px;top:inherit;left:0;bottom:calc(100% + 20px);background:url(images/info-bg-xs.svg) no-repeat center bottom;background-size:cover;margin-left:0}.popup .icon-close{top:10px}.information-popup:before{margin-right:30px;right:0}.popup.language-popup{height:auto}.popup.language-popup p{width:auto;height:auto}}