body {
background-color: #111;
}

#largeurpage {
width: 70%;
margin: 10px auto;
background-color: #222;
color: #DDD;
border: 1px solid #DDD;
line-height: 100%;
}

#entete {
padding: 1em;
color: #222;
background-color: #DDD;
border-bottom: 1px solid #DDD;
}

#entete h1{
padding: 2px;
margin: 2px;
}

#menu {
float: left;
width: 160px;
margin: 0;
padding: 20px;
border-right: 1px solid #DDD;
} 

#corps {
margin-left: 200px;
border-left: 1px solid #DDD;
padding: 20px;
min-height: 200px;
height: auto;
}

#pied {
clear: both;
margin: 0;
padding: .5em;
color: #222;
background-color: #DDD;
border-top: 1px solid #DDD;
}

img.droite { float: right; }

#pied img { border: none; }
#pied p { margin: auto; }


/* Style pour le listage des fichiers */

#liste table {
border-collapse: collapse;
margin: auto;
width: 70%;
}
td, th { border: 1px solid black; }
a {
color: #98ca96;
font-family: "Comic sans ms", Georgia, "Times New Roman", serif;
text-decoration: none;
width: 100%;
height: 100%;
display: block;
}
tr{
background-color: #779f72;
color: #98ca96;
font-family: "Comic sans ms", Georgia, "Times New Roman", serif;
text-decoration: none;
}

a:hover { color: black; }
tr:hover { background-color: white; color: black; }
dp:before { content:url(deco/locked.png); }
.mdp { text-align: center; color: #BBB;}
p.mdp:before { content:url(deco/locked.png); }
p.mdp:after { content:url(deco/locked.png); }

.type { height: 20px; width: 20px; margin: auto; background-repeat:no-repeat; }
.dossier { background-image: url(deco/dossier.png); }
.png { background-image: url(deco/png.png); }
.gif { background-image: url(deco/gif.png); }
.jpg { background-image: url(deco/jpg.png); }
.audio { background-image: url(deco/audio.png); }
.video { background-image: url(deco/video.png); }
.archive { background-image: url(deco/archive.png); }
.inconnu { background-image: url(deco/inconnu.png); }
.retour { background-image: url(deco/retour.png); }