@import url(https://fonts.googleapis.com/css2?family=ABeeZee&family=Montserrat:wght@300;400&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}a,del,ins{text-decoration:none}a{color:inherit}button,label{cursor:pointer}button,input{outline:0}#form-file-upload{height:15rem;width:50%;max-width:80%;text-align:center;position:relative;margin:4rem auto;border:2px dashed rgba(14,87,196,.2);overflow-y:auto}@media screen and (max-width:500px){#form-file-upload{position:unset;width:100%!important;max-width:100%;margin:2rem 0 0}}#input-file-upload{display:none}body{font-family:sans-serif;font-family:ABeeZee,sans-serif;margin:0}a{text-decoration:none}#label-file-upload{width:100%}#label-file-upload.drag-active{background-color:#fff}.upload-button{cursor:pointer;padding:.25rem;font-size:1rem;border:none;font-family:Oswald,sans-serif;background-color:transparent}.upload-button:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}#drag-file-element{position:absolute;width:100%;height:100%;border-radius:1rem;top:0;right:0;bottom:0;left:0}input[type=file]{width:350px;max-width:100%;color:#444;padding:5px;background:#fff;border-radius:10px;border:1px solid #555}input[type=file]::file-selector-button{margin-right:20px;border:none;background:#084cdf;padding:10px 20px;border-radius:10px;color:#fff;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}input[type=file]::file-selector-button:hover{background:#0d45a5}.title{margin-top:2rem;margin-left:1rem;font-size:1.5rem}@media screen and (max-width:500px){.title{font-size:1.5rem;position:sticky;top:0;padding:1rem;background-color:#fff;width:100%}}.numberfiles{margin-top:-2rem}.validate{height:15rem;width:50%;max-width:80%;text-align:center;position:relative;margin:4rem auto;overflow-y:auto}.validate_button{background-color:#657ee4;padding:1rem;color:#fff;font-size:1.2rem;width:70%;border-radius:10px;border:1px solid #fff}@media screen and (max-width:500px){.validate{margin:0 auto;width:100%}}.fileList{height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:1rem;border:2px dashed #cbd5e1;background-color:#f8fafc;width:25%;margin:8rem auto;font-size:1.5rem;padding:1rem}@media screen and (max-width:500px){.fileList{width:100%;font-size:1rem;margin:6rem auto}}.link{font-size:1rem;padding:1rem;margin-right:.5rem;margin-bottom:-1rem}@media screen and (max-width:500px){.link{padding:.5rem;margin-top:1rem;margin-right:.5rem}}.linkSpan{font-size:1rem;padding:1rem;margin-right:.5rem}@media screen and (max-width:500px){.linkSpan{padding:.5rem;margin-top:2rem!important;margin-right:.5rem}}.valid{color:green}.loader{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-left:auto;margin-right:auto;z-index:9999;font-size:larger}@media screen and (max-width:500px){.loader{left:50%}}.progress{border-radius:0!important}.dropzone{border:2px dashed rgba(14,87,196,.2);color:#000;width:60%;top:4rem;left:25rem;position:relative}@media screen and (max-width:500px){.dropzone{position:unset;margin:3rem auto;width:100%}}.dropzone.active{border:2px dashed rgba(14,87,196,.2)}.buttonSend{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;position:absolute;left:46%;top:32%}.filesLink{width:50%;margin:2rem auto;border:2px dashed rgba(14,87,196,.2)}@media screen and (max-width:500px){.filesLink{margin:1rem auto;width:100%}}.files{width:50%;margin:2rem auto}@media screen and (max-width:500px){.files{margin:1rem auto;width:100%}}.file{text-decoration:none!important;color:#000!important}.progress-bar{border-radius:10px;background-color:#ff7d95!important;color:#fff;padding:.2rem .3rem 0 0}.files_container{margin-top:-11rem}.progress_bar{margin-top:1rem;width:100%}@media screen and (max-width:500px){.progress_bar{margin:1rem auto;width:100%}}.upload-box{margin-top:1rem;height:3rem;top:0;position:sticky;z-index:9999;background-color:#fff}.choose:hover,.upload-box:hover{cursor:pointer}.dropzone{border:2px dashed hsla(0,0%,100%,.2);border-radius:10px;padding:50px 0;text-align:center;text-transform:uppercase;color:hsla(0,0%,100%,.6)}.dropzone.active{border-color:#fff}.file{text-decoration:none;color:hsla(0,0%,100%,.8);display:block;border-radius:10px;margin-top:20px;padding:10px;position:relative;overflow:hidden}.file .progress{top:0;right:0;bottom:0;left:0;width:0;text-align:center;width:100%;margin-bottom:1rem}.file .progress.done{top:100px}.icon-upload{font-size:2rem;color:#ff7d95}.icon-upload_hover{cursor:pointer}hr{color:#657ee4!important;height:3px;background-color:#ff7d95;border:none}#chrono{margin:20px auto;width:200px;font-size:2em}.sizeremain{padding:1rem}.fileName,.sizeremain{margin-top:1rem}.fileUploaded{position:absolute;top:11rem;width:21%;font-size:10px;margin:-1rem 3rem;border:2px dashed #cbd5e1;height:25rem;overflow-y:auto;overflow-x:clip}@media screen and (max-width:500px){.fileUploaded{display:none;position:unset;height:unset;margin:1rem auto;width:100%;overflow-y:auto;overflow-x:clip;max-height:442px}}::-webkit-scrollbar{height:12px;width:12px;background:#fff}::-webkit-scrollbar-thumb{background:#ff7d95;-webkit-border-radius:1ex}::-webkit-scrollbar-corner{background:#fff}.fileup{margin-top:1rem}@media screen and (max-width:500px){.fileup{margin-bottom:1rem}}.fileHistory{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:1rem}.croix{position:absolute;right:31rem;top:30rem;color:#ff7d95;cursor:pointer}@media screen and (max-width:500px){.croix{position:unset!important;margin-left:21rem;margin-top:.4rem;color:#ff7d95;margin-bottom:-1rem}}.container{display:block}.download{margin-top:-1rem;font-size:1.1rem;cursor:pointer}.actionbuttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-top:1rem}.header{background-color:#657ee4;width:100%;height:6rem}.header_title{text-align:center;font-size:larger;padding:2rem;font-family:ABeeZee,sans-serif;color:#fff}@media screen and (max-width:500px){.header_title{top:-.4rem;left:4.4rem;font-size:larger;font-family:ABeeZee,sans-serif;color:#fff;position:absolute}}.header_login{position:absolute;right:1rem;top:1rem;padding:1rem 2rem;color:#ff7d95;width:2rem;font-size:1.5rem}@media screen and (max-width:500px){.header_login{right:0}}.header_login_green{color:#adff2f!important;position:absolute;right:1rem;top:1rem;padding:1rem 2rem;color:#ff7d95;width:2rem;font-size:1.5rem}.imglogo{position:absolute;margin-left:23rem;width:150px!important;border-radius:50%}@media screen and (max-width:500px){.imglogo{width:90px!important;margin-top:.2rem;margin-left:.4rem}}.menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1rem}@media screen and (min-width:500px){.menu{display:none}}.menu_txt{font-size:53px}@media screen and (max-width:500px){.menu_txt{font-size:12px!important;margin:1rem}}.button{background:#657ee4;background:-o-linear-gradient(top,#0657ee,#ff7d95);border-radius:10px;font-size:15px;text-decoration:none;vertical-align:middle;border:none;padding:10px}.button,.button:hover{color:#fff}.active,.button:active,.button:hover{border-top-color:#ff7d95;background:#ff7d95}.visu{display:-webkit-box;display:-ms-flexbox;display:flex;margin:5rem auto;width:100%}.imag{width:50%;margin:0 auto}@media screen and (max-width:500px){.imag{width:100%}}.logo{width:213px;height:36px;background:url(http://i.imgur.com/fd8Lcso.png) no-repeat;margin:30px auto}.login-block{width:320px;padding:20px;background:#fff;border-radius:5px;border-top:5px solid #ff656c;margin:0 auto}.login-block h1{text-align:center;color:#000;font-size:18px;text-transform:uppercase;margin-top:0;margin-bottom:20px}.login-block input{width:100%;height:42px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;border:1px solid #ccc;margin-bottom:20px;font-size:14px;font-family:Montserrat;padding:0 20px 0 50px;outline:none}.login-block input#username{background:#fff url(http://i.imgur.com/u0XmBmv.png) 20px top no-repeat;background-size:16px 80px}.login-block input#username:focus{background:#fff url(http://i.imgur.com/u0XmBmv.png) 20px bottom no-repeat;background-size:16px 80px}.login-block input#password{background:#fff url(http://i.imgur.com/Qf83FTt.png) 20px top no-repeat;background-size:16px 80px}.login-block input#password:focus{background:#fff url(http://i.imgur.com/Qf83FTt.png) 20px bottom no-repeat;background-size:16px 80px}.login-block input:active,.login-block input:focus{border:1px solid #ff656c}.login-block button{width:100%;height:40px;background:#ff656c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;border:1px solid #e15960;color:#fff;font-weight:700;text-transform:uppercase;font-size:14px;font-family:Montserrat;outline:none;cursor:pointer}.login-block button:hover{background:#ff7b81}