.filetree {
	font-size: 11px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
    
}

.filetree li {
	padding:0;
	border-bottom:dotted 1px rgba(0,0,0,0.1);
	list-style: none;
}


.filetree.details li {
	font-family: "open sans";
	padding: 10px;
	display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    background-color: #fff;
}

.filetree.details li .ext {
	display: block;
	margin-right: 10px;
	background-color: rgba(0,0,0,0.1);
	color: rgb(27, 27, 27);
	font-size: 10px;
	font-weight: 600;
	padding: 5px;
	line-height: normal;
    width: 28px;
    text-align: center;
}
.filetree.details li .ico {
	display: block;
    width:25px;
	height:25px;
    background-size:auto;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:transparent;
	margin-right: 10px;
}

.filetree.details li a .telecharger {
    display: block;
    background-color: var(--bleu);
    color: #FFF;
    font-size: 10px;
    line-height: normal;
    font-weight: 400;
    border-radius: 3px;
    padding: 5px 8px;
}

.filetree.details li a .date {
	display: block;
	color: rgba(0,0,0,0.3);
}

.filetree.details li a .nom {
	display: block;
	flex-grow: 1;
    flex-shrink: 1;
}


.filetree.details li a:hover .telecharger {
    background-color: var(--sable);
}

.filetree.details li a {
    width: auto;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    column-gap: 10px;
    align-items: center;
    justify-content: flex-start;
	background-image: none;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    padding: 5px;
    width: auto;
    cursor: pointer;
    box-sizing: border-box;
    color: rgb(27, 27, 27);
    width: 100%;
    
}

.filetree.details li a.download {
	
}
.filetree.details li a.edit {
    color: rgb(27, 188, 157);
    font-size: 16px;
}
.filetree.details li a.delete {
	color: firebrick;
    font-size: 16px;
}
.filetree.details li a.handle {
	color:#AAA;
    font-size: 16px;
}

.filetree.details li p {
	font-size: 12px;
	line-height: normal;
	display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
	margin: 0;
	font-weight: 400;
    box-sizing: border-box;
    margin-left: 15px;
}
.filetree.details li p .date {
	display: block;
	margin-right: 10px;
	color: rgba(0,0,0,0.5);
}

.filetree.details li p .filename {
    margin-right: 10px;
    font-weight: 600;
}
.filetree.details li p .name {
    font-weight: 400;
    color: #CCC;
}

.filetree.details li select {
    padding: 4px 10px;
    font-size: 12px;
    line-height: normal;
}


.filetree.details li:hover {
	background-color: rgba(30, 46, 62, 0.05);
}


.filetree.details li.directory .ico{ background-image: url(images/directory.png) ; }
.filetree.details li.expanded .ico{ background-image: url(images/folder_open.png) ; }
.filetree.details li.file .ico{ background-image: url(images/file.png) ; }
.filetree.details li.wait .ico{ background-image: url(images/spinner.gif) ; }

/* File Extensions*/
.filetree.details li.ext_3gp .ico{ background-image: url(images/film.png) ; }
.filetree.details li.ext_afp .ico{ background-image: url(images/code.png) ; }
.filetree.details li.ext_afpa .ico{ background-image: url(images/code.png) ; }
.filetree.details li.ext_asp .ico{ background-image: url(images/code.png) ; }
.filetree.details li.ext_aspx .ico{ background-image: url(images/code.png) ; }
.filetree.details li.ext_avi .ico{ background-image: url(images/film.png) ; }
.filetree.details li.ext_bat .ico{ background-image: url(images/application.png) ; }
.filetree.details li.ext_bmp .ico{ background-image: url(images/picture.png) ; }
.filetree.details li.ext_c .ico{ background-image: url(images/code.png) ; }
.filetree.details li.ext_cfm .ico{ background-image: url(images/code.png) ; }
.filetree.details li.ext_cgi .ico{ background-image: url(images/code.png) ; }
.filetree.details li.ext_com .ico{ background-image: url(images/application.png) ; }
.filetree.details li.ext_cpp .ico{ background-image: url(images/code.png) ; }
.filetree.details li.ext_css .ico{ background-image: url(images/css.png) ; }
.filetree.details li.ext_doc .ico{ background-image: url(images/doc.png) ; }
.filetree.details li.ext_docx .ico{ background-image: url(images/doc.png) ; }
.filetree.details li.ext_exe .ico{ background-image: url(images/application.png) ; }
.filetree.details li.ext_gif .ico{ background-image: url(images/picture.png) ; }
.filetree.details li.ext_fla .ico{ background-image: url(images/flash.png) ; }
.filetree.details li.ext_h .ico{ background-image: url(images/code.png) ; }
.filetree.details li.ext_htm .ico{ background-image: url(images/html.png) ; }
.filetree.details li.ext_html .ico{ background-image: url(images/html.png) ; }
.filetree.details li.ext_jar .ico{ background-image: url(images/java.png) ; }
.filetree.details li.ext_jpg .ico{ background-image: url(images/picture.png) ; }
.filetree.details li.ext_jpeg .ico{ background-image: url(images/picture.png) ; }
.filetree.details li.ext_js .ico{ background-image: url(images/script.png) ; }
.filetree.details li.ext_lasso .ico{ background-image: url(images/code.png) ; }
.filetree.details li.ext_log .ico{ background-image: url(images/txt.png) ; }
.filetree.details li.ext_m4p .ico{ background-image: url(images/music.png) ; }
.filetree.details li.ext_mov .ico{ background-image: url(images/film.png) ; }
.filetree.details li.ext_mp3 .ico{ background-image: url(images/music.png) ; }
.filetree.details li.ext_mp4 .ico{ background-image: url(images/film.png) ; }
.filetree.details li.ext_mpg .ico{ background-image: url(images/film.png) ; }
.filetree.details li.ext_mpeg .ico{ background-image: url(images/film.png) ; }
.filetree.details li.ext_ogg .ico{ background-image: url(images/music.png) ; }
.filetree.details li.ext_pcx .ico{ background-image: url(images/picture.png) ; }
.filetree.details li.ext_pdf .ico{ background-image: url(images/pdf.png) ; }
.filetree.details li.ext_php .ico{ background-image: url(images/php.png) ; }
.filetree.details li.ext_png .ico{ background-image: url(images/picture.png) ; }
.filetree.details li.ext_ppt .ico{ background-image: url(images/ppt.png) ; }
.filetree.details li.ext_pptx .ico{ background-image: url(images/ppt.png) ; }
.filetree.details li.ext_psd .ico{ background-image: url(images/psd.png) ; }
.filetree.details li.ext_pl .ico{ background-image: url(images/script.png) ; }
.filetree.details li.ext_py .ico{ background-image: url(images/script.png) ; }
.filetree.details li.ext_rb .ico{ background-image: url(images/ruby.png) ; }
.filetree.details li.ext_rbx .ico{ background-image: url(images/ruby.png) ; }
.filetree.details li.ext_rhtml .ico{ background-image: url(images/ruby.png) ; }
.filetree.details li.ext_rpm .ico{ background-image: url(images/linux.png) ; }
.filetree.details li.ext_ruby .ico{ background-image: url(images/ruby.png) ; }
.filetree.details li.ext_sql .ico{ background-image: url(images/db.png) ; }
.filetree.details li.ext_swf .ico{ background-image: url(images/flash.png) ; }
.filetree.details li.ext_tif .ico{ background-image: url(images/picture.png) ; }
.filetree.details li.ext_tiff .ico{ background-image: url(images/picture.png) ; }
.filetree.details li.ext_txt .ico{ background-image: url(images/txt.png) ; }
.filetree.details li.ext_vb .ico{ background-image: url(images/code.png) ; }
.filetree.details li.ext_wav .ico{ background-image: url(images/music.png) ; }
.filetree.details li.ext_wmv .ico{ background-image: url(images/film.png) ; }
.filetree.details li.ext_xls .ico{ background-image: url(images/xls.png) ; }
.filetree.details li.ext_xlsx .ico{ background-image: url(images/xls.png) ; }
.filetree.details li.ext_xml .ico{ background-image: url(images/code.png) ; }
.filetree.details li.ext_zip .ico{ background-image: url(images/zip.png) ; }