body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.splash-container{display:flex;flex-direction:column;align-items:center}.splash-container .title-container{margin:3em 0}.splash-container h2{text-align:center}.splash-container p{font-size:16px;margin:0 0 .5em}.splash-container ul li{font-size:16px}.splash-container .users-container{width:80%;display:flex;justify-content:space-between}.splash-container .users-container .user-item{padding:8px;margin:0 1em;cursor:pointer;background:#fff}.splash-container .users-container .user-item img{width:100%;height:auto;display:block}.splash-container .users-container .user-item h3{font-weight:700;text-align:center;margin:8px}.splash-container .users-container .user-item:hover{border:1px solid #d3d3d3}#gameplay3D-container{position:relative}#gameplay3D-container #inventory{position:absolute;left:8px;top:8px}#gameplay3D-container #inventory .selected{border:thin solid #d8325c;padding:5px}#gameplay3D-container #id3d{width:100%}#gameplay3D-container #id3d canvas{max-width:70vw;max-height:80vh}@media screen and (min-width:1281px){#gameplay3D-container #id3d canvas{max-width:70vw;max-height:80vh}}@media screen and (max-width:1280px){#gameplay3D-container #id3d canvas{max-width:850px;max-height:80vh}}@media screen and (max-width:1024px){#gameplay3D-container #id3d canvas{width:695px;max-width:100%;max-height:503px;height:100%}}.audio-container button{position:relative;width:30px;height:22px;padding:.5em;border-radius:5px;outline:none}.audio-container button span{display:block;position:absolute;top:1px;left:5px;font-size:20px}.input-container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-container input{position:absolute;opacity:0;cursor:pointer}.input-container .checkmark{position:absolute;top:0;left:0;height:22px;width:22px;background-color:#8f8f8f;border-radius:50%}.input-container:hover input~.checkmark,.input-container input:checked~.checkmark{background-color:#d8325c}.input-container .checkmark:after{content:"";position:absolute}.input-container input:checked~.checkmark:after{display:block}.input-container .checkmark:after{top:7px;left:7px;width:8px;height:8px;border-radius:50%;background:#fff}.qcm-container form .qcm-item{display:flex;align-items:center;margin:1em 0 0}.qcm-container form .qcm-item label{width:100%;font-weight:600;margin:0}.qcm-container form .qcm-item .audio-container{margin:auto}@media screen and (max-width:980px){.qcm-container form{display:flex;justify-content:center}.qcm-container form .qcm-item{margin:0 1.5em 0 0}.qcm-container form .qcm-item button{margin:0 0 0 .5em}}.pnc-container{max-width:640px;width:100%;margin:0 auto}.pnc-container .svg{position:relative}.pnc-container .svg svg{position:relative;z-index:100;opacity:0}.pnc-container .svg svg path{opacity:0}.pnc-container .svg svg path#clickArea{fill-opacity:1;opacity:1}.pnc-container .svg svg.show{display:block;opacity:.8}.pnc-container .svg svg.show #clickArea{fill:green}.pnc-container .svg img{width:100%;height:auto;position:absolute;left:0;top:0;z-index:1}.diorama-container{width:100%;max-width:640px;margin:0 auto}.diorama-container .carousel{position:relative}.diorama-container .carousel button{position:absolute;left:50%;top:50%;margin-left:-45px}.diorama-container .carousel .slide{width:640px;height:480px}.diorama-container .content{display:none}.diorama-container .content .arrow-container .svg{position:relative}.diorama-container .content .arrow-container .svg svg{z-index:100;position:relative}.diorama-container .content .arrow-container .svg svg path#errorZone{fill-opacity:0}.diorama-container .content .arrow-container .svg svg path.arrow{cursor:pointer;fill-opacity:1}.diorama-container .content .arrow-container .svg svg path.show{fill:green;fill-opacity:.8}.diorama-container .content .arrow-container .svg img{position:absolute;left:0;top:0;z-index:10}.diorama-container .hide{display:none}.diorama-container .show{display:block}.characters-container{display:flex;flex-wrap:wrap}.characters-container .audio-container{width:25%}.characters-container .audio-container .character-item{width:100%;cursor:pointer;padding:0 4px}.characters-container .audio-container .character-item img{display:block;margin:0 auto;width:100px}.characters-container .audio-container .character-item .character-name{display:block;margin:0 auto;width:50%;padding:4px 8px;border-radius:10px;background:#dad944;text-align:center;color:#049140;font-weight:600}.characters-container .audio-container .character-item .character-name:hover{background:#049140;color:#fff}.characters-container .audio-container .btn{display:block;margin:.2em auto}.drag-container .column{float:left;margin:0 1em;position:relative;z-index:10}.drag-container .column.list{width:20%;height:100%;min-height:355px;z-index:100;margin:0 0 2em;border-radius:10px;border:1px solid #d3d3d3;box-sizing:border-box}.drag-container .column.list h2{margin:.5em 0 0;text-align:center}.drag-container .column.list .droppable-item .draggable-item audio{width:100%;height:20px;display:block}.drag-container .column.item{width:16%}.drag-container .column.item img{display:block;width:80%;margin:0 auto}.drag-container .column.item .droppable-item{height:46px;padding:8px 0;border-radius:10px;border:1px solid #d3d3d3;box-sizing:border-box;outline:none}.drag-container .column.item .droppable-item .draggable-item audio{display:none}.drag-container .column .droppable-item{padding:8px}.drag-container .column .droppable-item.isDraggingOver{background:#add8e6}.drag-container .column .draggable-item{display:flex;margin:0 auto 1em;width:90%;padding:4px 8px;border-radius:10px;background:#dad944;text-align:center;color:#049140;font-weight:600}.drag-container .column .draggable-item span{text-align:center}.drag-container .column .draggable-item .audio-container{margin:0 0 0 auto}.drag-container .column .draggable-item.isDragging{background:#049140;color:#fff}.drag-container:last-child:after{display:block;content:"";width:100%;height:1px;clear:both}#chatbot{display:flex;align-items:center}#chatbot .audio-container{margin-left:auto}#feedback-container{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .2s ease-out;transition:all .2s ease-out}#feedback-container.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}#feedback-container #message span{font-weight:700;display:block}#feedback-container #message span#answer{color:#049140}#feedback-container #activity-message,#feedback-container #message{width:75%;margin:0 auto .8em;text-align:center}#feedback-container #activity-message{font-weight:700}#feedback-container button{margin:0 auto}#progress-bar{display:flex;justify-content:center}#progress-bar .progress-item{width:25px;border-radius:100%;background-color:#fff;text-align:center;font-weight:600;border:1px solid #435d7b;color:#435d7b;margin:0 0 0 .5em;position:relative}#progress-bar .progress-item:first-child{margin:0}#progress-bar .progress-item.selected{background-color:#435d7b;color:#fff}#progress-bar .progress-item.correct:after{display:block;content:"\2713";color:green;right:-3px;top:-11px;position:absolute;font-size:16px}#progress-bar .progress-item.error:after{display:block;content:"\2717";color:red;right:-3px;top:-11px;position:absolute;font-size:16px}#instruction-img img{display:block;width:100%;height:auto}.controls{width:100%;margin:0 0 1em}.controls img{display:block;margin:0 auto}.controls.mobile img.desktop,.controls img.tablet{display:none}.controls.mobile img.tablet{display:block}#instruction-text{display:flex;align-items:center}#activity-container{margin-top:2em}#activity-container .ant-breadcrumb{margin:1em 0}#activity-container #chat-container{display:flex}#activity-container #chat-container>div{margin:16px 0 1em}#activity-container #chat-container #chatbot{width:63%}#activity-container #chat-container #feedback-container{width:35%;margin-left:auto}#activity-container #exercice-container{display:flex}#activity-container #exercice-container .col.left{width:70%}#activity-container #exercice-container .col.right{width:28%;margin-left:auto}#activity-container #exercice-container .col.right #progress-bar{width:100%}#activity-container #exercice-container .col.right #gameplay-container,#activity-container #exercice-container .col.right #instructions-container,#activity-container #exercice-container .col.right #progress-bar{margin:0 0 1em}#activity-container #exercice-container .col.right #chatbot{margin:1em 0 0}#activity-container #exercice-container.module-3d .col.left{width:auto}#activity-container #exercice-container.module-3d .col.right{width:auto;padding:0 0 0 1em}@media screen and (max-width:980px){#activity-container #exercice-container{display:block}#activity-container #exercice-container .col.left,#activity-container #exercice-container .col.right{width:100%}#activity-container #exercice-container .col.left{margin:0 0 1em}#activity-container #exercice-container .col.left #instruction-img{text-align:center}#activity-container #exercice-container .col.left #instruction-img img{width:80%;display:inline-block}}.activities-container .title-container{margin:16px 0}.activities-container .items-container .activity-item{margin:0 0 1em}.activities-container .items-container .activity-item h3{font-weight:600}.activities-container .items-container .activity-item ul.chapter-items{list-style:none;padding:0;margin:0}.activities-container .items-container .activity-item ul.chapter-items li{display:inline-block;padding:.5em;margin:.5em}.activities-container .items-container .activity-item ul.chapter-items li a img{display:block;width:60px;height:auto}#logos{display:flex;align-items:center;margin:0 0 0 1em}#logos>div{width:100px;position:relative}#logos>div img{display:block;width:100%;height:auto}#logos>div#evib{width:150px;margin:0 0 0 1em}#logos>div#evib span{display:block;position:absolute;right:-135px;top:2px;background:#435d7b;color:#fff;font-weight:600;padding:.5em 1em}#main-nav{margin-left:auto}#main-nav .mobile-menu-close,#main-nav .mobile-menu-open{display:none}#main-nav .mobile-menu-open span{margin:9px 1em;color:#fff;font-size:32px}#main-nav .mobile-menu-close span{color:#333}#main-nav .menu-container ul{padding:0;margin:0}#main-nav .menu-container ul a{display:block;color:#fff;padding:15px 16px 14px;font-weight:600}#main-nav .menu-container ul li.nav-item{display:inline-block;position:relative;z-index:10}#main-nav .menu-container ul li.nav-item>a.selected,#main-nav .menu-container ul li.nav-item>a:hover{background:#fff;color:#d8325c}#main-nav .menu-container ul li.nav-item ul{width:100%;display:none;position:absolute;left:0;top:49px;border-radius:0 0 10px 10px;box-shadow:0 6px 8px rgba(0,0,0,.2)}#main-nav .menu-container ul li.nav-item ul li:last-child a{border-radius:0 0 10px 10px}#main-nav .menu-container ul li.nav-item ul li a.selected{color:#d8325c}#main-nav .menu-container ul li.nav-item:hover a{background:#fff;color:#333}#main-nav .menu-container ul li.nav-item:hover ul{display:block}@media screen and (max-width:768px){#main-nav .mobile-menu-close,#main-nav .mobile-menu-open{display:block}#main-nav .menu-container{position:fixed;right:0;top:0;z-index:100;height:100%;padding:1em;background:#fff;box-shadow:0 6px 8px rgba(0,0,0,.2);-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0);-webkit-transition:all .2s ease-out;transition:all .2s ease-out}#main-nav .menu-container.open{-webkit-transform:translateZ(0);transform:translateZ(0)}#main-nav .menu-container ul.primary a{color:#333;padding:1em}#main-nav .menu-container ul.primary li.nav-item{display:block}#main-nav .menu-container ul.primary li.nav-item>a{font-size:16px}#main-nav .menu-container ul.primary li.nav-item ul{display:block;position:relative;left:auto;top:auto;border-radius:0;box-shadow:none;padding:0 0 0 1.5em}}#footer{padding:26px 0;background-color:#003350;color:#fff;text-align:center}#footer>div{display:inline-block;vertical-align:top;padding:0 24px}#footer .evib-logo img{width:100%;height:auto;display:block}#footer .evib-contact span{display:block;padding-top:8px}#layout{background:#eee;min-width:730px}#layout #header{display:flex;height:50px;background:linear-gradient(116deg,#fff 30%,#435d7b 65%,#d8315c)}#content{min-height:100vh}.home-container{margin:16px auto}.home-container .items-container .card{margin:16px 0}.home-container .items-container .card a{text-decoration:none}.home-container .items-container .card a .item{margin:auto;padding:8px;background:#fff}.home-container .items-container .card a .item h2{color:#435d7b}.home-container .items-container .card a .item p{font-weight:600;text-align:left;margin:0;color:#333}.home-container .items-container .card .item{margin:auto;padding:8px;background:#fff}.home-container .items-container .card .item h2{color:grey}.home-container .items-container .card .item p{font-weight:600;text-align:left;margin:0;color:#333}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}ul{padding:0;list-style:none}p,ul{margin:0}.centered{width:98%;max-width:1280px;margin:0 auto}.centered-canvas{width:98%;max-width:90%;margin:0 auto}.card{width:auto;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:10px;padding:1em;box-shadow:0 0 8px rgba(0,0,0,.2);box-sizing:border-box}.card.content{border-radius:0;box-shadow:none;border:1px solid rgba(0,0,0,.1)}.directive-container h3{margin:0 0 .2em;color:#d8325c;font-size:18px}.directive-container p{width:100%;font-weight:600;font-size:18px;line-height:22px}.btn{display:block;background:#d8325c;border:none;border-radius:10px;color:#fff;padding:.3em 1em;cursor:pointer;font-weight:600;font-size:14px}#coming-soon{width:100%;max-width:1280px;margin:1em auto;display:flex;flex-direction:row}#coming-soon>.card{width:60%}#coming-soon .col{width:39%;margin-left:auto}#coming-soon .col .card:first-child{margin:0 0 1.5em}#coming-soon .col .card img{display:block;width:100%;height:auto}#coming-soon>.card .items{padding:2em 1em}#coming-soon>.card .items .item{margin:0 0 3em;padding:0 0 3em;border-bottom:1px solid #d3d3d3}@media screen and (max-width:768px){#coming-soon{display:block}#coming-soon .col,#coming-soon>.card{width:96%;margin:1em auto}}
/*# sourceMappingURL=main.deae00fd.chunk.css.map */