html { 
	overflow: auto; <!-- pas d'ascenseur -->
	border: none 0;
	padding: 0;
	margin:0;
}
body { 
	background: #eee;
	font: 12px 'Lucida sans', Arial, Helvetica;
	color: #333;
	text-align: center;
	overflow: auto;
	border: none 0;
	margin: 0;
	padding: 0;
}

video { 
	width: 100%;
	height: 100%;
}

/* BALISE HTML 3 COLONNES */
    /* Définition des balise HTML5 pour vieux navigateurs */
    aside, footer, header, main {display: block;}

    /* Définition des balise HTML5 pour vieux navigateurs */
    .conteneur {
      /* Largeur Fluide et liquide, changer le 1000px par 100% */
      max-width:1000px;
      /* Centre le conteneur dans la page */
      margin:20px auto;
    }

    header {
      text-align:center;
      background: #777;
      color:#fff;
      /*height:50px;
      padding:5px;*/
    }

    main {
      float:left;
      width:80%;
      text-align:center;
      height:100%;
      background:#ccc;
    }

    aside {
      float:left;
      width:20%;
      text-align:left;
      height:100%;
      background:#eee;
    }

    footer {
      /* forcer l’affichage sous le contenu et la colonne */
      clear:both;
      text-align:center;
      background: #555;
      color:#fff;
      /*height:50px;
      padding:5px;*/
    }
    @media all and (max-width: 600px) {
      main {
        width:100%;
      }
      aside {
        width:100%;
      }
    }

    @media all and (max-width: 801px) and (min-width: 601px) {
      main {
        width:80%;
      }
      .saut {
        width:100%;
      }
    }
	
/* EXPLORATEUR FICHERS */
ul {
    list-style : none;
    margin : 0px;
    padding : 0px;
    padding-left : 25px;
}
 
li {
    padding-left : 20px;
    line-height : 18px;
    cursor : pointer;
    list-style-type : none;
}
 
li.folder {
    background : url("../img/folder.png") no-repeat left center;
}
 
li.file {
    background : url("../img/file.png") no-repeat left center;
}