.header{width:100%;background-color:#141a36}.header>div{margin:auto;display:flex;align-items:center;gap:10px;padding:0 10px;max-width:900px;height:70px;min-height:70px;box-sizing:border-box}.header h2{color:#fff;font-size:1.5em}.error{color:red}.button{color:#fff;background-color:var(--blue-color);border-radius:45px;width:fit-content;align-self:center}.button:hover{border-color:var(--pimary_color)}.icon-white path{fill:#faebd7}.imgAccueil{height:inherit;width:auto;object-fit:cover}.avatar{border-radius:50%;width:60px;height:60px;object-fit:cover}.list{overflow-y:auto;flex-grow:1}.mobile-only{display:block}.active{background-color:#eee}.bulle{display:flex;justify-content:center;align-items:center;position:absolute;border-radius:50%;font-size:.7em;width:1.2em;height:1.2em}.statut{top:0}.en_Ligne{background-color:#03ca03}.absent{background-color:#fe6716}.hors_Ligne{background-color:#626679}.fa-orange path{fill:var(--pimary_color)!important}.accueil{display:none}.container{position:absolute;display:flex;flex-direction:column;height:100vh;width:100%;overflow-y:auto;align-items:center;box-sizing:border-box;background-color:#fff}.container>form{width:100%;max-width:900px;padding:10px;box-sizing:border-box}@media (min-width : 768px){.mobile-only{display:none}.container{position:relative}.accueil{display:flex;height:100vh;width:100%;justify-content:center;align-items:center}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;overflow-y:hidden;--pimary_color:#FE6716;--blue-color: #141A36;--separator-color: rgba(20, 26, 54, .38);--orangeChannel: rgb(255, 244, 235)}*{color:var(--blue-color);margin:0}body{margin:0;padding:0;color:#333}._header_1oerd_1{width:100%;background-color:#141a36}._header_1oerd_1>div{margin:auto;display:flex;align-items:center;gap:10px;padding:0 10px;max-width:900px;height:70px;min-height:70px;box-sizing:border-box}._header_1oerd_1 h2{color:#fff;font-size:1.5em}._error_1oerd_1{color:red}._button_1oerd_1{color:#fff;background-color:var(--blue-color);border-radius:45px;width:fit-content;align-self:center}._button_1oerd_1:hover{border-color:var(--pimary_color)}ul{padding:0}._icon-white_1oerd_1 path{fill:#faebd7}nav{position:relative}._imgAccueil_1oerd_1{height:inherit;width:auto;object-fit:cover}._avatar_1oerd_1{border-radius:50%;width:60px;height:60px;object-fit:cover}._list_1oerd_1{overflow-y:auto;flex-grow:1}._mobile-only_1oerd_1{display:block}._active_1oerd_1{background-color:#eee}._bulle_1oerd_1{display:flex;justify-content:center;align-items:center;position:absolute;border-radius:50%;font-size:.7em;width:1.2em;height:1.2em}._statut_1oerd_1{top:0}._en_Ligne_1oerd_1{background-color:#03ca03}._absent_1oerd_1{background-color:#fe6716}._hors_Ligne_1oerd_1{background-color:#626679}._fa-orange_1oerd_1 path{fill:var(--pimary_color)!important}._accueil_1oerd_1{display:none}._container_1oerd_1{position:absolute;display:flex;flex-direction:column;height:100vh;width:100%;overflow-y:auto;align-items:center;box-sizing:border-box;background-color:#fff}._container_1oerd_1>form{width:100%;max-width:900px;padding:10px;box-sizing:border-box}form{justify-self:center;display:flex;flex-direction:column;gap:.5em;margin-bottom:.83em;width:100%;box-sizing:border-box}@media (min-width : 768px){._mobile-only_1oerd_1{display:none}._container_1oerd_1{position:relative}._accueil_1oerd_1{display:flex;height:100vh;width:100%;justify-content:center;align-items:center}}._login_1oerd_7{padding:10px;box-sizing:border-box;border-radius:5px;box-shadow:0 0 5px #00000080;max-width:400px;width:90%;max-height:calc(100vh - 75px);margin:65px auto auto;overflow-y:auto}._login_1oerd_7 label,._login_1oerd_7 input{display:block;padding:10px 5px;width:100%;box-sizing:border-box}._login_1oerd_7 li{list-style-type:none}._headerLogin_1kjvb_1>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:5px 20px}._headerLogin_1kjvb_1{width:100%;position:fixed;top:0;left:0;border-bottom:1px solid rgba(0,0,0,.38)}._menu_11yeb_1{display:flex;flex-direction:column;border-right:1px solid var(--blue-color);width:100%;box-sizing:border-box}._menu_chat_head_11yeb_15{background-color:var(--blue-color);display:flex;align-items:center;justify-content:space-between;padding:5px 10px;height:60px}._unread_11yeb_31{background-color:var(--pimary_color);color:#fff;transform:translateY(20px)}._nav_11yeb_41{list-style-type:none;padding-left:0;margin:0;display:block;position:absolute;text-align:end;width:max-content;background-color:#fff;box-shadow:0 0 3px 1px var(--blue-color);transform-origin:top;transition:all .3s ease-out;z-index:1000}._nav_hide_11yeb_69{transform:scaleY(0);visibility:hidden}._nav_show_11yeb_77{visibility:visible;transform:scaleY(1)}._nav_11yeb_41 li{padding:5px;margin:5px;border-bottom:1px solid var(--separator-color)}._nav_11yeb_41 li:hover{background-color:var(--separator-color)}._channel_11yeb_103{margin:0;text-decoration:none;display:flex;align-items:center;justify-content:space-between;padding:5px;gap:5px;cursor:pointer;position:relative}._channel_11yeb_103:hover,._active_11yeb_125{background-color:#eee}._channel_11yeb_103>div:first-child{position:relative}._channel_11yeb_103>div:last-child{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;overflow:hidden;width:100%}._channel_11yeb_103>div>div{display:flex;width:100%;align-items:center;justify-content:space-between}._channel_11yeb_103 svg{padding:2px 10px;border-radius:5px}._channel_11yeb_103 svg:hover{background-color:#bbb}._time_11yeb_179{font-size:.7em;color:#626679;width:70px;text-align:end}._preview_11yeb_191{font-size:.9em;overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis;margin:5px 0;width:100%}@media (min-width : 768px){._menu_11yeb_1{max-width:300px}}._header_1wyzv_3{display:flex;justify-content:space-between;flex-direction:row;align-items:center;padding:5px}._statut_6rnq3_1{top:0}._online_6rnq3_7{background-color:#03ca03}._offline_6rnq3_13{background-color:gray}._away_6rnq3_19{background-color:orange}._chat_lghxb_1{display:flex;width:100vw;height:100vh}._window_vlyy5_1{position:absolute;width:100%;display:flex;flex-direction:column;height:100vh;align-items:center}._history_vlyy5_17{flex-grow:1;max-width:900px;background-color:#fff;display:flex;flex-direction:column;width:100%;overflow-y:auto;align-items:end;scrollbar-width:none;padding:5px 10px;transition:all .3s ease-in-out;box-sizing:border-box;height:100%}@media (min-width : 768px){._window_vlyy5_1{position:relative}}._input_7tool_1{background-color:var(--blue-color);width:100%;height:fit-content;padding:10px;box-sizing:border-box}._form_7tool_15{width:100%;max-width:600px;height:fit-content;margin:auto;display:flex;flex-direction:row;border-radius:20px;background-color:#fff;box-sizing:border-box;align-items:center}._textarea_7tool_41{width:100%;resize:none;overflow-y:auto;border:none;outline:none;border-radius:20px;padding:0 10px;box-sizing:border-box}._input_7tool_1 button{border:none;background-color:transparent;height:40px;width:auto}._input_7tool_1 button img{height:20px;width:auto}._header_1fk6s_5{background-color:var(--blue-color);width:100%;height:70px}._header_1fk6s_5>div{margin:auto;display:flex;width:100%;justify-content:space-between;align-items:center;padding:5px 10px;height:70px;max-width:900px;box-sizing:border-box}._header_1fk6s_5>div>div{display:flex;gap:10px;align-items:center}._header_1fk6s_5 p{color:#faebd7}._message_1r805_3{position:relative;width:100%;box-sizing:border-box;display:flex;align-items:end;padding:10px}._receive_1r805_19>div:nth-of-type(2){margin-left:10px}._message_1r805_3 p{color:#fff;overflow-wrap:break-word;word-break:break-word;white-space:normal}._message_1r805_3>span{font-size:.9em;color:#39393a}._sent_1r805_45{justify-content:end}._sent_1r805_45 span{margin-right:5px}._sent_1r805_45 p{padding:5px;border-radius:5px;background-color:var(--pimary_color)}._receive_1r805_19 p{margin-right:10px;padding:5px;border-radius:5px;background-color:#dcdbdb;color:var(--blue-color)}._history_1y2e1_3{flex-grow:1;max-width:900px;background-color:#fff;display:flex;flex-direction:column;width:100%;overflow-y:auto;align-items:end;scrollbar-width:none;padding:5px 10px;transition:all .3s ease-in-out;box-sizing:border-box;height:100%}._test_1y2e1_33{height:100px}._date-banner_1y2e1_39{width:100%;text-align:center;border-bottom:1px solid var(--separator-color);font-size:.7em;color:var(--separator-color);margin:30px 0;align-self:center;box-sizing:border-box}._users_14i6k_3{list-style-type:none;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px;max-width:900px;box-sizing:border-box}._btn_14i6k_23{width:fit-content;align-self:center}._form_14i6k_31{padding:10px}._form_14i6k_31 input[type=text],._form_14i6k_31 input[type=email],._form_14i6k_31 textarea{padding:5px;border-radius:5px;box-sizing:border-box;width:100%}._roles_14i6k_49{display:flex;flex-direction:column;gap:10px;justify-content:space-around}._roles_14i6k_49 div{width:fit-content}@media (min-width : 768px){._roles_14i6k_49{flex-direction:row}}._form_19ig2_1{padding:10px}._form_19ig2_1>div{display:flex;flex-direction:column;gap:10px}._form_19ig2_1 input[type=text]{padding:5px;border-radius:5px;box-sizing:border-box;width:100%}._ul_19ig2_31{list-style-type:none;padding:0;margin:0;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}._ul_19ig2_31 li{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;box-shadow:0 2px 4px var(--separator-color)}._disabled_19ig2_65{display:none}._user_5czp2_3{display:flex;align-items:center;gap:10px;background-color:#141a36;padding:5px 10px;border-radius:10px;box-sizing:border-box;width:250px;justify-content:space-between}._user_5czp2_3 p{color:#fff}._button_5czp2_31{background-color:transparent;border:none}._button_1kjxi_1{background-color:transparent;border:none;cursor:pointer}._role_1gfi6_1{margin:auto;padding:4px 7px;border-radius:40px;box-shadow:0 2px 4px var(--blue-color);-webkit-user-select:none;user-select:none}._content_16p0a_1{display:flex;flex-wrap:wrap;align-items:center;gap:16px;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin:20px auto;font-family:sans-serif;width:100%;max-width:900px;padding:10px;box-sizing:border-box}._col_16p0a_31{flex-direction:column}._info_16p0a_41 h2{margin:0 0 10px}._info_16p0a_41 p{margin:4px 0;color:#444}._link_16p0a_59{text-decoration:none;display:flex;align-items:center;gap:16px;padding:12px;background-color:#f0f2f5;border-radius:10px;border:1px solid #ccc;cursor:pointer;width:300px;margin:12px auto}