/* Explorateur */

#explorateur {position: fixed; top:10px; left: 10px;}


#explorateur {min-width: 80px; min-height: 120px; /*background-color: #FFFFF0;*/}

.explorateur>* {font-family : 'Arial', sans-serif; font-size : 12px;}

.explorateur ul {list-style : none; margin : 0px; padding : 0px; padding-left: 25px;}

.explorateur li {line-height : 18px;}
.explorateur li.folder:not(.vide)>div {cursor: pointer;}

.explorateur li.folder>div, .explorateur li.file>div {width: 20px; display:inline-block;}


.explorateur td.folder, .explorateur td.file {padding-left: 16px;}


#explorateur .contenu {border: 1px solid blue; background-color: white; min-width: 50px; min-height: 20px; position: absolute; left: 0; top: 0; padding: 2px 5px 5px 5px;}

.explorateur tr{line-height: 18px;}

.explorateur td {max-width: 20px; }

.explorateur aside.contenu, .explorateur td {white-space: nowrap;}

.explorateur .niveau01 {padding-left: 0;}

.explorateur li>span:hover {background-color: silver;}

.explorateur li.selection>span {color: red;}

.explorateur a:hover {background: #BDF;}

/*hr {color: blue;}*/

    
#explorateur div.header {cursor: move;}


/*#editor .nav li {float:right; margin-bottom: .8rem;}
#editor p {float: left; margin-top: 0;}*/






.explorateur .folder.vide>div {background : url("../images/explorateur/folder.png") no-repeat left center; opacity: 0.50;}
.explorateur .folder:not(.vide)>div, .explorateur td.folder {background : url("../images/explorateur/folder.png") no-repeat left center;}
.explorateur .folder.expanded>div {background : url("../images/explorateur/folder_open.png") no-repeat left center;}

.explorateur .file {background : url("../images/explorateur/file.png") no-repeat left center;}

/* Core Styles */
/*li.directory { background: url(../images/explorateur/directory.png) left top no-repeat; }
li.expanded { background: url(../images/explorateur/folder_open.png) left top no-repeat; }
li.wait { background: url(../images/explorateur/spinner.gif) left top no-repeat; }*/

/* File Extensions*/
.explorateur .file.csv>div, .explorateur .xls, .explorateur .xlsx { background: url(../images/explorateur/xls.png) left top no-repeat; }

.explorateur .doc>div, .explorateur .docx>div { background: url(../images/explorateur/doc.png) left top no-repeat; }
.explorateur .3gp>div { background: url(../images/explorateur/film.png) left top no-repeat; }
.explorateur .afp>div { background: url(../images/explorateur/code.png) left top no-repeat; }
.explorateur .afpa>div { background: url(../images/explorateur/code.png) left top no-repeat; }
.explorateur .asp>div { background: url(../images/explorateur/code.png) left top no-repeat; }
.explorateur .aspx>div { background: url(../images/explorateur/code.png) left top no-repeat; }
.explorateur .avi>div { background: url(../images/explorateur/film.png) left top no-repeat; }
.explorateur .bat>div { background: url(../images/explorateur/application.png) left top no-repeat; }
.explorateur .bmp>div { background: url(../images/explorateur/picture.png) left top no-repeat; }
.explorateur .c>div { background: url(../images/explorateur/code.png) left top no-repeat; }
.explorateur .cfm>div { background: url(../images/explorateur/code.png) left top no-repeat; }
.explorateur .cgi>div { background: url(../images/explorateur/code.png) left top no-repeat; }
.explorateur .com>div { background: url(../images/explorateur/application.png) left top no-repeat; }
.explorateur .cpp>div { background: url(../images/explorateur/code.png) left top no-repeat; }
.explorateur .css>div { background: url(../images/explorateur/css.png) left top no-repeat; }
.explorateur .doc>div { background: url(../images/explorateur/doc.png) left top no-repeat; }
.explorateur .exe>div { background: url(../images/explorateur/application.png) left top no-repeat; }
.explorateur .gif>div { background: url(../images/explorateur/picture.png) left top no-repeat; }
.explorateur .fla>div { background: url(../images/explorateur/flash.png) left top no-repeat; }
.explorateur .h>div { background: url(../images/explorateur/code.png) left top no-repeat; }
.explorateur .htm>div { background: url(../images/explorateur/html.png) left top no-repeat; }
.explorateur .html>div { background: url(../images/explorateur/html.png) left top no-repeat; }
.explorateur .jar>div { background: url(../images/explorateur/java.png) left top no-repeat; }
.explorateur .jpg>div { background: url(../images/explorateur/picture.png) left top no-repeat; }
.explorateur .jpeg>div { background: url(../images/explorateur/picture.png) left top no-repeat; }
.explorateur .js>div { background: url(../images/explorateur/script.png) left top no-repeat; }
.explorateur .lasso>div { background: url(../images/explorateur/code.png) left top no-repeat; }
.explorateur .log>div { background: url(../images/explorateur/txt.png) left top no-repeat; }
.explorateur .m4p>div { background: url(../images/explorateur/music.png) left top no-repeat; }
.explorateur .mov>div { background: url(../images/explorateur/film.png) left top no-repeat; }
.explorateur .mp3>div { background: url(../images/explorateur/music.png) left top no-repeat; }
.explorateur .mp4>div { background: url(../images/explorateur/film.png) left top no-repeat; }
.explorateur .mpg>div { background: url(../images/explorateur/film.png) left top no-repeat; }
.explorateur .mpeg>div { background: url(../images/explorateur/film.png) left top no-repeat; }
.explorateur .ogg>div { background: url(../images/explorateur/music.png) left top no-repeat; }
.explorateur .pcx>div { background: url(../images/explorateur/picture.png) left top no-repeat; }
.explorateur .pdf>div { background: url(../images/explorateur/pdf.png) left top no-repeat; }
.explorateur .php>div { background: url(../images/explorateur/php.png) left top no-repeat; }
.explorateur .png>div { background: url(../images/explorateur/picture.png) left top no-repeat; }
.explorateur .ppt>div { background: url(../images/explorateur/ppt.png) left top no-repeat; }
.explorateur .psd>div { background: url(../images/explorateur/psd.png) left top no-repeat; }
.explorateur .pl>div { background: url(../images/explorateur/script.png) left top no-repeat; }
.explorateur .py>div { background: url(../images/explorateur/script.png) left top no-repeat; }
.explorateur .rb>div { background: url(../images/explorateur/ruby.png) left top no-repeat; }
.explorateur .rbx>div { background: url(../images/explorateur/ruby.png) left top no-repeat; }
.explorateur .rhtml>div { background: url(../images/explorateur/ruby.png) left top no-repeat; }
.explorateur .rpm>div { background: url(../images/explorateur/linux.png) left top no-repeat; }
.explorateur .ruby>div { background: url(../images/explorateur/ruby.png) left top no-repeat; }
.explorateur .sql>div { background: url(../images/explorateur/db.png) left top no-repeat; }
.explorateur .swf>div { background: url(../images/explorateur/flash.png) left top no-repeat; }
.explorateur .tif>div { background: url(../images/explorateur/picture.png) left top no-repeat; }
.explorateur .tiff>div { background: url(../images/explorateur/picture.png) left top no-repeat; }
.explorateur .txt>div { background: url(../images/explorateur/txt.png) left top no-repeat; }
.explorateur .vb>div { background: url(../images/explorateur/code.png) left top no-repeat; }
.explorateur .wav>div { background: url(../images/explorateur/music.png) left top no-repeat; }
.explorateur .wmv>div { background: url(../images/explorateur/film.png) left top no-repeat; }
.explorateur .xml>div { background: url(../images/explorateur/code.png) left top no-repeat; }
.explorateur .zip>div { background: url(../images/explorateur/zip.png) left top no-repeat; }