@keyframes moveTest{from{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--input-color:#99A3BA;--input-border:#CDD9ED;--input-background:#2A2A2AF7;--input-placeholder:#CBD1DC;--input-border-focus:black;--group-color:var(--input-color);--group-border:var(--input-border);--group-background:#EEF4FF;--group-color-focus:#fff;--group-border-focus:var(--input-border-focus);--group-background-focus:#F4D913}.divLogin{width:390px}.divTitreEspacePro{display:flex;justify-content:center;align-items:center;margin-top:180px;margin-bottom:50px}.divTitreEspacePro img{width:100px}.divTitreEspacePro h1{color:#fff;margin-top:40px;margin-left:-55px;width:fit-content}.divInputLogin{position:relative;display:flex;justify-content:flex-start;align-items:center;margin-bottom:25px}.divInputLogin .perso{width:25px;margin-right:25px;margin-left:35px}.divInputLogin .cle{width:35px;margin-right:20px;margin-left:30px}.divInputLogin input{width:285px;height:30px;border-radius:20px;padding:1rem 1rem 1rem 1rem}.password-icon{position:absolute;right:4%;z-index:1}.password-icon img{width:25px;cursor:pointer;margin-top:3px}.mdpOublieLien{color:#fff;opacity:.4}.btnConnexionEP{color:#000;text-decoration:none;padding:10px 20px;background:#18f6ef;background:linear-gradient(90deg,#4280c0 0,#18f6ef 100%);border-radius:22px;font-weight:700;font-size:1.1em;border:1px solid #000;margin-top:5%;margin-bottom:10%;cursor:pointer}.txtErrorConnexionLogin{position:absolute;top:-30px;color:#8b0000;width:90%;margin-left:5%}.spinnerLoad{animation:4s linear 0s infinite moveTest;fill:url(#Gradient1);height:50px;margin-top:15%;margin-bottom:10%}.form-field{display:block;width:100%;padding:8px 16px;line-height:25px;font-size:14px;font-weight:500;border-radius:22px;-webkit-appearance:none;color:var(--input-color);border:1px solid var(--input-border);background:var(--input-background);transition:border .3s ease}.form-field::-moz-placeholder{color:var(--input-placeholder)}.form-field:-ms-input-placeholder{color:var(--input-placeholder)}.form-field::placeholder{color:var(--input-placeholder)}.form-group{position:relative;display:flex;width:100%;height:35px;margin:auto;align-items:center;margin-bottom:30px}.form-group .form-field,.form-group>span{white-space:nowrap;display:block}.form-group .form-field{position:relative;z-index:1;flex:1 1 auto;width:1%;margin-top:0;margin-bottom:0;font-family:Avenir}.form-group>span{text-align:center;padding:8px 12px;font-size:14px;line-height:25px;color:var(--group-color);width:35px}.form-group .perso{width:25px}.form-group .cle{width:35px}.divInformationEspace{position:absolute;top:100px;right:2vw}.divTitreEspaceProMenu{display:flex;justify-content:flex-end;align-items:center}.divTitreEspaceProMenu img{width:50px}.divTitreEspaceProMenu h1{color:#fff;margin-left:-28px;font-size:1.5em}.textIdentifiant{text-align:right;margin-top:5px;color:#fff}.divDeconnexion a{display:flex;align-items:center;color:#fff;justify-content:flex-end;margin-top:-15px;text-decoration:none;line-height:10px}.divDeconnexion img{width:30px;margin-right:5px}.divContenueEspacePc{display:flex;align-items:center;margin-top:20vh;flex-wrap:wrap}h1{color:#fff;text-align:center;width:100%}h1 span{font-size:.8em}.divCategorieFichier{display:flex;width:100%;justify-content:space-evenly}.divCategorieFichier div{text-align:center;margin-top:25px;margin-bottom:50px}.divCategorieFichier img{width:60%;cursor:pointer;transition:filter .3s ease-in-out}.divCategorieFichier p{font-size:1.5em;color:#fff;font-weight:700;cursor:pointer}.informationContact{width:100%;color:#fff;text-align:center;font-weight:700}.informationContact span{opacity:.5;font-weight:400}.informationContact a{text-decoration:none;color:#fff}.divContenue{display:flex;flex-wrap:wrap;justify-content:center}.divContenue a{text-align:center;color:#fff;text-decoration:none;cursor:pointer;margin:0 1%;width:17%}.divContenue img{width:80px;height:80px}.grayscale{filter:grayscale(1)}.divTitreResetPassword{display:flex;justify-content:center;align-items:center;margin-top:28vh;margin-bottom:50px}.divTitreResetPassword h1{color:#fff;margin-top:25px;margin-left:-40px;width:fit-content;font-size:2em}.divTitreResetPassword img{width:70px}.txtResetBold{text-align:center;font-weight:700;color:#fff;font-size:1.2em}.textReset{text-align:center;width:80%;margin-left:10%;color:#fff;font-size:1em}.inputReset{width:100%;padding:8px 16px;line-height:25px;font-size:14px;font-weight:500;border-radius:22px;-webkit-appearance:none;color:var(--input-color);border:1px solid var(--input-border);background:var(--input-background);margin-top:10%;margin-bottom:10%}.btnReset{color:#000;text-decoration:none;padding:10px 20px;background:#18f6ef;background:linear-gradient(90deg,#4280c0 0,#18f6ef 100%);border-radius:22px;font-weight:700;font-size:1.1em;border:1px solid #000;cursor:pointer;margin-bottom:35%}.txtResetAccepter{position:absolute;bottom:7%;text-align:center;color:#18f6ef}.txtResetRefuser{position:absolute;bottom:5%;text-align:center;color:#8b0000}.divTitreModifPassword{display:flex;justify-content:center;align-items:center;margin-top:20vh;margin-bottom:28px}.divTitreModifPassword h1{color:#fff;margin-top:25px;margin-left:-40px;width:fit-content;font-size:2em}.divTitreModifPassword img{width:70px}.inputNewMDP{width:100%;padding:8px 16px;line-height:25px;font-size:14px;font-weight:500;border-radius:22px;-webkit-appearance:none;color:var(--input-color);border:1px solid var(--input-border);background:var(--input-background)}.inputNewMDP1{margin-bottom:5%;margin-top:5%}.inputNewMDP2{margin-bottom:2%}.ulVerif{color:#8b0000;font-size:15px;margin-left:20%}.btnNewPassword{color:#000;text-decoration:none;padding:10px 20px;background:#18f6ef;background:linear-gradient(90deg,#4280c0 0,#18f6ef 100%);border-radius:22px;font-weight:700;font-size:1.1em;border:1px solid #000;cursor:pointer;margin-top:10%;margin-bottom:25%}.checkSubmit{fill:url(#Gradient1);height:50px;margin-bottom:40%}.sectionInscription{width:100%;display:flex;align-items:center;justify-content:center}.divInscription{width:500px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:150px;margin-bottom:100px}.divInscription img{width:100px}.divInscription h1{font-size:2em}.inputInscriSG{margin-right:2%;width:41%}.inputInscriSD{margin-left:2%;width:41%}.inputInscriL{width:97.5%}.inputInscriL,.inputInscriSD,.inputInscriSG{padding:8px 16px;line-height:25px;font-size:14px;font-weight:500;border-radius:22px;-webkit-appearance:none;color:var(--input-color);border:1px solid #99a3ba;background:#2a2a2af7;transition:border .3s ease;margin-bottom:3%}.btnInscriptionEP{color:#000;text-decoration:none;padding:10px 20px;background:#18f6ef;background:linear-gradient(90deg,#4280c0 0,#18f6ef 100%);border-radius:22px;font-weight:700;font-size:1.1em;border:1px solid #000;margin-top:15%;margin-bottom:10%;cursor:pointer}.connexionPageInscription{width:100%;margin-top:-30px;text-align:center;color:#fff;opacity:.4}.formInscription{display:flex;flex-wrap:wrap;justify-content:center}.divInscriptionValide{margin-top:50px;color:#fff;font-weight:700;font-size:1em;text-align:center}.btnRetourEP{color:#000;text-decoration:none;padding:10px 20px;background:#18f6ef;background:linear-gradient(90deg,#4280c0 0,#18f6ef 100%);border-radius:22px;font-weight:700;font-size:1.1em}.informationModMDP{text-align:center;color:#fff;margin-top:-10px;font-weight:700}.informationModMDP a{color:#fff;text-decoration:none}.informationModMDP a:hover{color:#18f6ef}@media (max-width:576px){.divTitreEspacePro h1{width:fit-content;margin-top:24px;margin-left:-32px;font-size:1.8em}.divTitreEspacePro img{width:55px}.form-group{width:90%}.divInformationEspace{left:5vw;right:5vw;width:90vw;display:flex;flex-wrap:wrap;position:relative}.divTitreEspaceProMenu{justify-content:center;width:100%;margin-bottom:25px}.divTitreEspaceProMenu h1{margin-left:-29px;font-size:1.5em;margin-top:18px;width:fit-content}.divDeconnexion{width:50%}.divDeconnexion a{margin-top:-7px}.textIdentifiant{text-align:left;margin-top:5px;color:#fff;width:50%}.divContenueEspacePc{margin-top:120px}.divCategorieFichier div{width:33%}.divCategorieFichier p{font-size:1em}.divContenue a{width:31%}.inputReset{width:90%}.divTitreResetPassword{margin-top:15vh}.textReset,.txtResetBold{width:90%;margin-left:5%}.divInscription{margin-top:100px;margin-bottom:100px}.inputInscriSG{margin-right:0;width:84%}.inputInscriSD{margin-left:0;width:84%}.inputInscriL{width:84%}}@media (min-width:576px) and (max-width:768px){.divTitreEspacePro h1{margin-top:30px;margin-left:-42px}.divTitreEspacePro img{width:75px}}