﻿.login__banner{height:200px;width:100%;background-color:white}.login__wrapper{box-sizing:border-box;position:relative;width:100%;height:100vh;max-height:100vh;display:flex;flex-direction:column;margin:0 auto;padding:20px;z-index:1}.login__wrapper .language-selector{position:fixed;top:20px;right:20px;font-size:1.4em;text-transform:uppercase;font-weight:500;cursor:pointer}.login__wrapper .language-selector a{color:#302a33;text-decoration:none;transition:all 0.15s ease-in}.login__wrapper .language-selector a:hover{background:none;color:#9a90fd}.login__wrapper .logo__header{display:flex;margin:auto;height:20vh}.login__wrapper .logo__header a{display:flex;justify-content:center}.login__wrapper .logo__header a .vlq-logo{margin:0 auto;width:200px;transform:rotate(10deg);transform-origin:50% 50%}.login__wrapper .content__wrapper{max-width:500px;width:100%;margin:0 auto;display:flex;flex-direction:column;height:100%;position:relative;justify-content:center;padding:20px 20px 200px 20px}.login__wrapper .content__wrapper h2{font-size:22px;text-align:center;font-weight:200;margin-bottom:30px}.login__wrapper .content__wrapper .form__wrapper{margin-bottom:20px;background-color:white;padding:40px;border-radius:10px}.login__wrapper .content__wrapper .form__wrapper form .field input[type="text"],.login__wrapper .content__wrapper .form__wrapper form .field input[type="email"],.login__wrapper .content__wrapper .form__wrapper form .field input[type="password"]{padding:0 20px;width:calc(100% - 40px);min-height:40px;font-family:"Red Hat Text", sans-serif;border-width:1px;border-style:solid;border-color:#ffe8db;border-radius:5px}.login__wrapper .content__wrapper .form__wrapper form .actions{width:100%;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.login__wrapper .content__wrapper .form__wrapper form .actions input[type="submit"]{margin-top:10px;flex-grow:1;background-color:#9a90fd;color:white}.login__wrapper .content__wrapper .links__wrapper{border-radius:10px;background-color:#ffe8db;display:flex;flex-wrap:wrap;text-align:center;justify-content:center;padding:5px 20px;line-height:1.75}.login__wrapper .content__wrapper .links__wrapper a{color:#302a33;font-size:15px;text-decoration:none}.login__wrapper .content__wrapper .links__wrapper a:hover{color:#9a90fd;text-decoration:underline}.login__wrapper .content__wrapper .links__wrapper a:hover::after{color:#302a33;text-decoration:none}.login__wrapper .content__wrapper .links__wrapper>a:not(:last-of-type)::after{display:inline-block;content:'•';padding-left:10px;padding-right:10px;text-decoration:none !important;pointer-events:none}@media all and (max-width: 900px){.login__wrapper{padding:20px 20px 0 20px}.login__wrapper .logo__header{height:15vh}.login__wrapper .logo__header .vlq-logo{width:120px}.login__wrapper .content__wrapper{padding:20px 0 100px 0;justify-content:center}.login__wrapper .content__wrapper .form__wrapper{padding:30px}.login__wrapper .content__wrapper .links__wrapper{padding:5px 10px;line-height:1.25}.login__wrapper .content__wrapper .links__wrapper a{font-size:12px}}@media all and (max-width: 600px){.login__wrapper .logo__header{height:7vh}.login__wrapper .logo__header .vlq-logo{width:120px}.login__wrapper .content__wrapper{padding:10px 0 70px 0}.login__wrapper .content__wrapper .form__wrapper{padding:20px}}.stickers__wrapper{position:fixed;bottom:0;height:100vh;width:100vw;overflow:hidden;z-index:0}.stickers__wrapper .sticker{position:absolute;filter:drop-shadow(-2px 1px 1px rgba(0,0,0,0.5));transition:width 0.15s ease-in}.stickers__wrapper .sticker-01{transform:rotate(-20deg);left:-20px;bottom:15vh;width:130px;z-index:1}.stickers__wrapper .sticker-02{left:-40px;bottom:8vh;width:100px}.stickers__wrapper .sticker-03{width:200px;transform:rotate(6deg);right:-90px;bottom:150px;z-index:1}.stickers__wrapper .sticker-04{width:120px;transform:rotate(-20deg);left:42vw;bottom:-40px}.stickers__wrapper .sticker-05{width:450px;transform:rotate(8deg);left:1vw;bottom:-20px}.stickers__wrapper .sticker-06{width:300px;transform:rotate(-6deg);right:15vw;bottom:-60px;z-index:2}.stickers__wrapper .sticker-07{width:180px;transform:rotate(-18deg);right:-20px;bottom:-30px;z-index:1}@media all and (min-width: 1200px){.stickers__wrapper .sticker-01{width:200px;bottom:260px;left:-100px}.stickers__wrapper .sticker-02{width:180px;bottom:100px}.stickers__wrapper .sticker-03{width:180px}.stickers__wrapper .sticker-04{width:200px;bottom:-100px}.stickers__wrapper .sticker-05{width:520px}.stickers__wrapper .sticker-06{width:300px}.stickers__wrapper .sticker-07{width:260px}}@media all and (max-width: 900px){.stickers__wrapper .sticker-01{width:100px}.stickers__wrapper .sticker-02{width:80px}.stickers__wrapper .sticker-03{width:120px}.stickers__wrapper .sticker-04{width:100px}.stickers__wrapper .sticker-05{width:350px}.stickers__wrapper .sticker-06{width:300px}.stickers__wrapper .sticker-07{width:150px}}@media all and (max-width: 600px){.stickers__wrapper .sticker-01{width:130px;left:-68px;bottom:86vh}.stickers__wrapper .sticker-02{width:80px;left:-60px;bottom:5vh}.stickers__wrapper .sticker-03{width:80px;right:-90px;bottom:50px}.stickers__wrapper .sticker-04{width:100px;left:unset;right:-15vw;bottom:65vh}.stickers__wrapper .sticker-05{width:270px;left:-8vw;bottom:-20px}.stickers__wrapper .sticker-06{width:160px;right:-20vw;bottom:-30px}.stickers__wrapper .sticker-07{transform:rotate(5deg);width:140px;right:-120px;bottom:0}}.registration-swap{margin-bottom:40px;color:#ffe8db;text-align:center;text-decoration:none}.registration-swap:hover{color:#9a90fd;text-decoration:underline}body{background-color:#ffe8db;color:#302a33;margin:0px;font-family:"Red Hat Text", sans-serif, verdana, arial, helvetica, sans-serif;font-size:13px;line-height:18px}p,ol,ul,td{font-family:"Red Hat Text", sans-serif, verdana, arial, helvetica, sans-serif;font-size:13px;line-height:18px}pre{background-color:#eee;padding:10px;font-size:11px}a{color:#ffe8db}a:visited{color:#9a90fd}a:hover{color:#fff}input{-webkit-appearance:none !important}th{padding-bottom:5px}td{padding:0 5px 7px}div.field{margin-bottom:16px}#buttonConnexion,.buttonConnexion,.main-button{min-width:200px;max-width:350px;width:100%;margin-bottom:10px;background-color:#9a90fd !important;color:white !important}.button_to{text-align:center}.basic-button{outline:none;border:none;padding:10px 20px;background-color:#9a90fd !important;color:white !important;border-radius:10px;font-size:1.25em;margin-top:20px;text-align:center;min-width:200px}.basic-button:hover{color:white !important;background-color:#ffaa7a}.current-connexion__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:auto 0;height:100%;color:#9a90fd}.current-connexion__wrapper .current-connexion,.current-connexion__wrapper .current-connexion-confirmation{font-size:16px}.current-connexion__wrapper .username{font-size:24px;margin:20px 0}.no-connexion__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:20px 0;height:100%}.notice-container{box-sizing:border-box;position:relative;align-self:center;z-index:100;width:100%;max-width:450px;min-height:60px;border-radius:10px;margin:0px auto;padding:20px;font-size:1.25em;text-align:center;text-align:center;font-weight:100;font-style:italic;display:flex;justify-content:center;align-items:center;font-weight:100;box-shadow:1px 3px 2px #00000070;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.notice-container{background:#e1ffc1}#notice{color:#559810}.alert-container{margin-bottom:10px;padding:10px;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}#alert{color:#ff4c4c}.field_with_errors{color:#ff4c4c !important}.field_with_errors input{border:3px solid #ff4c4c !important}#error_explanation{box-shadow:0px 2px 2px #00000021;overflow:hidden;background-color:white;border-radius:10px;padding:7px 7px 0;margin-bottom:20px;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}#error_explanation h2{font-weight:200;text-align:left;padding:5px 5px 5px 15px;font-size:12px;font-weight:800;margin:-7px -7px 0;background-color:#ff4c4c;color:#ffe8db;text-align:center;line-height:1}#error_explanation ul li{font-size:12px;list-style:square;margin:5px 0}#error_explanation ul{padding-inline-start:30px}label{display:block}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus textarea:-webkit-autofill,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{background-color:white !important;border:1px solid #9a90fd !important;-webkit-text-fill-color:#9a90fd;-webkit-box-shadow:0 0 0px 1000px #ffe8db inset !important;transition:background-color 5000s ease-in-out 0s;-webkit-appearance:none}input[type="submit"],button,.basic-button{font-family:"Red Hat Text", sans-serif;font-weight:500;padding:10px;background:#ffe8db;color:#ffaa7a;border-radius:50px;border:none;font-size:1.25em;cursor:pointer;transition:all 0.15s ease-in;outline:none;white-space:normal;-webkit-appearance:unset}input[type="submit"]:hover,button:hover,.basic-button:hover{background:#ffaa7a;color:white}input[type="submit"]:focus,button:focus,.basic-button:focus{border:solid 1px #9a90fd;color:#9a90fd}input[type="submit"]:disabled,button:disabled,.basic-button:disabled{opacity:0.5;pointer-events:none}.checkbox-field{margin-top:10px;margin-left:2px}.checkbox-field .styled-checkbox{margin-left:2px;position:absolute;opacity:0}.checkbox-field .styled-checkbox+label{font-size:12px;position:relative;cursor:pointer;padding:0;margin-right:15px}.checkbox-field .styled-checkbox+label:before{content:'';margin-right:10px;margin-top:-3px;display:inline-block;vertical-align:text-top;width:20px;height:20px;box-shadow:0 0 0 1px #302a33}.checkbox-field .styled-checkbox:hover+label:before{box-shadow:0 0 0 3px #9a90fd}.checkbox-field .styled-checkbox:focus+label:before{box-shadow:0 0 0 3px rgba(0,0,0,0.12)}.checkbox-field .styled-checkbox:checked+label:before{background:#9a90fd}.checkbox-field .styled-checkbox:disabled+label{color:#b8b8b8;cursor:auto}.checkbox-field .styled-checkbox:disabled+label:before{box-shadow:none;background:#ddd}.checkbox-field .styled-checkbox:checked+label:after{content:'';position:absolute;left:5px;top:7px;background:white;width:2px;height:2px;box-shadow:2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;transform:rotate(45deg)}@keyframes resize{0%{transform:scaleX(1)}50%{transform:scaleX(1.05)}100%{transform:scaleX(1)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
