#root{margin:0 auto;height:100vh}body{margin:0;background-color:#fbfbfb;font-family:sans-serif}#nav{padding:60px 15px 15px;text-align:center;position:fixed;left:0;top:0;z-index:0;background-color:#f3f3f3;height:100%}#codes{max-height:400px;overflow-y:auto;width:220px;padding:10px}textarea::-webkit-scrollbar,div::-webkit-scrollbar{width:4px;height:4px}textarea::-webkit-scrollbar-track,div::-webkit-scrollbar-track{background:transparent}textarea::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{background-color:#64646466;border-radius:10px}#codes .cfile{padding:10px;background-color:#fff;border-radius:6px;margin:5px 0;box-shadow:2px 2px 5px #b3b3b3;font-size:14px;transition:.3s;display:flex;justify-content:space-between;align-items:center}.cfile button{border:none;padding:10px;border-radius:10px}.cfile button .loading-ring{display:none}.cfile strong:hover{cursor:pointer;padding-left:10px;color:#105aa0;transition:.3s}.cfile .fa-trash{color:red}.logo{width:80px}#nav h3{color:#105aa0;text-align:center;margin:5px 0}#app{margin:50px 10px 10px 250px;position:relative;height:100%}#app section{display:flex;align-items:center;width:90%;margin:auto}#context{padding:5px;display:flex}#context div{display:flex}#app #context p{display:flex;width:fit-content;padding:10px;border-radius:50px;font-size:14px;border:1px solid rgb(16,90,160);color:#105aa0;text-align:center;margin:5px;transition:.3s}.disabledbtn:hover{cursor:not-allowed}.err{color:red;margin:10px 0}#app #context section p:hover{background-color:#105aa0;transition:.3s;color:#fff;cursor:pointer}#context p span{display:block;margin-right:10px}.selected{background-color:#105aa0;color:#fff!important}#app #context{width:80%;overflow-x:auto;white-space:nowrap}#app #awe{margin-top:-20px;margin-left:50px}#awe *{color:#105aa0;margin:0 10px;font-size:20px}.disabled{opacity:.5;color:gray}.helpDiv h2{padding-bottom:10px;border-bottom:1px solid lightgray}#conv{border:1px solid rgb(228,228,228);min-height:450px;height:calc(100% - 200px);position:relative;overflow-y:auto;width:80%;border-radius:10px;padding:10px 10px 20px;margin:30px auto 10px}#loading{position:absolute;top:99%}#control-chat{max-width:1000px}#chat{height:78%}#control-chat textarea{border:1px solid transparent!important;width:98%;box-sizing:border-box;height:60px;padding-bottom:25px!important;color:#000!important;overflow-y:auto;line-height:1.4;overflow-y:scroll;resize:none;font-size:16px}#control-chat textarea:focus{outline:none;box-shadow:none;border:none}#control-chat{display:flex;justify-content:center;align-items:center;margin:auto;width:90%}#control-chat div *{display:block;margin-left:10px;margin-top:3px;border:1px solid rgb(16,90,160);color:#105aa0;padding:8px;border-radius:5px}#area{width:90%;padding:5px;border-radius:15px;box-shadow:2px 2px 10px #d3d3d3;background-color:#fff!important}#fapaper{color:#6d6d6d!important;font-size:14px;border:none!important;padding:5px!important;border-radius:50px!important;opacity:.7}#fapaper:hover{opacity:1;transition:.2s}#famic{background-color:#105aa0;color:#fff;padding:10px;border-radius:50px;margin-right:20px;font-size:16px}.msg{display:flex;align-items:flex-start;margin:5px 0}.user{justify-content:right}.user div{background-color:#fff}.assistant{justify-content:left}.assistant div{background-color:#efefef}.msg div{padding:10px;border-radius:10px}.msg_user{padding:10px;border-radius:10px;box-shadow:1px 1px 3px #d3d3d3;margin:0 5px;max-width:800px}.msg img{width:20px;margin-top:10px}#add_file_form button{display:flex;width:100%;padding:10px;border-radius:10px;border:none;box-sizing:border-box;justify-content:center;background-color:#105aa0;margin-top:20px;color:#fff}#add_file_form button .loading-ring-white{margin-right:10px}#voile{background-color:#1e1e1e66;position:fixed;top:0;left:0;height:100%;width:100%;z-index:100}#voile .helpDiv{border-radius:10px;background-color:#fff;max-width:500px;margin:150px auto 10px;padding:10px;position:relative}#voile form{padding:10px;border-radius:10px;background-color:#fff;margin:150px auto 10px;max-width:500px;box-shadow:3px 3px 10px #4a4a4a;position:relative}#voile form button{background-color:#105aa0;color:#fff;transition:.3s;cursor:pointer;display:block;width:100%;padding:10px;border-radius:5px;text-align:center;border:none;display:flex;justify-content:center;align-items:center}#voile button div{margin-right:10px}#voile .close{position:absolute;top:10px;right:20px;font-size:20px;cursor:pointer}#voile input{padding:15px;border:1px solid lightgray;width:100%;box-sizing:border-box;margin:10px 0 20px}.aide{margin-top:50px;display:flex;justify-content:space-between;align-items:center}.fileIcon{display:flex}#fileName span{border:none!important;display:inline;font-size:12px}#fileName{display:flex;border:1px solid lightgray!important;border-radius:50px!important}#navbar{padding:10px;background-color:#105aa0;z-index:100;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;position:fixed;top:0}#navbar img{width:20px}#navbar div{display:flex;align-items:center}footer{border-top:1px solid lightgray;padding:5px;text-align:center;margin:20px auto;max-width:80%;display:flex;justify-content:space-between;align-items:flex-start}footer p{margin-right:20px}footer a{margin-left:10px}footer *{margin:5px 10px;font-size:12px}.icons-container{opacity:0;margin-left:50px;transition:opacity .2s ease-in-out;display:flex;border-radius:30px;max-width:120px;padding:8px;background-color:#f1efef;justify-content:center}.msg-container-assistant:hover .icons-container{opacity:1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.icon-btn{background:none;border:none;cursor:pointer;font-size:.8rem;transition:transform .2s ease-in-out}.icon-btn:hover{transform:scale(1.1)}.icon-btn:focus{outline:none}.text-blue-500{color:#105aa0!important}.text-red-500{color:red!important}.auth-component{max-width:400px;background-color:#fff;padding:20px;border:1px solid lightgray;border-radius:10px;box-shadow:2px 2px 10px #d3d3d3;margin:70px auto 10px;border-top:5px solid rgb(16,90,160)}.champ{margin:20px 0}.center{text-align:center}.auth-component input{width:100%;padding:10px;border:1px solid lightgray;border-radius:5px;box-sizing:border-box;display:block;margin:10px 0}.auth-component input:focus{outline:none;border:1px solid lightblue!important}.auth-component button{display:block;padding:10px;border-radius:5px;display:flex;width:100%;box-sizing:border-box;border:none;background-color:#105aa0;color:#fff;justify-content:center;cursor:pointer}.auth-component img{display:block;width:100px;margin:20px auto}#logout-icon{color:#e3e3e3;margin:0 10px;cursor:pointer}.success{padding:10px;border:1px solid rgb(77,205,77);color:#0f470f;margin:10px 0;background-color:#cec}.auth-component div{margin-right:10px}.large-form{max-width:600px!important;margin-top:30px}#admin_nav{background-color:#efefef;padding:10px;width:220px;position:fixed;top:0;left:0;height:100%}#admin_nav img{width:80px;display:block;margin:20px auto}#admin_nav a{display:block;margin:0;padding:10px;text-decoration:none;transition:.3s;color:#000}#admin_nav h3{text-align:center;margin:20px 0}#admin_nav a:hover{background-color:#d3d3d3;transition:.3s}.selc{background-color:#d3d3d3;color:#fff}#admin_content{background-color:#fff;padding:10px;box-shadow:3px 3px 10px #d3d3d3;margin-left:250px;margin-top:20px;margin-right:10px}#abonnement{padding:10px;background-color:#fff;border-radius:10px;box-shadow:3px 3px 10px #d3d3d3;margin:80px auto 10px;max-width:800px}#abonnement .abonnement{padding:10px;width:220px;border:1px solid lightgray;display:inline-block;transition:.5s;border-radius:10px;margin:10px}#abonnement h1{text-align:center}.abonnement h3{color:#105aa0;text-align:center}.abonnement h4{color:#105aa0;padding:10px;border:1px solid rgb(16,90,160);text-align:center;margin:10px 0}#abonnement button{display:block;padding:10px;border-radius:5px;display:flex;width:100%;box-sizing:border-box;border:none;background-color:#105aa0;color:#fff;justify-content:center;margin-top:50px;cursor:pointer}#abonnement div{margin-right:10px}.abonnement:hover{box-shadow:5px 5px 10px #d3d3d3;margin-top:-10px;transition:.5s;cursor:pointer}.date{color:gray;font-style:italic;margin:2px 0;font-size:12px}#abonnement select{padding:10px;width:100%;box-sizing:border-box;margin:10px 0;border:1px solid lightgray;border-radius:10px}.info{padding:10px;border:1px solid rgb(5,41,73);background-color:#deebf0;color:#052949;border-radius:5px;margin:10px 0}.content-users{position:relative}.content-users .conv-loading{position:relative;text-align:center;margin:100px auto}.user-card{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid lightgray}.suspendre{padding:10px;border:1px solid brown;color:#fff;border-radius:5px;cursor:pointer;display:flex;background-color:brown}.suspendre span,.activer span{margin-left:10px}.activer div,.suspendre div{margin-right:10px}.activer{padding:10px;border:1px solid rgb(42,165,89);color:#fff;background-color:#2aa559;display:flex;border-radius:5px;cursor:pointer}.text-center{text-align:center}.flex{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.w-40{width:40%}.bg-green{background-color:#2aa559;color:#fff;padding:10px;border-radius:5px;cursor:pointer;width:40%}.bg-gray{background-color:#cadbd1;color:#000;padding:10px;border-radius:5px;cursor:pointer;width:30%}.headerLanding{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#1a4063;color:#fff}.headerLanding h1{margin:0;font-style:italic}.connexion{padding:15px;background-color:#fff;border-radius:50px}#btn1{background-color:#0db81e!important}#btn2{background-color:#1c83e3!important}.contentLanding{width:60%;margin:auto;display:flex;flex-direction:column}.self-center{align-self:center}.decorationTitle{border-bottom:1px solid rgb(16,90,160);border-top:1px solid rgb(16,90,160);text-align:center;padding:10px;color:#105aa0;font-size:24px}#fixed-btn{position:fixed;top:100px;left:170px;background-color:#105aa0;color:#fff;border-radius:10px;padding:15px;font-size:20px;text-decoration:none}.paragraphe{font-size:19px;margin:10px 0;line-height:1.5;text-align:justify}.btn-connexion{background-color:#105aa0;color:#fff;padding:10px;border-radius:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;margin-top:20px;border:none}.title-landing{font-size:26px;color:#105aa0;text-align:center;margin:20px auto;font-weight:700}.selected{background-color:#105aa0!important;color:#fff!important}.faPaper:hover{background-color:#c9e1f9;cursor:pointer;transition:.3s}.selec_thread{background-color:#d4e0f7!important}#n-dispo:hover{cursor:not-allowed!important}#home{margin:0;padding-top:50px;padding-bottom:80px;background:linear-gradient(180deg,#f8f5db,#e0cef6)}#home-logo{display:block;margin:0 auto;width:200px}#banner{display:flex;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:-50px auto auto;box-sizing:border-box;padding-bottom:50px}#banner-text{max-width:700px}#banner-text h1{font-size:60px;max-width:500px;letter-spacing:2px}#banner-text>p{max-width:600px;font-size:30px}#banner-img{max-width:500px;text-align:center;position:relative}#banner-img ._img{border-radius:250px;width:350px;display:block;margin:10px auto 60px;padding:40px;border:1px solid rgb(62,62,62)}#serv img{width:40px;border-radius:50px}#serv div{width:300px;padding:15px;display:inline-block;border:1px solid white;border-radius:20px;margin:10px;background:linear-gradient(45deg,#f1f0f2,#f4e3fb)}.home-btn{padding:15px;font-size:26px;border-radius:50px;background-color:#333;color:#fff;box-shadow:3px 3px 10px #d3d3d3;margin:10px 0;text-decoration:none;display:inline-block}#banner-img .home-btn{margin:auto!important}#home-footer{background-color:#300a4d;padding:20px;border-top-left-radius:20px;border-top-right-radius:20px;margin-top:-50px;width:100%!important;max-width:100%!important;box-sizing:border-box}#home-footer div{max-width:1200px!important;margin:auto;color:#fff;display:flex;align-items:flex-start}#home-footer section{margin:10px 50px 0 0}#home-footer a{display:block;font-size:16px;text-decoration:none;color:#fff;margin:10px 0}#home-footer a span{margin-left:20px}#home-footer section{max-width:400px}#btn-update-avatar{background-color:#36b213;color:#fff;padding:9px;border-radius:10px;border:none;margin-left:10px}#profile .control{display:flex;justify-content:center;align-items:center}#ok-icon{color:green;background-color:#90ee90;padding:8px;border-radius:50px;margin-left:10px}#star2{width:40px;position:absolute;top:20px;left:100px}#star1{width:60px;position:absolute;top:75%;left:270px}#first-i{background-color:#dbc3f8d5}#second-i{background-color:#ffffd4cd}#third-i{background-color:#5d9fdd87}#profile{padding:15px;border-radius:15px;background-color:#fff;max-width:600px;margin:80px auto 50px;box-shadow:2px 2px 10px #d3d3d3}#profile img{width:100px;display:block;margin:20px auto}.btn{padding:10px;border:1px solid lightgray;border-radius:50px;display:inline-block;margin:20px 10px 0 0;color:#555}.light-btn{background-color:#eeeded}.green-btn{background-color:#41a741;color:#fff}#profile div{margin:10px 0}#upload-img{padding:10px;background-color:#105aa0;color:#fff;border-radius:10px}#barre{background-color:#d3d3d3;width:100%;height:15px;border-radius:50px}#progress{background-color:#105aa0;width:30%;height:15px;border-radius:50px;animation:fillBar 2s forwards}@keyframes fillBar{0%{width:0%}to{width:30%}}.typing-animation{position:sticky;bottom:0;background:transparent;padding:5px;display:flex;gap:5px;justify-content:center}.typing-animation span{width:8px;height:8px;background-color:#000;border-radius:50%;animation:bounce 1.5s infinite ease-in-out}.typing-animation span:nth-child(2){animation-delay:.2s}.typing-animation span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}.loading-ring{width:10px;height:10px;border:2px solid rgba(56,56,56,.1);border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite}.loading-ring-white{width:10px;height:10px;border:2px solid rgba(255,255,255,.279);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.loading-ring-blue{width:10px;height:10px;border:2px solid rgba(184,184,184,.567);border-top-color:#0e6ebc;border-radius:50%;animation:spin 1s linear infinite}#msg-debut{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;padding:10px;border-radius:8px;text-align:center;color:gray}.loader-fixed{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;padding:10px;border-radius:8px}.conv-loading{width:90px;height:90px;border:2px solid rgba(184,184,184,.567);border-top-color:#0e6ebc;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}