@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Sansita:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Work+Sans:wght@200;300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";#root{background-color:#f1f5f9;width:100%;overflow-x:hidden;display:flex}.nav-menu-items .nav-link.active{color:#fff;background-color:#191970;border-radius:18px;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.nav-menu-items .nav-link.active .MuiListItemText-primary{color:#fff}.nav-menu-items .nav-link .MuiListItemIcon-root{color:#006}.nav-menu-items .nav-link.active .MuiListItemIcon-root{color:#fff}.nav-menu-items .list-item a.active{color:#fff;background-color:#191970;border-radius:18px;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.nav-menu-items .list-item a.active .MuiListItemText-primary{color:#fff}.nav-menu-items .list-item a .MuiListItemIcon-root{color:#006}.nav-menu-items .list-item a.active .MuiListItemIcon-root{color:#fff}.link-modules{width:350px;height:150px;background-color:#fff;border-radius:10px;margin:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#006;transition:.5s}.link-modules:hover{box-shadow:#11111a1a 0 1px,#11111a1a 0 8px 24px,#11111a1a 0 16px 48px}.title-Modules{color:#006;margin-bottom:20px}.modules-box{display:flex;flex-wrap:wrap;margin-top:20px}.title-of-module{color:#006;width:90%;padding:10px;font-weight:700;border-bottom:2px solid #000066}.Description{padding:10px;text-align:center;color:#000;font-size:12px}.Modal-seul-appr{top:50%;left:50%;transform:translate(-50%,-50%);width:650px;height:630px;padding:16px;border-radius:15px;background-color:#fff;background-size:cover;position:relative;align-items:center;text-align:center}.Modal-seul-appr .MuiTypography-root{color:#006;position:relative;font-size:28px;font-weight:700}.Modal-seul-appr form{display:flex;flex-direction:column;align-items:center;position:relative;margin-top:50px}.Modal-seul-appr form input{outline-color:#d0d5dd;background-color:#fff;font-size:.8rem;height:40px;width:350px;position:relative;border:1px solid #000066;text-align:center;margin:20px}.year-select{outline:none;font-size:.8rem;height:40px;width:350px;position:relative;border:1px solid #000066;text-align:center;margin:20px}.Modal-seul-appr button{font-size:16px;height:45px;width:120px;border-radius:6px;color:#fff;border:none;background-color:#006;z-index:2;cursor:pointer;position:relative;margin-left:25px;margin-right:30px}.Modal-seul-appr form input:focus{color:#000}.cohorte-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:630px;height:550px;padding:16px;border-radius:15px;display:flex;flex-direction:column;background-color:#fff;text-align:center}.cohorte-modal .MuiTypography-root{color:#006;position:relative;font-size:28px;font-weight:700}.cohorte-modal form{margin-top:60px;display:flex;flex-direction:column;align-items:center;position:relative}.cohorte-modal form input{outline:none;font-size:.8rem;text-align:center;background-color:#fff;border:solid 1px #000066;height:40px;width:350px;position:relative;margin:20px}.cohorte-modal form .file-container{font-size:.8rem;white-space:nowrap;text-align:center;border:1px solid #000066;height:40px;padding-top:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;background-color:#fff;width:350px}.cohorte-modal form .file-container .file-place{font-size:.8rem;white-space:nowrap;text-align:center;height:40px;padding-top:10px}.cohorte-modal form .file-container input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.cohorte-modal .button-container{margin-top:100px;position:relative}.cohorte-modal button{font-size:16px;font-weight:700;height:45px;width:120px;border-radius:6px;color:#fff;border:none;background-color:#006;z-index:2;cursor:pointer;position:relative;margin-left:15px;margin-right:15px}.cohorte-modal button:focus{font-size:16px;font-weight:700;height:45px;width:120px;border-radius:6px;color:#fff;border:none;background-color:#006;z-index:2;cursor:pointer;position:relative;margin-left:15px;margin-right:15px}.modal-lot{top:50%;left:50%;transform:translate(-50%,-50%);width:620px;height:530px;padding:16px;border-radius:15px;background-color:#fff;text-align:center;position:absolute;display:flex;flex-direction:column}.modal-lot .MuiTypography-root{color:#006;font-size:28px;font-weight:700}.modal-lot form{display:flex;flex-direction:column;align-items:center;position:relative;margin-top:80px}.modal-lot form input{outline:none;background-color:transparent;font-size:.8rem;height:40px;width:350px;border:1px solid #000066;text-align:center;margin:20px}.modal-lot form .file-container{position:relative;overflow:hidden;background-color:transparent;height:40px;width:350px}.modal-lot form .file-container .file-place{font-size:.8rem;white-space:nowrap;text-align:center;border:1px solid #000066;height:40px;padding-top:10px}.modal-lot form .file-container input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;margin:20px}.modal-lot .button-container{margin-top:80px;position:relative}.modal-lot button{font-size:16px;height:45px;width:120px;border-radius:6px;color:#fff;border:none;background-color:#006;z-index:2;cursor:pointer;margin-left:15px;margin-right:15px}.Modal-seul-prof{top:50%;left:50%;transform:translate(-50%,-50%);width:650px;height:630px;padding:16px;border-radius:15px;background-color:#fff;background-size:cover;position:relative;text-align:center}.Modal-seul-prof .MuiTypography-root{color:#006;position:relative;font-size:28px;font-weight:700}.Modal-seul-prof form{display:flex;flex-direction:column;align-items:center;position:relative;margin-top:80px}.Modal-seul-prof form input{outline:none;background-color:#fff;font-size:.8rem;height:40px;width:350px;border:1px solid #000066;text-align:center;margin:20px;position:relative}.Modal-seul-prof button{font-size:16px;height:45px;width:120px;border-radius:6px;color:#fff;border:none;background-color:#006;z-index:2;cursor:pointer;position:relative;margin-left:20px;margin-right:10px}.Modal-seul-prof form input:focus{color:#000}.lot-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:350px;padding:16px;border-radius:15px;display:flex;flex-direction:column;align-items:center;background-color:#fff;text-align:center}.lot-modal .MuiTypography-root{color:#006;position:relative;font-size:28px;font-weight:700}.lot-modal .file-container{margin-bottom:10px;position:relative;margin-top:10%;width:350px;border-radius:5px}.lot-modal input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.lot-modal .file-place{padding:8px 12px;font-size:.8rem;white-space:nowrap;text-align:center;border:1px solid #000066;width:350px;cursor:pointer}.lot-modal .button-container{margin-top:80px}.lot-modal .button-container button{font-size:16px;font-weight:700;height:45px;width:120px;border-radius:6px;color:#fff;border:none;background-color:#006;z-index:2;cursor:pointer;margin-left:53px;margin-right:53px}.lot-modal{top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;border-radius:15px;background-color:#fff;text-align:center;position:absolute;display:flex;flex-direction:column;align-items:center}.lot-modal .title{color:#006;font-size:28px;font-weight:700}.lot-modal form{display:flex;align-items:center;margin-top:40px}.lot-modal form .file-container{position:relative}.lot-modal form .file-container .file-place{font-size:.8rem;white-space:nowrap;text-align:center;border:1px solid #000066}.lot-modal form .file-container .file{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.lot-modal .button-container{display:flex;margin-top:50px}.lot-modal button{font-size:16px;height:45px;width:120px;border-radius:6px;color:#fff;border:none;background-color:#006;z-index:2;cursor:pointer}.Modal-seul-module{top:50%;left:50%;transform:translate(-50%,-50%);width:650px;height:630px;padding:16px;border-radius:15px;background-color:#fff;background-size:cover;position:relative;align-items:center;text-align:center}.Modal-seul-module .MuiTypography-root{color:#006;position:relative;font-size:28px;font-weight:700}.Modal-seul-module form{display:flex;flex-direction:column;align-items:center;position:relative;margin-top:0}.Modal-seul-module form input,.Modal-seul-module form select{outline:none;background-color:#fff;font-size:.8rem;height:40px;width:350px;position:relative;border:1px solid #000066;text-align:center;margin:20px}.Modal-seul-module form .file-container{outline:none;background-color:#fff;font-size:.8rem;height:40px;width:350px;position:relative;border:1px solid #000066;text-align:center;color:gray;margin:20px 20px 20px 135px}.Modal-seul-module form .file{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.Modal-seul-module button{font-size:16px;height:45px;width:120px;border-radius:6px;color:#fff;border:none;background-color:#006;z-index:2;cursor:pointer;position:relative;margin-top:20px;margin-left:25px;margin-right:30px}.Modal-seul-module form input:focus{color:#000}.Carde{width:200px;height:80px;padding:20px;display:inline-block;border-radius:10px;background-color:#006;box-shadow:5px 5px 5px #d1cece;margin:10px;box-shadow:#0000001a 0 4px 12px}.Carde .container{display:flex;justify-content:center;align-items:flex-start}.card-container{display:inline-block;margin-bottom:40px}.Card-img{width:30px}.Carde .container .Card-stat{color:#fff;font-weight:100;margin-left:10px;margin-top:-1px}.Card-title{color:#fff;width:50px}.adminhome{margin-top:-60px}.about-container{width:100%;margin-bottom:150px;padding:20px}.about-container h1{font-family:Montserrat,sans-serif;position:relative;font-size:40px;font-weight:700;letter-spacing:1.3px;color:#000;width:100%;margin-left:50px;margin-bottom:20px}.card-row{display:flex;flex-direction:column;justify-content:space-between}.card-row :first-child{margin-left:150px}.card-row :nth-child(2){margin-left:300px}.card-row :nth-child(3){margin-left:450px}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40%;height:10%;margin:20px;padding:10px;border:1px solid #F1F5F9;border-radius:10px;box-shadow:#0000001a 0 10px 50px}.card h2{margin-top:0;width:100%;color:#006}.card p{margin-right:250px;width:100%;margin-top:20px;padding:10px}.footer{background-color:#006;padding:20px}.footer .container{max-width:1200px;margin:80px auto;height:45px;color:#fff}.footer .container .row{display:flex;justify-content:space-between}.footer .container .first{border-bottom:1px solid white}.footer .container .seconde{margin-top:10px;font-size:12px}.footer .container .row .col h5{font-size:18px;font-weight:300;margin-bottom:20px}.col{margin-bottom:20px}ul{list-style:none}ul li{margin-bottom:6px;font-weight:300}ul li a{text-decoration:none;color:#fff}*{font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box}.header{position:fixed;top:0;left:0;right:0;width:100%;padding:20px 50px;background:#f1f5f9;display:flex;justify-content:space-between;align-items:center;z-index:100}.logo{display:flex;justify-content:center;align-items:center;margin-right:80px;flex-direction:row;margin-left:90px}.logo img{width:60px;height:60px;margin-right:10px}.navbar{display:flex;justify-content:flex-end;background:none}.navbar a{margin-left:20px;color:#006;text-decoration:none;font-weight:500;font-size:18px}.navbar .btn{margin-left:100px;padding:6px 15px;border-radius:8px;border:1px solid #000066;color:#006;text-decoration:none;transition:.5s}.navbar .btn:hover{background-color:#006;color:#fff}.navbar a:hover:not(a.btn){text-decoration:underline}.home-content{max-width:900px}.home{height:100vh;display:flex;align-items:center;padding:0 10%}.home-content p{font-family:Montserrat,sans-serif;position:relative;font-size:18px;font-weight:600;margin:20px 0 40px;line-height:2;color:#646464;width:550px}.home-content h3{font-family:Montserrat,sans-serif;position:relative;font-size:40px;font-weight:700;letter-spacing:1.3px;color:#000;width:600px}.home-content .btn-box{position:relative;display:flex;justify-content:space-between;width:345px;height:50px}.home-content .btn-box{position:relative;display:inline-flex;font-size:19px;text-decoration:none;font-weight:600;justify-content:center;align-items:center;width:150px;height:100%;background-color:#006;border-radius:10px;color:#fff;z-index:1;overflow:hidden;transition:.5s}.btn-box .bttn:hover{color:#006;transition:.5s}.btn-box:before{content:"";position:absolute;top:0;left:0;width:0;background-color:#679cf8;height:100%;z-index:-1;transition:.5s}.btn-box:hover:before{width:100%}.illustration{position:relative;left:250px;height:400px}.moddal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;box-shadow:#0003 0 60px 40px -7px;padding:4;text-align:center;width:600px;height:600px;border-radius:20px}.moddal form{display:flex;flex-direction:column;align-items:center;margin-top:50px}.moddal form input{margin-bottom:8px;width:60%;padding:8px;border:1px solid #000066;border-radius:4px}.moddal .logo-esi{margin-top:40px}.moddal .Modal-title{margin-top:50px;font-size:25px;font-weight:700;color:#006}.moddal .button-box{display:flex;align-items:center;justify-content:center;margin-top:20px}.moddal .button{color:#006;background-color:#fff;width:100px;margin-left:10px}.button:hover{border:1px solid #000066;color:#006;font-weight:600}.title-chapters{display:flex;align-items:center;margin-bottom:20px;color:#006}.chapter-header h3{max-width:100%;word-wrap:break-word;font-size:15px}.Box-chapters{width:350px;background:#fff;border-radius:10px;margin:10px;padding:20px;display:flex;flex-direction:column;align-items:center;transition:.5s;box-shadow:0 0 1px 1px #c8e4ec}.Box-chapters .Description p{max-width:200px;word-wrap:break-word}.Modal-Add-Chapter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;box-shadow:#0003 0 60px 40px -7px;padding:4;text-align:center;width:455px;height:450px;border-radius:20px}.Modal-Add-Chapter h2{margin-top:10px;color:#006;text-decoration:underline}.box-input label{font-size:20px;margin-left:-100px;margin-bottom:10px}.Modal-Add-Chapter .button-box{display:flex;align-items:center;justify-content:center;margin-top:20px}.button-box .button{border:1px solid #000066;color:#006;font-weight:600;width:100px;margin-left:10px}.button-box .button:hover{color:#fff;background-color:#006}.title-quizzes{display:flex;align-items:center;margin-bottom:20px;margin-top:90px;color:#006;font-size:15px}.title-quizzes h2{font-size:25px}.Box-quizzes{width:350px;box-shadow:0 0 1px 1px #c8e4ec;background:#fff;border-radius:10px;margin:10px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:.5s}.title-of-Quiz{color:#006;width:100%;padding:10px;font-weight:700;border-bottom:2px solid #000066;display:flex;justify-content:space-between}.box-title{display:flex}.box-title h3{font-size:15px}.Modal-Add-Quizz{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;box-shadow:#0003 0 60px 40px -7px;padding:4;text-align:center;width:455px;height:450px;border-radius:20px}.Modal-Add-Quizz h2{margin-top:10px;color:#006;text-decoration:underline}.box-input{display:flex;flex-direction:column;align-items:center;margin-top:70px;max-width:100%;padding:8px;box-sizing:border-box}.box-input label{font-size:20px;margin-bottom:10px}.note-cell{background-color:#2da771;color:#000;padding:8px;border-radius:4px;font-weight:700}.deadline{width:260px;height:35px;border:1px solid grey;border-radius:6px;outline:none}.add-question{background-color:#006;color:#fff;display:flex;height:35px;width:160px;align-items:center;font-weight:700;font-size:14px;cursor:pointer;border:1px solid #000066;border-radius:6px;position:fixed;top:200px;right:25px;transform:translate(-10%)}.partager{background-color:#006;color:#fff;display:flex;height:35px;width:160px;justify-content:center;align-items:center;font-weight:700;font-size:14px;cursor:pointer;border:1px solid #000066;border-radius:6px;position:fixed;bottom:5%;right:15px;transform:translate(-10%)}.deadline-container{position:fixed;top:90px;right:0;transform:translate(-10%);padding:10px;border:none;border-radius:5px}.deadline{width:260px;height:35px;border:1px solid grey;border-radius:6px}.deadline-title{color:#647480}.quiz-title{color:#006;font-weight:700;font-size:26px}.question-label{position:relative;font-weight:700}.button-container{position:relative}.Modal-add-question{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:680px;height:550px;border-radius:15px;background-color:#fff}.Modal-add-question .MuiTypography-root{background-color:#006;position:relative;font-size:20px;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;width:680px;margin-left:auto;margin-right:auto;height:50px;border-radius:15px 15px 0 0}.questionETnote{font-size:16px;font-weight:700;display:flex;justify-content:space-between;margin-top:40px;margin-left:12px}.questionETnote :nth-child(2){margin-right:70px}.questionETnote-input{font-size:16px;font-weight:700;display:flex;justify-content:space-between;margin-top:10px}.Modal-add-question form .question-text{position:relative;height:40px;width:400px;border:solid .5px rgb(223,222,222);margin:10px;padding:10px}.Modal-add-question form .note-text{position:relative;height:40px;width:100px;border:solid .5px rgb(223,222,222);margin:10px;padding:10px}.reponse-inputs{display:flex;flex-direction:column}.reponse-text{position:relative;height:40px;width:400px;border:solid .5px rgb(223,222,222);margin:10px;padding:10px}.reponse-zone{display:flex}.sumbit-button{background-color:#006;color:#fff;display:flex;height:35px;width:100px;justify-content:center;align-items:center;text-align:center;font-weight:700;font-size:14px;cursor:pointer;border:1px solid #000066;border-radius:6px;position:relative;margin:20px;bottom:0%}.button-container{display:flex;justify-content:center;align-items:center;margin:20px}.questions-list{margin-top:50px;height:auto;width:800px;padding:20px;list-style:none}.Question-affichage{display:flex;flex-direction:row;margin-right:40px;padding-left:10px;margin-top:10px}.afficher-question{margin:10px;padding-left:10px;max-width:900px;word-wrap:break-word;font-size:1.25em}.afficher-reponse{margin-left:30px;word-wrap:break-word}.reponses-list{padding-left:30px}.reponses-list-item{background-color:#fff;border:1px solid rgb(232,229,229);border-radius:10px;padding:10px;margin:10px;background:#fff}.selected-response{color:green;border:1px solid green}.reponse-checkbox:checked{color:green}.Box-resources{width:350px;background:#fff;border-radius:10px;margin:10px;padding:20px;display:flex;flex-direction:column;align-items:center;transition:.5s;box-shadow:0 0 1px 1px #c8e4ec}.title-of-Resource h3{max-width:100%;word-wrap:break-word;font-size:15px}.Description{max-width:200px;padding:10px;word-wrap:break-word}.Modal-Add-Resource{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;box-shadow:#0003 0 60px 40px -7px;padding:4;text-align:center;width:455px;height:550px;border-radius:20px}.Modal-Add-Resource h2{margin-top:10px;color:#006;text-decoration:underline}.box-input{display:flex;flex-direction:column;align-items:center;margin-top:40px;max-width:100%;padding:8px;box-sizing:border-box}.box-input input{margin-bottom:40px;width:70%;padding:8px;border:1px solid #D0D5DD;border-radius:7px}.Modal-Add-Quizz .button-box{display:flex;align-items:center;justify-content:center;margin-top:20px}.title-devoirs h3{flex:1;font-size:25px}.Box-devoirs{width:350px;background:#fff;border-radius:10px;margin:10px;padding:20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 1px 1px #c8e4ec}.title-of-Devoir h3{max-width:100%;word-wrap:break-word;font-size:15px}.Description{max-width:200px;word-wrap:break-word}.Modal-Add-Devoir{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;box-shadow:#0003 0 60px 40px -7px;padding:4;text-align:center;width:455px;height:600px;border-radius:20px}.Modal-Add-Devoir h2{margin-top:10px;color:#006;text-decoration:underline}.box-input{display:flex;flex-direction:column;align-items:center;margin-top:20px;max-width:100%;padding:8px;box-sizing:border-box}.box-input input{margin-bottom:20px;width:70%;padding:8px;border:1px solid #d0d5dd;border-radius:7px}.box-input :first-child{margin-right:160px}.box-input :nth-child(3){margin-right:90px}.Modal-Add-Devoir .button-box{display:flex;align-items:center;justify-content:center;margin-top:20px}.button-box .button{border:1px solid #000066;color:#006;font-weight:600;width:100px}.button-box :first-child{margin-right:-1px}body{background:#f1f5f9;width:100%}.student-link-modules{width:350px;height:150px;background-color:#fff;border-radius:10px;margin:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#006;transition:.5s}.student-link-modules:hover{box-shadow:#11111a1a 0 1px,#11111a1a 0 8px 24px,#11111a1a 0 16px 48px}.student-title-Modules{color:#006;margin-bottom:20px}.student-modules-box{display:flex;flex-wrap:wrap;margin-top:20px;margin-bottom:80px}.student-title-of-module{color:#006;width:90%;padding:10px;font-weight:700;border-bottom:2px solid #000066}.student-Description{padding:10px;text-align:center;color:#000;font-size:12px}body{background-color:#f1f5f9;margin:0;padding:0;box-sizing:border-box;display:flex}.title-of-Chapter{color:#006;width:90%;padding:10px;font-weight:700}.title-chapters{display:flex;align-items:center;margin-bottom:20px;margin-top:60px;color:#006}.chapter-header{display:flex;justify-content:space-between;width:100%;border-bottom:2px solid #000066}.link-chapitre{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-decoration:none;color:#006}.Box-chapters{width:350px;background:#fff;border-radius:10px;margin:40px 10px 10px;padding:20px;display:flex;flex-direction:column;align-items:center;transition:.5s}.Box-chapters .Description{max-width:200px;word-wrap:break-word}.Box-chapters:hover{box-shadow:#11111a1a 0 1px,#11111a1a 0 8px 24px,#11111a1a 0 16px 48px}.Description{font-size:18px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.Description p{margin-bottom:10px}.Description p span{color:#006;font-weight:500}.title{color:#006;margin-bottom:20px}.title-resources{display:flex;margin-bottom:20px;color:#006}.title-resources h3{flex:1}.Box-resources{width:350px;background:#fff;border-radius:10px;margin:10px;padding:20px;display:flex;flex-direction:column;align-items:center;transition:.5s}.Box-resources:hover{box-shadow:#11111a1a 0 1px,#11111a1a 0 8px 24px,#11111a1a 0 16px 48px}.title-of-Resource{color:#006;width:90%;padding:10px;font-weight:700;border-bottom:2px solid #000066}.title-of-Resource h3{font-size:15px}.Ressource_Description{font-size:13px;padding:10px}.title{color:#006}.title-devoirs{display:flex;align-items:center;margin-bottom:20px;color:#006;margin-top:70px}.title-devoirs h3{flex:1}.Box-devoirs{width:350px;background:#fff;border-radius:10px;margin:10px;padding:20px;display:flex;flex-direction:column;align-items:center}.Box-devoirs:hover{box-shadow:#11111a1a 0 1px,#11111a1a 0 8px 24px,#11111a1a 0 16px 48px}.title-of-Devoir{color:#006;width:90%;padding:10px;font-weight:700;border-bottom:2px solid #000066}.title-of-Devoir h3{font-size:15px}.Description{font-size:13px}.devoir-link{text-decoration:none}*{font-family:Roboto,sans-serif}.title-quizzes{display:flex;align-items:center;margin-bottom:20px;margin-top:90px;color:#006}.Box-quizzes{width:350px;background:#fff;border-radius:10px;margin:10px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:.5s}.Box-quizzes:hover{box-shadow:#11111a1a 0 1px,#11111a1a 0 8px 24px,#11111a1a 0 16px 48px}.Box-quizzes .Description{max-width:200px;word-wrap:break-word}.title-of-Quizz{color:#006;width:100%;padding:10px;font-weight:700;border-bottom:2px solid #000066;display:flex;justify-content:space-between}.box-title{display:flex;flex-direction:row;justify-content:space-between;color:#006}.devoir-details{font-family:Arial,sans-serif;line-height:1.6;background-color:#f4f4f4;padding:20px;width:80vw}.devoir-details h1{font-size:2rem;color:#006}.devoir-details .devoir-details__fichier-prof-label{font-size:13px;font-weight:800}.devoir-details__status-terminé{background-color:green;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:14px;margin-bottom:20px}.devoir-details__status-non-terminé{background-color:#af0505;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:14px;margin-bottom:20px}.devoir-details__remises-fichiers table{width:78%;border-collapse:collapse;margin-top:0}.devoir-details__remises-fichiers th,.devoir-details__remises-fichiers td{border:1px solid #c8e4ec;padding:8px;text-align:left;color:#006}.devoir-details__remises-fichiers th{background-color:#f2f2f2;text-align:center}.devoir-details__remises-fichiers tbody tr:nth-child(2n){background-color:#f2f2f2}.devoir-details__remises-fichiers tbody tr:hover{background-color:#ddd}.devoir-details__instructions{display:flex;flex-direction:column;align-items:flex-start;border-radius:5px;padding-bottom:20px;padding-top:20px;width:77%}.devoir-details a{display:inline-block;color:#006;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:1rem;margin-top:10px}.devoir-details a:hover{background-color:#098809;color:#fff}.devoir-details__ajouter-travail-button{background-color:#006;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;margin-top:30px}.nomETdedline{display:flex;justify-content:space-between;margin-bottom:30px}.devoir-details button:hover{background-color:#5a50b2}.devoir-details__compteur{font-size:1em;color:#006;display:flex;justify-content:center;align-items:center;background-color:#fff;top:0%;border:1px solid #9898e6;border-radius:5px;height:50px;box-shadow:#64646f33 0 7px 29px}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#00000080;width:500px;height:300px;border-radius:8px;display:flex;justify-content:center;align-items:center;background-color:#fff}.modal-content{width:800px;padding:20px;border-radius:8px}.devoir-instructions{font-size:1em;color:#006;display:flex;justify-content:center;align-items:center;background-color:#fffff7;top:0%;border:1px solid #9898e6;border-radius:5px;padding:20px;box-shadow:#64646f33 0 7px 29px;width:100%;height:150px}.moddal-button{background-color:#fff;color:#006;border:1px solid #000066;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;margin:20px}.moddal-button:hover{background:#006;color:#fff}.file-devoir-input{margin-bottom:40px;width:70%;padding:8px;border:1px solid #D0D5DD;border-radius:7px}.box-devoir-input input{width:100%;padding:8px;border:1px solid #D0D5DD;border-radius:7px}.Forum{display:flex;width:100vw;flex-direction:column;margin:0;padding:0;border:none}.homeTitle{margin-bottom:20px}.ForumForm{display:flex;flex-direction:column;width:80%;position:fixed;bottom:2%}.thread-container{flex-direction:column;padding-left:10px}.thread__item{border-radius:5px;background-color:#fff;padding:20px;width:70%;box-shadow:0 0 1px 1px #c8e4ec;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;word-wrap:break-word}.thread-date{width:70%;font-size:.7em;color:gray;display:flex;justify-content:flex-end}.react__container{display:flex;align-items:center}.homeTitle{color:#006}.replay-date{width:65%;font-size:.7em;color:gray;display:flex;justify-content:flex-end}.replay_box{display:flex;flex-direction:column;width:100%;padding-left:35px}.reply__item,.replyInput{border-radius:5px;background-color:#fff;padding:20px;width:65%;box-shadow:0 0 1px 1px #c8e4ec;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;word-wrap:break-word}.replyInput input{border:none;outline:none;word-wrap:break-word}.messageInput{border-radius:5px;background-color:#fff;padding:20px;width:90%;box-shadow:0 0 1px 1px #c8e4ec;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;word-wrap:break-word;outline:none}.messageInput input{border:none;outline:none;word-wrap:break-word}.forumPageTitle{color:#006;margin:20px}.forum-list-container{width:80vw}.forum-item-container{border:1px solid #C8E4EC;background-color:#fff;width:90%;margin:20px;padding:20px;box-shadow:#32325d40 0 13px 27px -5px,#c8e4ec 0 8px 16px -8px;display:flex;flex-direction:rows}.forum-item-title{color:#006;font-size:1.3em;font-weight:700;margin-bottom:15px}.forum-item-description{color:#006;padding:5px;margin-right:5px}.forum-item-right{color:#006;display:flex;flex-direction:rows;align-items:center;justify-content:center}