.extra-link,.extra-link-wrapper{display:block;width:30px;height:30px}.extra-button .icon>*,.extra-link svg>*{fill:#f6c058}.curtain,.extra-button,.extra-warning,.screen,.trailer{overflow:hidden}body{font-family:bebas-neue,sans-serif;font-size:16px;line-height:25px}.extra-warning,.main-menu-item h3>span{font-family:Georgia,serif}.extra-link-wrapper{opacity:0;visibility:hidden;position:absolute;bottom:60px;right:60px;z-index:100}.extra-link{opacity:.5;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.extra-link:hover{opacity:1}.extra-warning{display:none;position:absolute;top:0;left:0;width:100%;z-index:10000}.extra-warning>.inner{width:100%;height:auto;padding:15px 30px;color:#fff;background-color:#000;text-align:center}.extra-warning>.inner a{color:#f6c058;text-decoration:none;font-style:italic}.extra-warning-close{background-color:#fff;color:#000;border-radius:50%;display:inline-block;width:30px;height:30px;cursor:pointer;margin-left:30px}.extra-warning-close:hover{background-color:#f6c058}.main-menu-wrapper{position:absolute;left:0;width:100%;height:100%;z-index:10}.main-menu{position:absolute;top:0;left:153px;right:0;bottom:0}.main-menu-inner{height:100%;width:100%}.menu-wrapper{width:100%;height:83.3333%;position:relative}.next-button-wrapper{height:16.6667%;width:100%;position:relative}.main-menu-items{position:absolute;top:0;bottom:0;left:60px;right:0;list-style:none}.main-menu-item{display:block;width:100%;height:12.5%}.main-menu-item:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.main-menu-item .inner{text-decoration:none;display:inline-block;vertical-align:middle;width:95%;padding-left:30px}.main-menu-item h1,.main-menu-item h2{font-weight:400;text-decoration:none;font-size:40px;line-height:40px;color:transparent;text-shadow:0 0 1px #ccc,2px 2px 1px rgba(0,0,0,.4);position:relative;opacity:0}.menu-item-la-mort-aux-trousses h1,.menu-item-la-mort-aux-trousses h2,.menu-item-psychose h1,.menu-item-psychose h2{text-shadow:0 0 1px #ccc,1px 1px 1px rgba(0,0,0,.4)}.main-menu-item h3{color:#f6c058;font-weight:400;font-style:italic;padding-left:70px;position:relative;font-size:16px;line-height:25px}.main-menu-item h3>span{position:relative;opacity:0}.main-menu-item h3>span>span{font-style:normal}.main-menu-item h3>span>span:before{content:'\2022';display:inline-block;margin:0 8px 0 5px}.main-menu-item h3:before{content:'';display:block;height:1px;background-color:rgba(246,192,88,.2);position:absolute;bottom:13px;left:0;width:0;opacity:0}.main-menu-item h1,.main-menu-item h2,.main-menu-item h3>span{top:30px}.main-menu-item.from-below h1,.main-menu-item.from-below h2,.main-menu-item.from-below h3>span{top:-30px}.started .main-menu-item h1,.started .main-menu-item h2,.started .main-menu-item h3 span{-webkit-transition:top .3s ease-in,opacity .3s ease-in;transition:top .3s ease-in,opacity .3s ease-in;-webkit-transition-delay:.1s;transition-delay:.1s}.started .main-menu-item h3:before{-webkit-transition:width .3s ease-out,opacity .3s ease-out;transition:width .3s ease-out,opacity .3s ease-out}.started .main-menu-item h3 span,.started .main-menu-item h3:before{-webkit-transition-delay:0s;transition-delay:0s}.started .main-menu-item.from-below h3 span,.started .main-menu-item.from-below h3:before{-webkit-transition-delay:.1s;transition-delay:.1s}.started .main-menu-item.from-below h1,.started .main-menu-item.from-below h2{-webkit-transition-delay:0s;transition-delay:0s}.started .main-menu-item.active h1,.started .main-menu-item.active h2,.started .main-menu-item.active h3 span{top:0;opacity:1;-webkit-transition:top .4s ease-out,opacity .4s ease-out;transition:top .4s ease-out,opacity .4s ease-out;-webkit-transition-delay:0s;transition-delay:0s}.started .main-menu-item.active h3:before{width:60px;opacity:1;-webkit-transition:width .4s ease-out,opacity .4s ease-out;transition:width .4s ease-out,opacity .4s ease-out}.started .main-menu-item.active h3 span{-webkit-transition-delay:.2s;transition-delay:.2s}.started .main-menu-item.active h3:before{-webkit-transition-delay:.4s;transition-delay:.4s}.started .main-menu-item.active.from-below h3 span{-webkit-transition-delay:0s;transition-delay:0s}.started .main-menu-item.active.from-below h1,.started .main-menu-item.active.from-below h2{-webkit-transition-delay:.2s;transition-delay:.2s}.menu-progress{display:block;width:60px;height:100%;position:absolute;bottom:0;left:0}.menu-progress .line{display:block;width:1px;height:100%;position:absolute;bottom:0;left:30px;background-color:rgba(246,192,88,.4)}.menu-progress-inner{position:absolute;top:0;bottom:0;left:0;right:0}.menu-trigger{display:block;width:100%;height:12.5%;cursor:pointer;background-color:transparent;position:absolute;top:0;left:0;z-index:30}.menu-trigger .inner{display:block;width:4px;height:100%;background-color:#f6c058;position:absolute;top:0;right:29px}.started .menu-trigger .inner{-webkit-transition:width .3s ease-out,right .3s ease-out;transition:width .3s ease-out,right .3s ease-out}.menu-trigger:hover .inner{right:26px;width:7px}.extra-button{opacity:0;cursor:pointer;display:block;width:60px;height:60px;background:0 0;border-width:1px;border-style:solid;border-color:#f6c058;border-radius:30px;position:absolute;top:50%;left:0;margin-top:-30px}.extra-button.next-button{opacity:1}.extra-button .icon{position:absolute;top:50%;left:50%}.extra-button .icon-arrow{width:15px;height:20px;margin-left:-7px;margin-top:-10px}.extra-button .icon-restart{width:26px;height:28px;margin-left:-13px;margin-top:-15px;opacity:0;visibility:hidden}.extra-button .circle{position:absolute;top:0;left:0}.extra-button .circle>*{stroke:#f6c058}.extra-button.enabled{border-width:1px;-webkit-transition:border-width .2s ease-out,border-color .2s ease-out;transition:border-width .2s ease-out,border-color .2s ease-out}.extra-button.enabled:hover{border-width:4px}.extra-button.enabled:active{border-color:rgba(246,192,88,.6);-webkit-transition:border-width 0s ease-out,border-color 0s ease-out;transition:border-width 0s ease-out,border-color 0s ease-out}.extra-button.enabled .icon>*{-webkit-transition:fill .2s ease-out;transition:fill .2s ease-out}.extra-button.enabled:active .icon>*{fill:rgba(246,192,88,.6);-webkit-transition:fill 0s ease-out;transition:fill 0s ease-out}.video{position:absolute;display:block;width:100%;height:100%;top:0;left:0}#screen-wrapper{display:block;width:100%;height:100%;position:absolute;left:0}.screen{display:block;position:absolute;top:0;left:0;width:100%;height:100%}#vertigo{z-index:9}#les-oiseaux{z-index:8}#fenetre-sur-cour{z-index:7}#homme-qui-en-savait-trop{z-index:6}#la-mort-aux-trousses{z-index:5}#psychose{z-index:4}#trailer-wrapper{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:9;opacity:0;-webkit-transition:opacity 0s ease-out;transition:opacity 0s ease-out}.show-trailers #trailer-wrapper{opacity:1;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}#trailer-wrapper>.inner{display:block;width:100%;height:83.3333%;position:relative;padding:0}.trailer{display:block;width:100%;height:12.5%;position:relative;z-index:20}.trailer.active{visibility:hidden}.trailer .inner{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-position:center center;background-attachment:fixed}.curtain{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#1a1e24}#curtain-wrapper{display:block;width:100%;height:100%;position:absolute;top:0;left:0}#screen-wrapper,.main-menu-wrapper{top:100%}#intro,#outro,.intro-background,.intro-inner,.outro-background{display:block;width:100%;height:100%;position:absolute;top:0;left:0}#intro .line,#intro .line-wrapper{display:block;width:1px;height:120px}#outro{z-index:14}#intro{z-index:15}.outro-background{display:none;top:50%}#intro .line-wrapper{position:absolute;bottom:0;left:183px}#intro .line{background-color:rgba(246,192,88,.4);position:absolute;bottom:0;top:0;opacity:0}.start-button{top:auto;right:auto;bottom:160px;left:153px}#outro{top:100%;background-color:#1a1e24}.video .image-background{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-position:center center;background-size:cover}.video .image-background.vertical{display:none}@media only screen and (max-width:1100px){.extra-link-wrapper{right:30px}.main-menu,.start-button{left:53px}#intro .line-wrapper{left:83px}}@media only screen and (max-width:1100px)and (orientation:portrait){.video .image-background.horizontal{display:none}.video .image-background.vertical{display:block}}@media only screen and (max-width:690px){.extra-link-wrapper{right:10px;bottom:10px}.start-button{bottom:10px}.main-menu,.start-button{left:8px}#intro .line-wrapper{display:none;left:38px}.main-menu-item h1,.main-menu-item h2{font-size:30px;line-height:30px;text-shadow:0 0 0 #ccc,1px 1px 1px rgba(0,0,0,.8)}.main-menu-item h3{font-size:14px;line-height:20px;padding-left:40px}#trailer-wrapper{display:none}.main-menu-items{left:50px}.main-menu-item h1,.main-menu-item h2,.main-menu-item h3>span,.main-menu-item.from-below h1,.main-menu-item.from-below h2,.main-menu-item.from-below h3>span{top:0}.main-menu-item h1,.main-menu-item h2,.main-menu-item h3>span,.main-menu-item.from-below h1,.main-menu-item.from-below h2,.main-menu-item.from-below h3>span,.started .main-menu-item h3:before,.started .main-menu-item.active h1,.started .main-menu-item.active h2,.started .main-menu-item.active h3 span,.started .main-menu-item.active h3:before,.started .main-menu-item.active.from-below h1,.started .main-menu-item.active.from-below h2,.started .main-menu-item.active.from-below h3 span,.started .main-menu-item.from-below h3:before{-webkit-transition:none;transition:none;-webkit-transition-delay:0s;transition-delay:0s}.started .main-menu-item.active h3:before{width:30px}.main-menu-item{opacity:0;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.started .main-menu-item.active{opacity:1;-webkit-transition:opacity .4s ease-out;transition:opacity .4s ease-out}}@media only screen and (max-width:500px){.main-menu-item .inner{padding-left:0}.main-menu-item h1,.main-menu-item h2{font-size:25px;line-height:25px}}@media only screen and (max-width:360px){.main-menu-item h1,.main-menu-item h2{font-size:20px;line-height:20px}.main-menu-item h3{font-size:12px;line-height:20px}}@media only screen and (max-height:400px){.menu-wrapper{height:70%}.next-button-wrapper{height:30%}}