@import url("https://fonts.googleapis.com/css?family=Cabin:400,500&display=swap");
*{margin:0;padding:0;position:relative;box-sizing:border-box}html{height:100%;font-family:'Cabin',sans-serif;font-weight:400;font-size:62.5%}body{height:100%;font-size:2rem;line-height:1.2em;color:#fff}a{color:inherit;text-decoration:none;outline:none}#main{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}#main .bg{position:absolute;left:0;top:0;right:0;bottom:0}#main .bg .image{position:absolute;left:0;top:0;right:0;bottom:0;background:url("img/map.svg") center center no-repeat;background-size:cover}#main .bg .gradient{position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(30deg,rgba(87,122,171,0.95),rgba(90,155,202,0.95));overflow:hidden}#main .bg .gradient:before{content:'';position:absolute;left:-50px;top:-50px;right:-50px;bottom:-50px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 50 50' width='50px' height='50px' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3C/defs%3E%3Ccircle style='fill:rgb(83, 149, 200);' cx='25' cy='25' r='18' %3E%3C/circle%3E%3C/svg%3E");perspective:1000px;opacity:.25;-webkit-animation:bg-scrolling 5s linear infinite;animation:bg-scrolling 5s linear infinite}#main .content{padding-bottom:90px}#main .wrapper{width:980px}#main .wrapper .header{display:flex;align-items:center;justify-content:flex-start;flex-direction:"row";margin:0 0 40px 0}#main .wrapper .header .logo{width:400px;transform:translateX(-40px)}#main .wrapper .header .logo img{width:100%;height:auto}#main .wrapper .header .intro{font-size:4rem;line-height:1.1em}#main .wrapper .sides{display:flex;align-items:center;justify-content:center;flex-direction:"row";margin:0 0 48px 0}#main .wrapper .sides .side.left{width:60%;padding-right:64px;border-right:2px solid #fff}#main .wrapper .sides .side.right{width:40%;padding-left:64px}#main .wrapper .sides .side .form{margin:0 0 64px 0}#main .wrapper .sides .side .form:last-child{margin:0}#main .wrapper .sides .side .form.loading .line .button{cursor:wait}#main .wrapper .sides .side .form.loading .line .button:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:#4fb15a url("img/loader.svg") center center no-repeat;background-size:40px;border-radius:48px}#main .wrapper .sides .side .form.success .message.success{display:flex}#main .wrapper .sides .side .form.error .message.error{display:flex}#main .wrapper .sides .side .form .description{margin:0 0 16px 0}#main .wrapper .sides .side .form .line{margin:0 0 16px 0}#main .wrapper .sides .side .form .line:last-child{margin:0}#main .wrapper .sides .side .form .line .input{width:100%;height:48px;padding:0 24px;border:none;border-radius:48px;box-shadow:0 2px 4px rgba(0,0,0,0.5);font:inherit;font-size:1.8rem;color:#333;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}#main .wrapper .sides .side .form .line .input.has-button{padding-right:174px}#main .wrapper .sides .side .form .line .button{position:absolute;right:-1px;bottom:0;height:48px;width:150px;background-color:#4fb15a;border:none;border-radius:48px;cursor:pointer;font:inherit;font-size:1.6rem;font-weight:500;color:#fff;text-transform:uppercase;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#main .wrapper .sides .side .form .line .button:hover{background-color:#61b96b}#main .wrapper .sides .side .form .line .button:active{background-color:#47a051}#main .wrapper .sides .side .form .line .row{display:flex;align-items:center;justify-content:center;flex-direction:"row"}#main .wrapper .sides .side .form .line .row .half{width:50%}#main .wrapper .sides .side .form .line .row .half:first-child{padding:0 8px 0 0}#main .wrapper .sides .side .form .line .row .half:last-child{padding:0 0 0 8px}#main .wrapper .sides .side .form .message{display:flex;align-items:center;justify-content:flex-start;flex-direction:"row";display:none;border-radius:8px;padding:16px;font-size:1.6rem;line-height:18px;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,0.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#main .wrapper .sides .side .form .message.success{background-color:#4fb15a}#main .wrapper .sides .side .form .message.error{background-color:#ee4238}#main .wrapper .sides .side .form .message svg{float:left;width:32px;height:32px;margin:0 16px 0 0}#main .wrapper .sides .side .form .message > span{width:calc(100% - 56px)}#main .wrapper .sides .side .games .game{height:144px;width:100%;padding:16px;border-radius:8px;background-color:#092540;margin:0 0 24px 0;display:flex;align-items:center;justify-content:center;flex-direction:"row";font-size:2.2rem;font-weight:500;line-height:1.2em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,0.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#main .wrapper .sides .side .games .game:hover{background-color:#071e33}#main .wrapper .sides .side .games .game:active{box-shadow:none;transform:translateY(4px);background-color:#061a2d}#main .wrapper .sides .side .games .game:last-child{margin:0}#main .wrapper .sides .side .games .game.mots-de-jeux .logo{background-image:url("img/logo-mots-de-jeux.svg")}#main .wrapper .sides .side .games .game.defi-quebec .logo{background-image:url("img/logo-defi-quebec.svg")}#main .wrapper .sides .side .games .game .logo{width:112px;height:112px;background:center center no-repeat;background-size:contain;margin:0 16px 0 0}#main .wrapper .sides .side .games .game .text{min-width:calc(100% - 112px - 24px)}#main .wrapper .sides .side .games .game .soon{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:"row";background-color:rgba(9,37,64,0.9);border-radius:8px;min-width:calc(100% - 112px - 24px);text-transform:uppercase;color:#fff;cursor:not-allowed}#main .wrapper .sides .side .games .game .soon span{transform:rotate(-8deg)}#main .wrapper .promotion{width:calc(100% + 64px);margin:0 -32px 40px -32px;padding:24px;background-color:#2d2e83;background:radial-gradient(ellipse at top,#36a9e1,#2d2e83);box-shadow:0 8px 16px rgba(0,0,0,0.4);font-size:2.8rem;line-height:1.4em;text-align:center;font-weight:700}#main .wrapper .promotion > span{display:block}#main .footer{position:absolute;left:0;bottom:0;right:0;padding:0}#main .footer .wrapper{margin:0 auto}#main .footer .wrapper .sides .side{padding:0}#main .footer .wrapper .sides .side.left{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:"row";border:none;width:40%}#main .footer .wrapper .sides .side.right{display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:"row";text-align:right;width:60%;padding:0 0 0 16px}#main .footer .wrapper .sides .side .label{display:inline-block;margin:0 40px 0 0;font-size:1.4rem;line-height:1.1em;opacity:.75}#main .footer .wrapper .sides .side .logos{display:flex;align-items:center;justify-content:center;flex-direction:"row"}#main .footer .wrapper .sides .side .logos .logo{display:flex;align-items:center;justify-content:center;flex-direction:"row";height:64px;margin:0 24px 0 0;vertical-align:middle}#main .footer .wrapper .sides .side .logos .logo:last-child{margin:0}#main .footer .wrapper .sides .side .logos .logo:hover{opacity:.75}#main .footer .wrapper .sides .side .logos .logo:active{opacity:.75}#main .footer .wrapper .sides .side .logos .logo.synthese img{height:auto;width:140px}#main .footer .wrapper .sides .side .logos .logo img{height:64px;width:auto}@media (max-height:900px){#main .wrapper .header{margin:0 0 24px 0}#main .wrapper .header .logo{width:400px}#main .wrapper .header .intro{font-size:3.2rem;width:auto}#main .wrapper .sides{margin:0 0 32px 0}#main .wrapper .promotion{padding:16px 32px;font-size:2.8rem}}@media (max-height:820px){html,body,#main{height:auto}#main{display:block;padding:32px 0}#main .content{padding-bottom:0}#main .content .wrapper{margin:0 auto}#main .content .wrapper .header{margin:0 0 40px 0}#main .content .wrapper .sides{margin:0 0 48px 0}#main .content .wrapper .promotion{margin-bottom:64px}#main .footer{position:relative;width:100%;left:auto;right:auto;bottom:auto;text-align:center}#main .footer .wrapper{padding:0}}@media (max-width:1100px){html,body,#main{height:auto}#main .content{padding-bottom:0}#main .wrapper{width:100%;padding:32px;max-width:500px}#main .wrapper .header{display:block;text-align:center}#main .wrapper .header .logo{width:100%;margin:0 0 8px 0;transform:none}#main .wrapper .header .intro{text-align:center;margin:0 0 32px 0;padding:0 0 32px 0;border-bottom:2px solid rgba(255,255,255,0.5)}#main .wrapper .sides{display:block}#main .wrapper .sides .side.left,#main .wrapper .sides .side.right{width:100%;padding:0;border:none}#main .wrapper .sides .side .form{margin:0 0 32px 0;padding:0 0 32px 0;border-bottom:2px solid rgba(255,255,255,0.5)}#main .wrapper .sides .side .form:last-child{margin:0 0 32px 0}#main .wrapper .sides .side .form .description{text-align:center}#main .wrapper .sides .side .form .line{text-align:center}#main .wrapper .sides .side .form .line .input{text-align:left}#main .wrapper .sides .side .form .line .input.has-button{padding-right:24px}#main .wrapper .sides .side .form .line .row{display:block}#main .wrapper .sides .side .form .line .row .half{width:100%;margin:0 0 16px 0}#main .wrapper .sides .side .form .line .row .half:first-child,#main .wrapper .sides .side .form .line .row .half:last-child{padding:0}#main .wrapper .sides .side .form .line .button{position:relative;right:auto;bottom:auto;width:200px;margin:16px auto 0 auto;box-shadow:0 2px 4px rgba(0,0,0,0.5)}#main .wrapper .sides .side .games .game{font-size:2rem}#main .wrapper .sides .side .games .game:first-child .logo{order:2;margin:0 0 0 16px}#main .wrapper .sides .side .games .game:first-child .text{order:1;text-align:right}#main .wrapper .sides .side .games .game .logo{margin:0 16px 0 0}#main .footer{position:relative;width:100%;left:auto;right:auto;bottom:auto;text-align:center}#main .footer .wrapper{padding-top:0}#main .footer .wrapper .sides{border-top:2px solid rgba(255,255,255,0.5);padding:40px 0 0 0}#main .footer .wrapper .sides .side{margin:0 0 48px 0}#main .footer .wrapper .sides .side.left,#main .footer .wrapper .sides .side.right{display:flex;align-items:center;justify-content:center;flex-direction:"row";flex-wrap:wrap;text-align:center;width:100%;padding:0}#main .footer .wrapper .sides .side.right{margin:0}#main .footer .wrapper .sides .side.right .label{width:150px;transform:none}#main .footer .wrapper .sides .side.right .logos{flex-direction:column}#main .footer .wrapper .sides .side.right .logos .logo{margin:16px 0}#main .footer .wrapper .sides .side.right .logos .logo.synthese{width:100%;height:auto}#main .footer .wrapper .sides .side .label{width:100%;margin:0 0 24px 0;font-size:1.6rem;line-height:1.2em;opacity:.5}#main .footer .wrapper .sides .side .logos{width:100%}#main .footer .wrapper .sides .side .logos .logo{display:inline-block;height:80px}#main .footer .wrapper .sides .side .logos .logo img{height:100%}}@media (max-width:1100px){#main .content .wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column}#main .content .wrapper .header{order:1;width:100%}#main .content .wrapper .header .intro{margin-bottom:0}#main .content .wrapper .sides{order:3;width:100%;border-top:2px solid rgba(255,255,255,0.5);margin-top:16px;padding-top:32px}#main .content .wrapper .promotion{order:2;width:100%;margin:0;padding:16px 24px;margin-bottom:24px;font-size:2rem}#main .content .wrapper .promotion > span{display:inline}}@-webkit-keyframes bg-scrolling{0%{transform:translate3D(-50px,50px,0)}}@keyframes bg-scrolling{0%{transform:translate3D(-50px,50px,0)}}