@charset "utf-8";
/* CSS Document */

*, ::before, ::after {box-sizing:border-box;margin:0;padding:0;}
body {font-family:'Arial';background:#fff;color:#000;font-size:16px;height:100%;padding:20px;}
#content {}
h1 {font-size: 1.6em;font-weight: 100;color:#333;display:flex;width:100%;}
h2 {margin-bottom:30px;color:#333;}
span {font-size:0.8em;}
a {color:#000;text-decoration: none;}

.top {width:100%;height:55px;border-bottom:1px solid #e1e3e5;}
.menu_logo {display: flex; width: 15%; float: left;}
.menu {display:flex;float:left;width:70%;}
a.menu_link {font-size: 1.2em;padding: 15px 0px;margin: 0px 2%;color:#707070;font-weight:700;}
a.menu_link:hover {color:#3a63de;border-bottom:3px solid #3a63de;}
a.menu_activ {color:#3a63de;border-bottom:3px solid #3a63de;}
.menu_user {display: flex; width: 50px; height:50px; float:right; background: #ff0;text-align:right;cursor:pointer;}
.submenu_user {	display:none;position:absolute;min-width: 160px;z-index: 1;background: #e1e1e1;box-shadow: 2px 2px #707070;margin-left: -150px;margin-top:25px;}
a.submenu_link {font-size:1em;padding: 5px 0px;margin: 0px 15px;color: #707070;display: block;}
a.submenu_link:hover{color:#3a63de;}
.menu_user:hover .submenu_user{display:block;}
.main_input_box {}
.header_page {display:block;width:100%;}
.header_page a {float:right;}
.form-actions {margin-top:15px;}
.header_content {width:100%;display:flex;}
.btn {background:#3a63de;color:#fff;border:0px;padding: 7px;font-size: 1em;display:block;width:200px;text-align:center;}
.btn:hover {cursor:pointer;opacity:.8;}
.btnadd {background:#44cb7f;}
.btn .fa-solid {margin-right:5px;}
#logerror {background: #fd726a;color: #fff;font-size: 1em;padding: 12px;width: 355px;text-align: center;display:none;}

.row {display: flex;}
.col-submenu {padding: 0.5em;width:12%;border-right:2px solid #7c7c7c;}
.col-content {padding: 15px 0px 0px 30px;width:88%;}
a.submenu {color:#333333;padding: 15px 0px;display: block;font-size: 1em;}
a.submenu:hover, a.submenu-activ {background:#f2f9ff;}
a.link_ico {color:#707070;margin:0px 5px;}a.link_ico:hover {opacity:.8;}
a.link_ico_action:hover {cursor:pointer;}
.submenu .fa-solid {margin-right: 0.5em;}
input:focus {outline:  none;}
#list_chp {margin-bottom:20px;}
.edit_chp {padding:30px 0px 5px 0px;border-bottom:1px solid #e1e3e5;color:#707070;position:relative;width:30%;}
.edit_input1 {border:0px;font-size:1em;color:#707070;width:89%;}

#add_repertoire,#add_fichier {background:#37cfd1;float:left;}#add_fichier{margin-left:1%;}
.dir, .fil {padding: 30px 0px 5px 0px;border-bottom: 1px solid #e1e3e5;color: #707070;position: relative;width: 100%;font-size:1em;}
.dir:hover, .sub_dir:hover, .fil:hover {cursor:pointer;}
.sub_dir {margin-left:30px;width:100%;display:none;}
.sub_dir .dir {width:100%;border:0;}
.dir .fa-solid, .sub_dir .fa-solid, .fil .fa-solid {padding-right:15px;font-size:1.3em;}
.sub_dir .fil {border:0;}
.fil_name {}
.fil_size {float:right;font-size:1em;margin-right:10%;}
.fil_date {float:right;font-size:1em;margin-right:20%;}
.diroption {float:right;}
#explorateur-dossier ul, #explorateur-dossier li,#explorateur-dossier ul a, #explorateur-dossier li a {list-style:none;color: #707070;}


.modal {top:0;left:0;width:100%;height:100%;position: fixed;background:rgb(0,0,0,.5);display:none;}
.modal_close {background: #fd726a;padding: 2px 5px;color: #fff;float: right;margin: 5px;cursor:pointer;}.modal_close:hover{opacity:.8;}
.modal_form {margin:35px auto 0 auto;width:220px;}.modal_form .btn {width:220px;}
#new_rep_content {width: 300px;	background:#fff;display: block;position:absolute;top: 50%;left: 50%;margin-top: -150px;margin-left: -200px;}
#new_file_content {width: 400px; background:#fff;display: block;position:absolute;top: 50%;left: 50%;margin-top: -150px;margin-left: -200px;}

.div_input {background:#e3e6eb;margin-bottom:25px;display:block;padding:10px 15px;}
.edit_title {color:#83848a;font-size: 1em;}
.modal_input {color: #353738;font-size: 1em;background: transparent;border-bottom: 1px solid #353738;padding: 10px 0 1px 0;}

#drop_file_zone {background-color: #e3e6eb;border: #353738 2px dashed;border-radius:10px;padding: 10px;font-size: 1em;margin:50px auto 0 auto;width: 320px;height: 150px;}
#drag_upload_file {width:100%;margin:0 auto;text-align:center;}
#drag_upload_file p {text-align: center;}
#drag_upload_file .btn {text-align: center;margin:10px auto;}
#drag_upload_file #selectfile {display: none;}
#drag_upload_file i {font-size:2em;text-align: center;margin:5px 0;}
.res_upload {text-align: center;color:#fd726a;margin-top: 10px;}