@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,700;0,800;1,500;1,700;1,800&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1px;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}ul{padding:0;list-style-type:none}li,ul{margin:0}*{outline:none}@keyframes arrow{0%,50%,to{transform:translateY(0)}25%{transform:translateY(10px)}}@keyframes popupIn{0%{opacity:0;transform:transform(-50%,-50%);margin-top:-30px}to{opacity:1;transform:transform(-50%,-50%);margin-top:0}}@keyframes overlayIn{0%{opacity:0}to{opacity:.75}}@keyframes wiggle{0%{transform:skewX(0deg) rotate(0deg)}20%{transform:skewX(-2deg) rotate(1deg)}40%{transform:skewX(1deg) rotate(-1deg)}60%{transform:skewX(-1deg) rotate(1deg)}80%{transform:skewX(2deg) rotate(-1deg)}to{transform:skewX(0deg) rotate(0deg)}}@keyframes upAndDown{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes intro{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}25%{opacity:1;transform:translate(-50%,-50%) scale(.7)}75%{opacity:1;transform:translate(-50%,-50%) scale(.9)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}button{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:57px;min-width:200px;background-color:#3cd3b9;border:3px solid #3cd3b9;border-radius:30px;font-size:16px;font-weight:700;line-height:1.25em;letter-spacing:0;margin:0}button.disable{background-color:#d2d6d5;border:3px solid #d2d6d5}button.next{position:relative;width:auto;text-align:left;padding:0 25px;border:none;height:57px}button.next:after{position:absolute;top:20px;right:18px;content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:7px solid #fff;background-size:contain}button.next.disable{background-color:#d2d6d5}button.back{position:relative}button.back:after{position:absolute;top:20px;left:12px;content:"";background-image:url(/img/fpmtl-arrow-back.png);background-size:contain;width:8.5px;height:15px}button.big{font-weight:700;font-size:24px}button.big.sec,button.home{border:3px solid #fff}button.home{height:42px;position:relative;padding-left:25px;background-color:transparent}button.home:after{position:absolute;top:9px;left:14px;content:"";border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:7px solid #fff;background-size:contain}button.discover{min-width:inherit;width:inherit;background-color:#fff;border:3px solid #fff;color:#000;height:25px;position:relative;line-height:1em;padding:0 10px 0 28px}button.discover:before{content:"";display:block;width:14px;height:15px;background-image:url(/img/question-mark_2x.png);background-size:contain;position:absolute;top:calc(50% - 1px);left:7px;transform:translateY(-50%)}*{font-family:Montserrat,sans-serif;color:#fff}span{display:inline-block}span.nowrap{white-space:nowrap}.p,p{font-size:16px;font-weight:500;line-height:1.25em;letter-spacing:0;margin:0}.bold{font-weight:700}label{font-size:14px;font-weight:400;line-height:1.25em;letter-spacing:0;margin:0}a,a:hover{text-decoration:none}.h1,h1,h2.h1,h3.h1{line-height:1.25em}.h1,.h2,h1,h2,h2.h1,h2.h2,h3.h1,h3.h2{font-family:Montserrat,sans-serif;color:#fff;font-size:28px;font-weight:700;margin:0}.h2,h2,h2.h2,h3.h2{line-height:1em;letter-spacing:0}.h3,h2.h3,h3,h3.h3{font-family:Montserrat,sans-serif;color:#fff;font-size:18px;font-weight:700;line-height:1.5em;letter-spacing:0;margin:0}.h2.underlined,.h3.underlined,h2.h2.underlined,h2.h3.underlined,h2.underlined,h3.h2.underlined,h3.h3.underlined,h3.underlined{border-bottom:2px solid #fff}.h3.secondary,h2.h3.secondary,h3.h3.secondary,h3.secondary{color:#fff}select{height:25px;border-radius:5px;font-size:16px;font-weight:500;line-height:1.25em;letter-spacing:0;margin:0;font-family:Montserrat,sans-serif;border:none;padding:0 5px}input,select,select option{color:#000}input{height:25px;padding:0 5px;font-family:Montserrat,sans-serif;border-radius:5px;border:none}body{background-color:#101010}body.no-scroll{overflow-y:hidden}body ::selection{color:#fff;background:#3cd3b9}.content .ctn-wrapper{padding:0 60px;max-width:769px;margin:auto}.content .ctn-wrapper section{height:calc(100vh - 60px)}.content .ctn-wrapper section.step{display:none}.content .ctn-wrapper section.step.active{display:block}.content .ctn-wrapper .wrap-button{display:flex;justify-content:center}header{background-color:#3cd3b9;height:60px;padding:0 35px;display:flex;align-items:center;justify-content:space-between}header a{font-weight:700;font-size:14px;position:relative;padding-left:18px;text-transform:uppercase}header a.hide{visibility:hidden}header a:after{position:absolute;top:calc(50% - 7px);left:0;content:"";display:block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:7px solid #fff}header img{width:72px;height:41px}#page-home{position:relative}#page-home .wrapper{position:relative;z-index:2}#page-home figure.background-shape{background-image:url(/img/background-shape-home.png);background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;margin:0}#page-home section.intro{position:relative;background-color:#3cd3b9;padding:50px 0 260px;box-sizing:border-box}#page-home section.intro .logo{width:203px;height:115px;margin-bottom:25px}#page-home section.intro p{font-size:18px}#page-home section.intro .align-bottom{position:absolute;bottom:130px;left:calc(50% - 100px);z-index:2;padding:0 0 40px}#page-home section.intro .align-bottom .arrow-container{position:absolute;bottom:-15px;left:calc(50% - 20px);width:40px;height:40px}#page-home section.intro .align-bottom .arrow-container figure.arrow{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #fff;margin:0;position:absolute;bottom:15px;left:calc(50% - 12px);animation:arrow 2s ease infinite}#page-home section.angle{height:200px;overflow:hidden;background-size:cover;background-color:#3cd3b9;position:relative}#page-home section.angle .rotated{background-color:#fff;transform:translate(0) rotate(0deg);height:10000px;width:100%;transform-origin:center;position:absolute;left:auto;top:50%;margin:0}#page-home section.angle .bottom-fill{display:none;position:absolute;top:50%;left:50%;background-color:#fff;width:100%;height:100%;margin:0}#page-home section.houses{background-color:#fff;background-size:cover;padding-top:35px;padding-bottom:50px}#page-home section.houses h2{color:#386353;margin-bottom:15px}#page-home section.houses h2 span{color:#3cd3b9}#page-home section.houses h2 span span{color:#386353}#page-home section.houses .house-items-container{display:flex;justify-content:center;align-items:flex-start}#page-home section.houses .column:first-child a.house-item{margin-bottom:15px;margin-right:16px}#page-home section.houses .column:nth-child(2){padding-top:49px}#page-home section.houses .column:nth-child(2) a.house-item{margin-bottom:10px}#page-home section.houses a.house-item{position:relative;display:block;padding-top:17px}#page-home section.houses a.house-item.andre img,#page-home section.houses a.house-item.claude img,#page-home section.houses a.house-item.france img,#page-home section.houses a.house-item.virginie img{width:72px;height:88px}#page-home section.houses a.house-item.josephine img,#page-home section.houses a.house-item.kristina img,#page-home section.houses a.house-item.patrice img{height:72px;width:88px}#page-home section.houses a.house-item.andre,#page-home section.houses a.house-item.josephine,#page-home section.houses a.house-item.kristina,#page-home section.houses a.house-item.patrice{padding-left:52px}#page-home section.houses a.house-item.andre span,#page-home section.houses a.house-item.josephine span,#page-home section.houses a.house-item.kristina span,#page-home section.houses a.house-item.patrice span{left:0;top:0}#page-home section.houses a.house-item.claude,#page-home section.houses a.house-item.france,#page-home section.houses a.house-item.virginie{padding-right:52px}#page-home section.houses a.house-item.claude span,#page-home section.houses a.house-item.france span,#page-home section.houses a.house-item.virginie span{right:0;top:0}#page-home section.houses a.house-item.andre span{color:#e2b437}#page-home section.houses a.house-item.claude span{color:#0566af}#page-home section.houses a.house-item.virginie{margin-bottom:5px}#page-home section.houses a.house-item.virginie span{color:#ea5454}#page-home section.houses a.house-item.france span{color:#d3acdd}#page-home section.houses a.house-item.patrice span{color:#91d3d4}#page-home section.houses a.house-item.kristina span{color:#99896a}#page-home section.houses a.house-item.josephine span{color:#910d43}#page-home section.houses a.house-item span{font-size:28px;position:absolute;font-weight:700}section.credits{background-color:#3cd3b9;position:relative;z-index:2;padding-top:25px;padding-bottom:20px}section.credits .row{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}section.credits .row.title{align-items:flex-start;margin-bottom:15px}section.credits .row.title .item{justify-content:flex-start}section.credits .row .item{width:calc(50% - 15px);display:flex;align-items:center;justify-content:center}section.credits .row .item img{max-width:100%}section.credits .row .item.full{width:100%}section.credits h3{font-size:14px}section.credits .logo-boite-interactive,section.credits .logo-fpm{width:138px;height:auto}section.credits .logo-conseil-arts-montreal{width:67px;height:auto}section.credits .logo-calq{width:113px;height:auto}section.credits .logo-montreal,section.credits .logo-quebec{width:114px;height:auto}section.credits .logo-conseil-arts-canada,section.credits .logo-patrimoine{width:138px;height:auto}@media screen and (max-width:1024px){#page-home section.angle .rotated{transform:translate(-50%,-50%) rotate(80deg);left:calc(50% + 7px);top:calc(50% + 100px);width:200px}#page-home section.angle .bottom-fill{display:block}}@media screen and (max-width:600px){#page-home section.angle .rotated{transform:translate(-50%,-50%) rotate(73deg)}}@media screen and (max-width:400px){#page-home section.angle .rotated{transform:translate(-50%,-50%) rotate(66deg)}}#page-instructions{background-color:#123f31;background-image:url(/img/background-shape-intructions.jpg);background-size:cover}#page-instructions section{box-sizing:border-box;position:relative;padding-bottom:220px;padding-top:40px}#page-instructions section .wrapper{padding:0 60px}#page-instructions section h1{margin-bottom:25px}#page-instructions section img{display:block;margin:auto auto 40px;max-width:100%}#page-instructions section .page-count,#page-instructions section p{font-size:18px}#page-instructions section p{margin-bottom:10px}#page-instructions section p.smaller{font-size:16px}#page-instructions section button{margin-bottom:15px;min-width:150px;padding:0 25px;white-space:nowrap}#page-instructions section .page-count{text-align:center;display:block}#page-instructions section .align-bottom{position:absolute;bottom:105px;left:50%;transform:translateX(-50%);z-index:2}.popup{max-width:450px;width:calc(100% - 70px);display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:50px 40px 40px;border-radius:20px;opacity:0;animation:popupIn .5s ease;box-sizing:border-box;z-index:999}.popup.info h2{font-size:18px;line-height:20px;margin-bottom:25px;text-transform:uppercase}.popup.info p{font-size:16px;font-weight:500;line-height:1.25em;letter-spacing:0;margin:0}.popup .details{padding-top:40px}.popup .details p{margin-bottom:10px}.popup .details p:last-child(){margin-bottom:0}.popup.active{display:block;opacity:1}.popup .close-popup{width:50px;height:50px;position:absolute;right:0;top:0}.popup .close-popup figure{margin:0;position:absolute;background-color:#000;width:20px;height:2px;border-radius:50%;display:block;top:50%;left:50%}.popup .close-popup figure:first-child{transform:translate(-50%,-50%) rotate(45deg)}.popup .close-popup figure:nth-child(2){transform:translate(-50%,-50%) rotate(-45deg)}.overlay{display:none;position:fixed;z-index:998;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:0;animation:overlayIn .5s ease}.overlay.active{display:block;opacity:.75}.introduction{padding-top:40px;box-sizing:border-box;padding-bottom:205px;position:relative}.introduction .title-container{width:100%;position:relative}.introduction span.welcome{margin-bottom:10px}.introduction h1{font-size:36px;line-height:1em;margin-bottom:15px}.introduction span.number{position:absolute;top:0;right:0;font-weight:700;font-size:20px}.introduction img.house{position:absolute;bottom:0;right:0;width:46px;height:57px}.introduction img.house.rotated{right:-10px;height:46px;width:57px}.introduction .discover{margin-bottom:45px}.introduction h2{font-size:18px;line-height:20px;margin-bottom:25px;text-transform:uppercase}.introduction p{padding-right:25px}.introduction .wrapper{padding-left:60px}.introduction .align-bottom{position:absolute;bottom:120px;left:50%;transform:translateX(-50%)}.game-instructions{box-sizing:border-box;padding-bottom:280px;position:relative}.game-instructions .instruction-item{padding-left:25px;position:relative;margin-bottom:20px}.game-instructions .instruction-item:last-child{margin-bottom:0}.game-instructions .instruction-item .item-label{position:absolute;top:0;left:0}.game-instructions .instruction-item .item-label span{font-size:18px}.game-instructions .instruction-item .item-label img{width:16px;height:16px;margin-left:-2px;margin-top:3px}.game-instructions .instruction-item p{font-size:18px}.game-instructions .align-bottom{position:absolute;bottom:130px;left:50%;transform:translateX(-50%);text-align:center}.game-instructions .align-bottom button{display:block}.game-instructions button.home{margin-top:20px}.info-container{height:85px;position:relative;display:flex;align-items:center;justify-content:flex-start}.info-container p{font-weight:700;padding-right:50px}.info-container .info-icon-container{width:41px;height:40px;position:absolute;top:50%;right:-9px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.info-container .info-icon-container img{width:23px;height:23px}.drawing-game{padding-bottom:205px;position:relative;box-sizing:border-box}.drawing-game .align-bottom{position:absolute;bottom:120px;left:50%;transform:translateX(-50%)}.drawing-game-container{touch-action:"none"}.drawing-game-container .drawing-board{position:relative;padding-bottom:300px;touch-action:"none";-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.drawing-game-container .drawing-board>div{background-color:transparent!important;z-index:3;opacity:.8;touch-action:"none"}.drawing-game-container .drawing-board>div,.drawing-game-container .drawing-board img{top:50%;left:50%;width:300px;height:300px;position:absolute;transform:translate(-50%,-50%)}.drawing-game-container .drawing-board img{z-index:2;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.countdown{position:relative}.countdown .circle{width:230px;height:230px;box-sizing:border-box;border:8px solid #fff;display:flex;justify-content:center;align-items:center;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.countdown .circle span{font-size:150px;font-weight:700}.redraw-game{box-sizing:border-box;padding-bottom:200px;position:relative}.redraw-game .replay-board-ctn{height:100vh;position:relative;min-height:300px}.redraw-game .redraw-intro{height:300px;width:300px;position:absolute;bottom:0;left:283px}.redraw-game .redraw-intro img{width:202px;height:114.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:intro 10s linear;opacity:0}.redraw-game .replay-board{margin:auto;height:300px;width:300px;position:absolute;bottom:0;left:283px}.redraw-game .replay-board>div{background-color:transparent!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.8}.redraw-game .replay-board>div.hide{opacity:0}.redraw-game .replay-board .replay-background{background-color:#000;height:300px;width:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;display:block}.redraw-game .replay-board .replay-background.hide{opacity:0}.redraw-game .align-bottom{position:absolute;bottom:130px;left:50%;transform:translateX(-50%)}.game-video{box-sizing:border-box;padding-bottom:200px;padding-top:35px;position:relative}.game-video .video-container .react-player{position:relative;top:auto;left:auto;width:100%!important;height:auto!important}.game-video .align-bottom{position:absolute;bottom:130px;left:50%;transform:translateX(-50%)}.select-game{padding-bottom:205px;position:relative;box-sizing:border-box}.select-game .select-container{height:300px;display:flex;align-items:center;justify-content:center;background-size:cover;background-color:#a31d54;background-position:bottom}.select-game .select-container .select{position:relative;margin-left:10px;display:inline-block}.select-game .select-container .select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:150px;font-size:14px;height:24px;border:none;color:#910d43;margin-top:5px;font-weight:700;background-color:#fff}.select-game .select-container .select:after{display:block;content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #910d43;position:absolute;right:8px;top:14px}.select-game .select-container p{font-weight:700}.select-game .select-container.select-1{background-image:url(/img/josephine/01_riviere.jpg)}.select-game .select-container.select-2{background-image:url(/img/josephine/02_lac.jpg)}.select-game .select-container.select-3{background-image:url(/img/josephine/03_tundra.jpg)}.select-game .select-container.select-4{background-image:url(/img/josephine/04_aurore.jpg)}.select-game .select-container.select-5{background-image:url(/img/josephine/05_terre.jpg)}.select-game .align-bottom{position:absolute;bottom:120px;left:50%;transform:translateX(-50%)}.poem-game{padding-bottom:205px;position:relative;box-sizing:border-box}.poem-game .poem-container{display:flex;justify-content:center}.poem-game .poem-container p{margin-bottom:25px}.poem-game .align-bottom{position:absolute;bottom:120px;left:50%;transform:translateX(-50%)}.order-game{padding-bottom:205px;position:relative;box-sizing:border-box}.order-game .order-container{display:block;font-size:0}.order-game .order-container>div{display:inline-block;width:calc(50% - 3px);position:relative;overflow:hidden}.order-game .order-container>div img{position:relative;z-index:5}.order-game .order-container>div .number{position:absolute;width:100%;height:100%;background-color:rgba(240,111,111,.75);display:flex;justify-content:center;align-items:center;z-index:6;top:0;left:0}.order-game .order-container>div .number span{display:flex;width:50px;height:50px;border:3px solid #fff;border-radius:50%;font-size:24px;color:#fff;font-weight:700;justify-content:center;align-items:center;background-color:#ea5454}.order-game .order-container>div:first-child{margin:0 3px 3px 0}.order-game .order-container>div:nth-child(2){margin:0 0 3px 3px}.order-game .order-container>div:nth-child(3){margin:3px 3px 0 0}.order-game .order-container>div:nth-child(4){margin:3px 0 0 3px}.order-game .order-container img{max-width:100%}.order-game .align-bottom{position:absolute;bottom:120px;left:50%;transform:translateX(-50%)}.input-game{padding-bottom:205px;position:relative;box-sizing:border-box}.input-game .poem-container{margin:auto;display:flex;justify-content:center}.input-game .poem-container .centerer{width:200px}.input-game .poem-container input{border-radius:5px;height:24px;display:inline-block;font-size:16px;color:#99896a;font-weight:700;box-sizing:border-box;border:2px solid #fff}.input-game .poem-container input.valid{border-color:#3cd3b9}.input-game .poem-container input.input-1{width:66px}.input-game .poem-container input.input-2{width:56px}.input-game .poem-container input.input-3{width:78px}.input-game .poem-container input.input-4{width:70px}.input-game .poem-container input.input-5{width:108px}.input-game .poem-container p{font-size:18px;font-weight:700;line-height:1.65em}.input-game .poem-container p:nth-child(2){line-height:1.25em;font-size:16px;padding-top:15px}.input-game .align-bottom{position:absolute;bottom:120px;left:50%;transform:translateX(-50%)}.fish-game{padding-bottom:205px;position:relative;box-sizing:border-box}.fish-game .fish-game-container{width:300px;height:300px;background-color:#c8eded;margin:auto;position:relative;overflow:hidden}.fish-game .fish-game-container #outer-dropzone{position:absolute;width:100%;height:100%;z-index:4;margin:0;border:none;padding:0}.fish-game .fish-game-container #inner-dropzone{height:170px;width:170px;position:absolute;top:calc(50% - 85px);left:calc(50% - 85px);margin:0;border:none;padding:0;z-index:5}.fish-game .fish-game-container #inner-dropzone .fish{background-image:url(/img/fishes/red-fish.png);background-size:contain;background-position:50%;width:100%;height:100%;position:absolute;top:0;left:0;animation:wiggle 6s ease-in-out 0s infinite;opacity:1;transition:top 3s,left 3s,opacity 3s}.fish-game .fish-game-container #inner-dropzone .fish.free{opacity:.4;top:-300px;left:300px}.fish-game .fish-game-container .drag-drop{display:block;position:absolute;z-index:6;touch-action:none;transform:translate(0);transition:opacity .3s ease;width:100px;padding:0;border:none;margin:0;transform-origin:center}.fish-game .fish-game-container .drag-drop .fish{background-image:url(/img/fishes/blue-fish.png);background-size:contain;background-position:50%;width:100%;height:100%;position:absolute;top:0;left:0;animation:upAndDown 4s ease-in-out 0s infinite}.fish-game .fish-game-container .drag-drop.removed{opacity:0}.fish-game .fish-game-container .drag-drop#fishDrop1{position:absolute;top:150px;left:150px;width:157.0833333333px;height:47.9166666667px}.fish-game .fish-game-container .drag-drop#fishDrop2{position:absolute;top:120px;left:135px;width:117.8125px;height:35.9375px}.fish-game .fish-game-container .drag-drop#fishDrop2 .fish{animation-delay:-1s}.fish-game .fish-game-container .drag-drop#fishDrop3{position:absolute;top:100px;left:100px;width:94.25px;height:28.75px}.fish-game .fish-game-container .drag-drop#fishDrop3 .fish{animation-delay:-2s}.fish-game .fish-game-container .drag-drop#fishDrop4{position:absolute;top:135px;left:90px;width:157.0833333333px;height:47.9166666667px}.fish-game .fish-game-container .drag-drop#fishDrop4 .fish{animation-delay:-4s}.fish-game .fish-game-container .drag-drop#fishDrop5{position:absolute;top:90px;left:170px;width:134.6428571429px;height:41.0714285714px}.fish-game .fish-game-container .drag-drop#fishDrop5 .fish{animation-delay:-3s}.fish-game .fish-game-container .drag-drop#fishDrop6{position:absolute;top:170px;left:80px;width:125.6666666667px;height:38.3333333333px}.fish-game .fish-game-container .drag-drop#fishDrop6 .fish{animation-delay:-1.5s}.fish-game .align-bottom{position:absolute;bottom:120px;left:50%;transform:translateX(-50%)}@media screen and (max-width:375px){.introduction h1{font-size:30px}}#page-andre{background-color:#e2b437;background-image:url(/img/background-shape-andre.jpg);background-size:cover;overflow:hidden}#page-andre.no-background{background-image:none;background-color:#f0c95e}#page-andre .redraw-intro{background-color:#eeca5c}#page-andre .discover{color:#e2b437}#page-andre .discover:before{background-image:url(/img/info-icon-andre_2x.png)}#page-andre .popup h2,#page-andre .popup p{color:#e2b437}#page-andre .popup .close-popup figure{background-color:#e2b437}#page-andre .redraw-game .replay-board .replay-background{background-color:transparent}#page-claude{background-color:#0566af;background-image:url(/img/background-shape-claude.jpg);background-size:cover}#page-claude .discover{color:#0566af}#page-claude .discover:before{background-image:url(/img/info-icon-claude_2x.png)}#page-claude .popup h2,#page-claude .popup p{color:#0566af}#page-claude .popup .close-popup figure{background-color:#0566af}#page-france{background-color:#d3acdd;background-image:url(/img/background-shape-france.jpg);background-size:cover;overflow:hidden}#page-france.no-background{background-image:none;background-color:#e1bbeb}#page-france .redraw-game .replay-board{left:auto;right:283px}#page-france .redraw-game .redraw-intro{background-color:#e9baf0;left:auto;right:283px}#page-france .discover{color:#d3acdd}#page-france .discover:before{background-image:url(/img/info-icon-france_2x.png)}#page-france .popup h2,#page-france .popup p{color:#d3acdd}#page-france .popup .close-popup figure{background-color:#d3acdd}#page-france .redraw-game .replay-board .replay-background{background-color:transparent}#page-josephine{background-color:#910d43;background-image:url(/img/background-shape-josephine.jpg);background-size:cover}#page-josephine .discover{color:#910d43}#page-josephine .discover:before{background-image:url(/img/info-icon-josephine_2x.png)}#page-josephine .popup h2,#page-josephine .popup p{color:#910d43}#page-josephine .popup .close-popup figure{background-color:#910d43}#page-patrice{background-color:#91d3d4;background-image:url(/img/background-shape-patrice.jpg);background-size:cover}#page-patrice .discover{color:#91d3d4}#page-patrice .discover:before{background-image:url(/img/info-icon-patrice_2x.png)}#page-patrice .popup h2,#page-patrice .popup p{color:#91d3d4}#page-patrice .popup .close-popup figure{background-color:#91d3d4}#page-virginie{background-color:#ea5454;background-image:url(/img/background-shape-virginie.jpg);background-size:cover}#page-virginie .introduction h1{font-size:22px}#page-virginie .introduction .house{bottom:-12px}#page-virginie .discover{color:#ea5454}#page-virginie .discover:before{background-image:url(/img/info-icon-virginie_2x.png)}#page-virginie .popup b,#page-virginie .popup h2,#page-virginie .popup p{color:#ea5454}#page-virginie .popup .close-popup figure{background-color:#ea5454}#page-virginie .info-container p{font-size:14px}#page-kristina{background-color:#99896a;background-image:url(/img/background-shape-kristina.jpg);background-size:cover}#page-kristina .introduction h1{font-size:20px}#page-kristina .introduction .house{bottom:-12px}#page-kristina .discover{color:#99896a}#page-kristina .discover:before{background-image:url(/img/info-icon-kristina_2x.png)}#page-kristina .popup h2,#page-kristina .popup p{color:#99896a}#page-kristina .popup .close-popup figure{background-color:#99896a}#page-kristina .info-container p{font-size:14px}.wrapper{max-width:769px;padding:0 35px;margin:auto;box-sizing:border-box}.view-sized{min-height:100vh}.view-sized.with-header{min-height:calc(100vh - 60px)}section.step{display:none}section.step.active{display:block}.player-wrapper{position:relative;padding-top:56.25%}.react-player{position:absolute;top:0;left:0}