html{overscroll-behavior:none}
body{touch-action:pan-x pan-y}
body,body *{margin:0;padding:0;border:0;text-decoration:none;color:unset;user-select:none;-webkit-user-select:none}
body *::-webkit-scrollbar{display:none}
*,*::before,*::after{box-sizing:border-box}
h1,h2,h3,h4,h5,h6{text-wrap:balance}
p,ul,ol{margin-bottom:1em}
ul,ol{padding-left:1.5em}
button{cursor:pointer}
@font-face{font-family:"Circular";src:url("../themes/quiz/assets/fonts/circular/CircularXXSub-RegularSubset.woff2") format("woff2");font-weight:400;font-style:normal}
@font-face{font-family:"Circular";src:url("../themes/quiz/assets/fonts/circular/CircularXXSub-MediumSubset.woff2") format("woff2");font-weight:500;font-style:normal}
@font-face{font-family:"Circular";src:url("../themes/quiz/assets/fonts/circular/CircularXXSub-MediumItalicSubset.woff2") format("woff2");font-weight:500;font-style:italic}
@font-face{font-family:"Circular";src:url("../themes/quiz/assets/fonts/circular/CircularXXSub-BoldSubset.woff2") format("woff2");font-weight:700;font-style:normal}
@font-face{font-family:"Circular";src:url("../themes/quiz/assets/fonts/circular/CircularXXSub-BoldItalicSubset.woff2") format("woff2");font-weight:700;font-style:italic}
@font-face{font-family:"Circular";src:url("../themes/quiz/assets/fonts/circular/CircularXXSub-BlackSubset.woff2") format("woff2");font-weight:900;font-style:normal}
@font-face{font-family:"Circular";src:url("../themes/quiz/assets/fonts/circular/CircularXXSub-BlackItalicSubset.woff2") format("woff2");font-weight:900;font-style:italic}
body.oc-loading,body.oc-loading *{cursor:wait !important}
.stripe-loading-indicator{height:5px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:2000}
.stripe-loading-indicator .stripe,.stripe-loading-indicator .stripe-loaded{height:5px;display:block;background:#0090c0;position:absolute;-webkit-box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF;box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF}
.stripe-loading-indicator .stripe{width:100%;-webkit-animation:oc-infinite-loader 60s linear;animation:oc-infinite-loader 60s linear}
.stripe-loading-indicator .stripe-loaded{width:0;opacity:0;filter:alpha(opacity=0)}
.stripe-loading-indicator.loaded{opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.4s linear;transition:opacity 0.4s linear;-webkit-transition-delay:0.3s;transition-delay:0.3s}
.stripe-loading-indicator.loaded .stripe-loaded{opacity:1;filter:alpha(opacity=100);-webkit-transition:width 0.3s linear;transition:width 0.3s linear;width:100% !important}
.stripe-loading-indicator.hide{display:none}
body>p.flash-message{position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#fff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-shadow:0 -1px 0px rgba(0,0,0,0.15);text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
body>p.flash-message.fade{opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
body>p.flash-message.fade.in{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
body>p.flash-message.success{background:#8da85e}
body>p.flash-message.error{background:#c30}
body>p.flash-message.warning{background:#f0ad4e}
body>p.flash-message.info{background:#5fb6f5}
body>p.flash-message button.close{float:none;position:absolute;right:10px;top:8px;color:white;font-size:21px;line-height:1;font-weight:bold;opacity:0.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;outline:none}
body>p.flash-message button.close:hover,body>p.flash-message button.close:focus{color:white;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)}
@media (max-width:768px){body>p.flash-message{left:10px;right:10px;top:10px;margin-left:0;width:auto}}
[data-request][data-request-validate] [data-validate-for]:not(.visible),[data-request][data-request-validate] [data-validate-error]:not(.visible){display:none}
a.oc-loading:after,button.oc-loading:after,span.oc-loading:after{content:"";display:inline-block;vertical-align:middle;margin-left:0.4em;height:1em;width:1em;animation:oc-rotate-loader 0.8s infinite linear;border:0.2em solid currentColor;border-right-color:transparent;border-radius:50%;opacity:0.5;filter:alpha(opacity=50)}
@-moz-keyframes oc-rotate-loader{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}
@-webkit-keyframes oc-rotate-loader{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
@-o-keyframes oc-rotate-loader{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(360deg)}}
@-ms-keyframes oc-rotate-loader{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(360deg)}}
@keyframes oc-rotate-loader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@-moz-keyframes oc-infinite-loader{0%{width:0}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.130859375%}60%{width:97.0724487305%}70%{width:98.5892057419%}80%{width:99.3594339117%}90%{width:99.7475567005%}100%{width:99.9423761471%}}
@-webkit-keyframes oc-infinite-loader{0%{width:0}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.130859375%}60%{width:97.0724487305%}70%{width:98.5892057419%}80%{width:99.3594339117%}90%{width:99.7475567005%}100%{width:99.9423761471%}}
@-o-keyframes oc-infinite-loader{0%{width:0}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.130859375%}60%{width:97.0724487305%}70%{width:98.5892057419%}80%{width:99.3594339117%}90%{width:99.7475567005%}100%{width:99.9423761471%}}
@-ms-keyframes oc-infinite-loader{0%{width:0}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.130859375%}60%{width:97.0724487305%}70%{width:98.5892057419%}80%{width:99.3594339117%}90%{width:99.7475567005%}100%{width:99.9423761471%}}
@keyframes oc-infinite-loader{0%{width:0}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.130859375%}60%{width:97.0724487305%}70%{width:98.5892057419%}80%{width:99.3594339117%}90%{width:99.7475567005%}100%{width:99.9423761471%}}
header{color:#243;height:131px;padding:35px 24px}
header.bg-green{padding-left:36px}
header h1{padding:0;margin:0}
header h2{padding:0;margin:0;font-weight:normal}
footer{padding:18px;display:flex;justify-content:space-between;height:100px}
footer .languages-bar{display:grid;grid-template-columns:0fr;overflow:hidden;transition:grid-template-columns 0.5s}
footer .languages-bar .languages-bar-inner{display:flex;gap:18px;overflow:hidden;opacity:0;transform:translateX(-100px);transition:opacity 0.5s,transform 0.5s}
footer .languages-bar.open{grid-template-columns:1fr}
footer .languages-bar.open .languages-bar-inner{opacity:1;transform:translateX(0)}
.card{display:flex;border:1px solid #c3ce32;text-align:left}
.card .card-content{padding:16px;flex:1;max-height:256px;overflow-y:scroll}
.card .card-content h2,.card .card-content .h2{font-size:26px}
.scroll-container{position:relative;display:flex;height:100%;overflow:hidden}
.scroll-container>.scroll-container-inner{overflow-x:hidden;overflow-y:auto}
.scroll-container::before,.scroll-container::after{content:"";position:absolute;z-index:10;left:0;right:0;opacity:0;display:block;height:150px;pointer-events:none;transition:opacity 0.3s}
.scroll-container.loading::before,.scroll-container.loading::after{transition:none}
.scroll-container::before{top:0}
.scroll-container::after{bottom:0}
.scroll-container.loading:not(.start)::before,.scroll-container.loading:not(.end)::after,.scroll-container.loaded:not(.start)::before,.scroll-container.loaded:not(.end)::after{opacity:1}
.scroll-container.bg-green::before{background:linear-gradient(0deg,rgba(34,68,51,0) 0%,#243 100%)}
.scroll-container.bg-green::after{background:linear-gradient(180deg,rgba(34,68,51,0) 0%,#243 100%)}
.scroll-container.bg-gray::before{background:linear-gradient(0deg,rgba(246,246,246,0) 0%,#f6f6f6 100%)}
.scroll-container.bg-gray::after{background:linear-gradient(180deg,rgba(246,246,246,0) 0%,#f6f6f6 100%)}
.flex{display:flex}
.flex-column{display:flex;flex-direction:column}
.d-none{display:none !important}
.w-100{width:100%}
.mb-15{margin-bottom:15px}
.mb{margin-bottom:1em}
.mb-auto{margin-top:auto !important}
.mt-auto{margin-top:auto !important}
.pt-6{padding-top:6px}
.border-0{border:0 !important}
.gap-15{gap:15px}
.gap-16{gap:16px}
.gap-18{gap:18px}
.gap-24{gap:24px}
.gap-32{gap:32px}
button,.btn{display:inline-block;background-color:#243;text-align:center;color:#fff;font-size:28px;font-weight:700;padding:12px 24px;border:2px solid #243}
button.square,.btn.square{display:flex;justify-content:center;align-items:center;width:60px;height:60px;padding:14px}
.active{color:#243;background-color:#fff;border-color:white}
.outlined{border-color:#243;color:#243;background-color:#fff}
.bordered{border-color:#c3ce32}
.rounded-bl{border-bottom-left-radius:12px}
.rounded-br{border-bottom-right-radius:12px}
.bg-green{background-color:#243}
.text-white{color:#fff}
html,body{width:100%;height:100%}
body{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#243;font-family:Circular,sans-serif;background-color:#000;font-size:30px;line-height:1.15}
body>.container{--container-padding:18px;max-width:1180px;max-height:820px;padding:var(--container-padding)}
h1,.h1{font-size:50px;font-weight:700}
h2,.h2{font-size:30px;font-weight:700;word-wrap:break-word}
h3,.h3{font-size:30px;font-weight:400;word-wrap:break-word}
small,.text-sm{font-size:18px;line-height:1.3333}
p:not(:last-child){margin-bottom:15px}
.list-unstyled{list-style-type:none;padding:0;margin:0}
.languages{display:flex;justify-content:center;gap:18px;margin-top:27px}body *{-ms-overflow-style:none;scrollbar-width:none}
.page-404>.container,.page-500>.container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;background:linear-gradient(0deg,rgba(0,0,0,0.3),rgba(0,0,0,0.6),rgba(0,0,0,0.3)),url("../themes/quiz/assets/images/bg_intro.jpg") no-repeat;background-size:cover;text-align:center;color:#fff}
.page-404>.container main,.page-500>.container main{width:100%;display:flex;flex-direction:column;gap:50px;justify-content:center;align-items:center}
.page-intro>.container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;width:100%;background:linear-gradient(0deg,rgba(0,0,0,0.3),rgba(0,0,0,0),rgba(0,0,0,0.3)),url("../themes/quiz/assets/images/bg_intro.jpg") no-repeat;background-size:cover;text-align:center;color:#fff}
.page-intro>.container main{width:100%;display:flex;flex-direction:column;gap:75px;justify-content:center;align-items:center}
.page-intro>.container .logos{display:flex;gap:146px;justify-content:space-between}
.page-intro>.container .logos img{filter:drop-shadow(0 0 40px rgba(0,0,0,0.75))}
.page-intro>.container .intro-text{font-size:30px;line-height:1.25;text-shadow:0 0 40px rgba(0,0,0,0.75)}
.page-intro>.container .title{font-weight:700}
.page-intro>.container .subtitle{font-weight:normal}
.page-intro>.container .enter{margin-bottom:35px}
.page-sommaire>.container{display:flex;flex-direction:column;width:100%;height:100%;background:#243;text-align:center;color:white}
.page-sommaire>.container h1{max-width:24ch;display:block;margin-bottom:38px}
.page-sommaire>.container main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:83px}
.page-sommaire>.container .summary{display:grid;grid-template-columns:repeat(2,1fr);column-gap:48px;row-gap:16px;width:100%;max-height:363px;overflow:scroll;position:relative}
.page-game>.container{display:flex;flex-direction:column;height:100%;width:100%;padding:0;color:#243;background-color:white}
.page-game>.container main{display:flex;align-items:stretch;flex:1;overflow:hidden;background-color:#f6f6f6}
.page-game>.container main .image-left{width:100%;height:100%;object-fit:contain}
.page-game>.container main .column-right{flex-shrink:0;width:434px;height:100%}
.page-game>.container #quiz-content{flex:1;overflow:hidden}
.page-game>.container .quiz-description{font-weight:700;flex:1;overflow:hidden}
.page-game>.container .question-counter{margin-bottom:0.17em}
.page-game>.container .question-title{font-size:40px;margin-bottom:0.5em}
.page-game>.container .content{padding:24px;font-size:18px;width:100%;display:flex;flex-direction:column;justify-content:space-between}
.page-game>.container .answer,.page-game>.container .finish{color:#fff;background-color:#243;height:100%}
.page-game>.container .answer>section,.page-game>.container .finish>section{gap:47px;display:flex;align-items:flex-start}
.page-game>.container .answer .col-left,.page-game>.container .finish .col-left{max-height:100%}
.page-game>.container .answer .col-right,.page-game>.container .finish .col-right{flex-shrink:0;width:350px;max-height:100%;margin-top:12px}
.page-game>.container .answer .explanation,.page-game>.container .finish .explanation{grid-area:1}
.page-game>.container .answer .qr-white,.page-game>.container .finish .qr-white{filter:invert(100%)}
.page-game>.container .finish{padding:36px 36px 0 36px}
.page-game>.container .answer{padding:36px 18px 0 36px}