*{box-sizing:border-box}@font-face{font-family:Lato;font-style:italic;src:local('Lato Italic'),local('Lato-Italic'),url(../fonts/lato-v15-latin-italic.woff2) format('woff2'),url(../fonts/lato-v15-latin-italic.woff) format('woff')}@font-face{font-family:Lato;src:local('Lato Regular'),local('Lato-Regular'),url(../fonts/lato-v15-latin-regular.woff2) format('woff2'),url(../fonts/lato-v15-latin-regular.woff) format('woff')}@font-face{font-family:Lato;font-style:italic;font-weight:700;src:local('Lato Bold Italic'),local('Lato-BoldItalic'),url(../fonts/lato-v15-latin-700italic.woff2) format('woff2'),url(../fonts/lato-v15-latin-700italic.woff) format('woff')}@font-face{font-family:Lato;font-weight:700;src:local('Lato Bold'),local('Lato-Bold'),url(../fonts/lato-v15-latin-700.woff2) format('woff2'),url(../fonts/lato-v15-latin-700.woff) format('woff')}*{font-family:Lato}html,body{margin:0;background:white;overflow:hidden;background:#373332;background:linear-gradient(to bottom,#330d0f 0,#380e11 51%,#5a1a1e 71%,#220709 100%)}canvas{width:100%;height:100%}#details{color:#fff;position:absolute;top:60px;left:100px}#details:before{content:'';width:38px;border-bottom:2px solid #9f2720;position:absolute;left:-45px;top:25px}#details h1{color:#fff;font-size:26px;font-style:italic;font-weight:400;margin:0;line-height:1em}#details .auteur{color:#fff;font-size:18px;font-weight:700;text-transform:uppercase}#details .materiaux,#details .date_auteur{font-size:18px;color:#fff}#details p{margin:0}#stats{position:absolute;left:0;top:0;z-index:9}#progress{position:absolute;left:50%;top:50%;transform:translateX(-50%)}.popin{position:absolute;left:0;max-width:400px;width:400px;top:190px;background:#fff;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:40px;transform:translateX(-101%);transition:transform .5s;max-height:calc(100vh - 200px);padding-right:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-bottom:20px}.popin .top{-ms-flex-negative:0;flex-shrink:0}.popin--close{position:absolute;right:0;top:0;border:none;text-align:center;background:none;font-size:40px;line-height:0;color:#383436;font-weight:100;padding:10px;width:40px;height:40px;outline:none}.popin h2:after{content:'';position:absolute;bottom:10px;left:0;width:40px;border-bottom:2px solid #9f2720}.popin h2{position:relative;font-size:21px;text-transform:uppercase;color:#383436;padding-bottom:20px}.popin:after{content:'';bottom:20px;height:50px;width:calc(100% - 80px);position:absolute;background:linear-gradient(to top,#fff 0,rgba(255,255,255,0) 100%);pointer-events:none}.popin .desc{position:relative;padding-right:20px;overflow-y:auto;padding-bottom:20px}.desc::-webkit-scrollbar{background:linear-gradient(90deg,#d1d1d1 2px,white 2px);background-position:80% 0;background-repeat:repeat-y;background-size:50%}.desc::-webkit-scrollbar-thumb{background:#615353;border-radius:10px;margin-left:20px}.popin .top img{width:100%}.popin .texte{color:#fff;font-size:18px}.popin.active{transform:none}.popin .legende{font-size:14px;padding-bottom:20px}#tools{position:absolute;right:60px;bottom:100px}input[type=checkbox]{margin:10px;position:relative;width:60px;height:24px;-webkit-appearance:none;background:#2b2b2b;outline:none;border-radius:26px;border:none;box-shadow:inset 0 0 10px #000}input[type=checkbox]:before{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:white;border-radius:50%;transition:.5s}input:checked[type=checkbox]:before{transform:translateX(37px)}form{text-align:center}label{font-size:12px;font-weight:700;text-transform:uppercase;color:#fff}@media(min-width:769px){.desc img{max-width:304px}}@media screen and (max-width:768px){#details{top:10px;left:30px}#details:before{top:18px;width:20px;left:-25px}#details h1{font-size:20px}#details p{font-size:15px!important}.popin{max-height:100vh;max-width:100vw;width:100vw;border-radius:0;top:0;height:100vh;z-index:9}#tools{right:10px;bottom:10px}}.loading #tools{display:none}progress{display:block;width:300px;margin:2em auto;padding:4px;border:0 none;background:#444;border-radius:14px;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.2)}progress::-moz-progress-bar{border-radius:12px;background:#FFF;box-shadow:inset 0 -2px 4px rgba(0,0,0,.4),0 2px 5px 0 rgba(0,0,0,.3)}@media screen and (-webkit-min-device-pixel-ratio:0){progress{height:25px}}progress::-webkit-progress-bar{background:transparent}progress::-webkit-progress-value{border-radius:12px;background:#FFF;box-shadow:inset 0 -2px 4px rgba(0,0,0,.4),0 2px 5px 0 rgba(0,0,0,.3)}#move{display:none}