@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);@import url(https://fonts.googleapis.com/css?family=Exo:400,700);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}.App{text-align:center;color:#000}.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)}}.TitleStudent{font-weight:700;font-size:30px;margin:40px 0 30px;letter-spacing:1px}*{box-sizing:border-box}body{background:#f6f5f7;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:"Montserrat",sans-serif;height:100vh;margin:-20px 0 50px}.TitleEnseignant{font-weight:700;margin:45px 0 30px;letter-spacing:1px;font-size:25px}h2{text-align:center}p{font-size:14px;font-weight:700;line-height:20px;letter-spacing:1px;margin:20px 0 60%}a,span{font-size:12px}a{color:#333;text-decoration:none;margin:15px 0}.LogoENSA{height:80px}.se_connecter{border-radius:20px;background-color:#63a4ff;background-image:linear-gradient(315deg,#63a4ff,#83eaf1 74%);color:#fff;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:-webkit-transform 80ms ease-in;transition:transform 80ms ease-in;transition:transform 80ms ease-in,-webkit-transform 80ms ease-in;cursor:pointer;margin-top:30px}.se_connecter:active{-webkit-transform:scale(.95);transform:scale(.95)}.se_connecter:focus{outline:none}.se_connecter.ghost{background-color:transparent;border-color:#fff}form{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 50px;height:100%;text-align:center}input{background-color:#eee;border:none;padding:12px 15px;margin:8px 0;width:100%}.container{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;overflow:hidden;width:768px;max-width:100%;min-height:480px}.form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in-container{left:0;width:50%;z-index:2}.container.right-panel-active .sign-in-container{-webkit-transform:translateX(100%);transform:translateX(100%)}@-webkit-keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;z-index:100}.container.right-panel-active .overlay-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.overlay{background-color:#63a4ff;background-image:linear-gradient(315deg,#63a4ff,#83eaf1 74%);background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#fff;position:relative;left:-100%;height:100%;width:200%;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}.container.right-panel-active .overlay{-webkit-transform:translateX(50%);transform:translateX(50%)}.overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:50%;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}.overlay-left{-webkit-transform:translateX(-20%);transform:translateX(-20%)}.container.right-panel-active .overlay-left,.overlay-right{-webkit-transform:translateX(0);transform:translateX(0)}.overlay-right{right:0}.container.right-panel-active .overlay-right{-webkit-transform:translateX(20%);transform:translateX(20%)}img{margin-right:35%}.top_right,img{position:relative}.top_right{margin-bottom:100px;background-color:#fff;background-image:linear-gradient(315deg,#fff,#d7e1ec 74%);color:#000;font-size:10px;font-weight:700;padding:5px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-color:transparent transparent #000;margin-left:5px}ul{margin-left:177px}.Aide{width:600px;height:350px;background-color:#d3d3d3;border:1px #000}.Aide h2{float:left;margin-top:15px;margin-left:15px}.Aide h1{float:left;margin-top:40px;margin-bottom:25px}hr{margin-top:15px}.LogoENSA2{width:300px;margin-left:160px;margin-top:30px}.AideFooter{margin-top:15px}.headerPropos{margin-top:100px}.LogoENSA3{height:100px;margin-left:35%}.dropdown2{position:relative;display:inline-block}.dropbtn2{background-color:#fff;color:#000;font-size:16px;border:none;cursor:pointer;margin-left:30px}.dropdown-content2{display:none;position:absolute;min-width:50px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content2 a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content2 a:hover{background-color:#c0b6b6}.dropdown2:hover .dropdown-content2{display:block}.dropdown2:focus .dropbtn2,.dropdown2:hover .dropbtn2{color:#3eadcf}.navlink{width:20px}.dropdown3{position:relative;display:inline-block}.dropbtn3{background-color:#fff;color:#000;padding:7px;font-size:16px;border:none;cursor:pointer}.dropdown-content3{display:none;position:absolute;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;width:300px;height:80px;margin-left:-100px}.dropdown-content3 p{font-size:10px}.dropdown3:hover .dropdown-content3{display:block}.dropdown3:focus .dropbtn3,.dropdown3:hover .dropbtn3{color:#3eadcf}.Comment{font-weight:lighter;font-size:15px;text-align:left;margin-top:80px;margin-bottom:15px}.DemandeConsultation{border:1px solid #6687e0;width:600px;height:400px}.DemandeFormConsultation{height:100%;padding:20px}.TitleDemande{margin-bottom:30px}h4{margin:20px;font-weight:lighter}.Envoyer{margin:15px;float:right}.dropbtn{background-color:#8295e9;color:#fff;padding:7px;font-size:16px;border:none;cursor:pointer;margin-left:30px}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;margin-left:65px}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#3e8e41}.Description{width:400px;height:100px}.Envoyer{position:relative;border:1px solid #000;padding:5px;cursor:pointer}.NoteBien{border:1px solid #6687e0;height:70px;width:600px;background-color:#cf5e5e}.NB{margin-bottom:0;margin-top:3px;font-weight:bolder}.NBp{margin-top:0;font-weight:700}#TabExamens{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:600px;margin-top:100px}#TabExamens td,#TabExamens th{border:1px solid #ddd;padding:8px}#TabExamens tr:nth-child(2n){background-color:#f2f2f2}#TabExamens tr:hover{background-color:#ddd}#TabExamens th{padding-top:12px;padding-bottom:12px;background-color:#6687e0;color:#fff;text-align:center}.ConvocationEtudiant{border:1px solid #000;padding:50px;margin-top:30px;width:600px}.ConvoInformation{float:left;margin-right:100px;text-align:left}.ConvoInformation h3{font-weight:lighter;margin-top:5px}.ConvoQR{margin-top:20px}#TabResultat{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:600px}#TabResultat td,#TabResultat th{border:1px solid #ddd;padding:8px}#TabResultat tr:nth-child(2n){background-color:#f2f2f2}#TabResultat tr:hover{background-color:#ddd}#TabResultat th{padding-top:12px;padding-bottom:12px;background-color:#6687e0;color:#fff;text-align:center}Nav{position:absolute;top:0;left:0;width:100%}#Image{position:relative;height:40px;margin-bottom:25px}.thReponse{width:400px}.Reponse{width:60px;margin:0 auto 0 10px;padding:3px;cursor:pointer;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.name_noselect{color:#8a8282;border:2px solid #6d6767;box-shadow:5px 5px 0 #6e6c6c,-5px -5px 0 #6e6c6c,-5px 5px 0 #6e6c6c,5px -5px 0 #6e6c6c}#ActiveSession,.name_noselect{width:350px;height:60px;font-size:20px;font-weight:700;background:#fff;transition:.5s ease-in-out;margin-bottom:30px;margin-right:400px;padding:20px}#ActiveSession{cursor:pointer;color:#4d3d3d;border:2px solid #6ccca5;box-shadow:5px 5px 0 #6ccca5,-5px -5px 0 #6ccca5,-5px 5px 0 #5dd8a7,5px -5px 0 #46c08f}.name_noselect:hover{box-shadow:20px 5px 0 #6e6c6c,-20px -5px 0 #6e6c6c}#ActiveSession:hover{box-shadow:20px 5px 0 #6ccca5,-20px -5px 0 #6ccca5}#ActiveSession:focus,.name_noselect:focus{outline:none}#TabSurveillance{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:600px}#TabSurveillance td,#TabSurveillance th{border:1px solid #ddd;padding:8px}#TabSurveillance tr:nth-child(2n){background-color:#f2f2f2}#TabSurveillance tr:hover{background-color:#ddd}#TabSurveillance th{padding-top:12px;padding-bottom:12px;background-color:#6687e0;color:#fff;text-align:center}input[type=checkbox]{visibility:hidden}.checkboxOverride{position:relative;width:5px;margin:5px 5px 5px 40px}.checkboxOverride input[type=checkbox]:checked+label:after{opacity:1}.checkboxOverride label{background:none repeat scroll 0 0 #eee;border:1px solid #ddd;cursor:pointer;height:25px;left:0;position:absolute;top:0;width:25px}.checkboxOverride label:after{border-style:none none solid solid;content:"";height:5px;left:6px;opacity:0;position:absolute;top:7px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:10px}.DescriptionButton{padding:3px;cursor:pointer;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.SmallText{width:40px;margin-left:40px}.DemandeForm2{padding-top:20px}.profile-img{width:150px;height:150px;border-radius:50%;margin-top:100px;margin-left:100px}.NomProfile,.profile-img{position:absolute;left:0;top:0}.NomProfile{margin-left:300px;margin-top:150px}.NomProfile hr{border-width:3px}.InfoDetail{margin:0;padding:0}.ProfilTable{position:relative;left:0;position:absolute;padding:0;width:100%;border-spacing:40px;margin-bottom:1000px}.ProfilTable td{border-radius:20px;width:20%;text-align:left;padding-top:0}.InfoDetail{position:relative;margin-bottom:90px}.InfoCour,.InfoDetail{margin-top:0;border:1px solid #000;margin-left:20px;border-radius:20px;padding:10px}.InfoCour{margin-bottom:50px}.InfoConexion{margin-top:0;border:1px solid #000;margin-left:20px;margin-bottom:120px;border-radius:20px;padding:10px}.ProfilTable td h2{color:#00f;text-align:left;margin-top:0}.ProfilTable td h3{font-weight:bolder;margin-top:10px;margin-bottom:5px;color:#7676da}.ProfilTable p{margin-bottom:0;margin-top:0}.ProfilTable .InfoCooexion{margin-bottom:70px}.DemandeForm{margin-top:100px}.Non{margin:10px}.Non,.Oui{padding:5px}.Oui{margin:10px 10px 10px 20px}.PV2Title{font-size:25px;position:absolute;top:0;left:0;margin-top:120px;margin-left:110px;font-weight:light}.PVTable{border-spacing:40px;margin-top:150px}.PVTable div{border-radius:20px;padding:10px}.PVTable h2{margin-bottom:30px}.NbrEtudiants{width:300px;border:1px solid #000;background-color:#ffd966}.nmbreContainer{display:flex}.NbrCopies{background-color:#93c47d}.Anomalies,.NbrCopies{width:300px;border:1px solid #000}.Anomalies{background-color:#ea9999}.numberCircle{border-radius:50%;background:#fff;border:2px solid #666;color:#666}.numberCircle,.personIcon{width:40px;height:40px;padding:10px;text-align:center;font:20px Arial,sans-serif}.personIcon{margin-left:100px}*{margin:0;padding:0}body{font-family:"Exo",sans-serif}.context2{width:100%;position:absolute;margin-top:190px}.context2 h1{text-align:center;color:#fff;font-size:50px;margin-top:120px}.area{background-color:#abe9cd;background-image:linear-gradient(315deg,#abe9cd,#3eadcf 74%);background:-webkit-linear-gradient(270deg,#8f94fb,#4e54c8)}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles .circle_li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:hsla(0,0%,100%,.2);-webkit-animation:animate 25s linear infinite;animation:animate 25s linear infinite;bottom:-150px}.circles .circle_li:first-child{left:25%;width:80px;height:80px;-webkit-animation-delay:0s;animation-delay:0s}.circles .circle_li:nth-child(2){left:10%;width:20px;height:20px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:12s;animation-duration:12s}.circles .circle_li:nth-child(3){left:70%;width:20px;height:20px;-webkit-animation-delay:4s;animation-delay:4s}.circles .circle_li:nth-child(4){left:40%;width:60px;height:60px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:18s;animation-duration:18s}.circles .circle_li:nth-child(5){left:65%;width:20px;height:20px;-webkit-animation-delay:0s;animation-delay:0s}.circles .circle_li:nth-child(6){left:75%;width:110px;height:110px;-webkit-animation-delay:3s;animation-delay:3s}.circles .circle_li:nth-child(7){left:35%;width:150px;height:150px;-webkit-animation-delay:7s;animation-delay:7s}.circles .circle_li:nth-child(8){left:50%;width:25px;height:25px;-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:45s;animation-duration:45s}.circles .circle_li:nth-child(9){left:20%;width:15px;height:15px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:35s;animation-duration:35s}.circles .circle_li:nth-child(10){left:85%;width:150px;height:150px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:11s;animation-duration:11s}.TitreFront{position:relative;width:200px;height:200px;border-radius:50%;border:1px solid #fff;padding:3px;margin:450px 200px 200px}.Logo{width:300px;position:absolute;top:0;margin-left:38%;margin-top:50px;opacity:1}@-webkit-keyframes animate{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}@keyframes animate{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}
/*# sourceMappingURL=main.7b242ec1.chunk.css.map */