/* Mime-type
****************************************************************/
.png{background: url(icones/png.png) 50% 0 no-repeat;}
.jpeg {background: url(icones/jpeg.png) 50% 0 no-repeat;}
.jpg {background: url(icones/jpg.png) 50% 0 no-repeat;}
.gif {background: url(icones/gif.png) 50% 0 no-repeat;}
.bmp {background: url(icones/bmp.png) 50% 0 no-repeat;}
.svg {background: url(icones/svg.png) 50% 0 no-repeat;}
.eps {background: url(icones/eps.png) 50% 0 no-repeat;}

.odt{background: url(icones/odt.png) 50% 0 no-repeat;}
.ods {background: url(icones/ods.png) 50% 0 no-repeat;}
.sxw {background: url(icones/sxw.png) 50% 0 no-repeat;}
.sxc {background: url(icones/sxc.png) 50% 0 no-repeat;}
.doc {background: url(icones/doc.png) 50% 0 no-repeat;}
.xls {background: url(icones/xls.png) 50% 0 no-repeat;}
.pdf {background: url(icones/pdf.png) 50% 0 no-repeat;}
.ps {background: url(icones/ps.png) 50% 0 no-repeat;}
.rtf{background: url(icones/rtf.png) 50% 0 no-repeat;}

.wav {background: url(icones/wav.png) 50% 0 no-repeat;}
.mp3 {background: url(icones/mp3.png) 50% 0 no-repeat;}
.midi {background: url(icones/midi.png) 50% 0 no-repeat;}
.mid {background: url(icones/mid.png) 50% 0 no-repeat;}
.ogg {background: url(icones/mid.png) 50% 0 no-repeat;}
.wma {background: url(icones/wma.png) 50% 0 no-repeat;}
.pls {background: url(icones/pls.png) 50% 0 no-repeat;}
.m3u {background: url(icones/m3u.png) 50% 0 no-repeat;}

.mpg {background: url(icones/mpg.png) 50% 0 no-repeat;}
.asf {background: url(icones/asf.png) 50% 0 no-repeat;}
.avi {background: url(icones/avi.png) 50% 0 no-repeat;}
.wmv {background: url(icones/wmv.png) 50% 0 no-repeat;}
.divx{background: url(icones/divx.png) 50% 0 no-repeat;}
.mpeg {background: url(icones/mpeg.png) 50% 0 no-repeat;}
.mov {background: url(icones/mov.png) 50% 0 no-repeat;}

.html {background: url(icones/html.png) 50% 0 no-repeat;}
.php {background: url(icones/php.png) 50% 0 no-repeat;}
.txt {background: url(icones/txt.png) 50% 0 no-repeat;}
.css {background: url(icones/css.png) 50% 0 no-repeat;}

.rpm {background: url(icones/rpm.png) 50% 0 no-repeat;}
.deb {background: url(icones/deb.png) 50% 0 no-repeat;}
.tgz{background: url(icones/tgz.png) 50% 0 no-repeat;}
.zip {background: url(icones/zip.png) 50% 0 no-repeat;}
.tar {background: url(icones/tar.png) 50% 0 no-repeat;}
.rar {background: url(icones/rar.png) 50% 0 no-repeat;}
.gz {background: url(icones/gz.png) 50% 0 no-repeat;}
.z {background: url(icones/z.png) 50% 0 no-repeat;}
.tbz {background: url(icones/tbz.png) 50% 0 no-repeat;}
.bz2 {background: url(icones/ogg.png) 50% 0 no-repeat;}

.default {background: url(icones/default.png) 50% 0 no-repeat;}
.file {background: url(icones/file.png) 50% 0 no-repeat;}

/* 
****************************************************************/
html {
background-image: url(images/fond.png);
margin:0;
padding:5px;
}

body {
background:white;
margin:0;
padding:2px;
border:1px solid black;
font-family: "bitstream vera sans";
}

a {
color:black;
}

a:hover  {
color:blue;
}

form {
	margin: 0;
}

/* Header
****************************************************************/

#header {
background:white;
padding:0 5px;
margin:0;
height:35px
}

h1 {
line-height:1em;
}

/* Menu -- thanks Eric Meyer a lot...
****************************************************************/
	#menu{
		padding: 0 5px;
		margin:0;
		background:white;
		height:70px;
		border-top:2px solid black;
		border-bottom:2px solid black
	}

	#menu ul{
		font-size: x-large;
		font-weight:bold;
		text-align:left;
		margin:0;
		padding:0;
		background-color: white;
	}
	
	#menu li{
		position:relative;
		list-style:none;
		margin:0;
		padding:0;
		float:left;
		z-index:4;
	}

	#menu li:hover{
		background:gray;
	}

	#menu li.submenu:hover{
		background:gray;
	}

	#menu li span{
		display:block;
		padding: 5px 0 5px 5px;
		width:145px;
		z-index:5;
	}

	#menu>ul span{width:auto;}

	#menu ul span:hover{color:#FFF;}
	
	#menu ul a.lien {font-size:medium;font-weight:normal;line-height:1.8em;}
	
	#menu ul ul{
		font-size: medium;
		font-weight:normal;
		position:absolute;
		width:650px;
		border:1px solid black;
		border-left:none;
		display:none;
		z-index:6;
		padding:0;
		margin:0;
	}
	
	#menu ul ul li {
	clear:left;
	width:639px;
	border-left:1px solid black;
	margin:0;
	padding:0 5px;
	}

	#menu ul.level1 li.submenu:hover ul.level2,
	#menu ul.level2 li.submenu:hover ul.level3 {display:block;}

#menu p {clear:both;}
	
	
/* Contenu
****************************************************************/
#content {
}

#content ul {
display:block;
clear:both;
margin:0;
padding:15px 0;
}

#content ul li {
display:block;
height:55px;
width:150px;
float:left;
text-align:center;
padding: 55px 2px 0 2px;
margin:0  0 2px 1px;
overflow:hidden;
}

#content ul li span{
font-size:small;
}

/* Editeur
****************************************************************/
#editeur {
padding : 2px;
margin : 0 5px 0 5px;
}


/* Footer
****************************************************************/
#footer {
border-top:2px solid black;
background:transparent;
color:gray;
clear:both;
text-align:center;
margin:0;
padding:0;
height:35px;
}

#footer a {
color:gray;
text-decoration:none
}

#footer a:hover {
color:black;
}

#footer img{
border: none;
}