body {
background: url("images/noise.png") #235466;
color: #fff;
font-family: Arial;
margin: 0;
}


a, a:hover, a:hover a:visited {
color: #fff;
text-decoration: none;
}

img {
border: 0;
}

ul, li {
list-style-type: none;
text-align: right;
margin: 5px;
}

h2 {
margin-bottom: 20px;
font-size: 20px;
}

#bande {
position: absolute;
min-width: 560px;
width: 55%;
height: 109px;
top: 50%;
margin-top: -54px;
background: url("images/accueil.png");
}

#shape {
position: relative;
float: left;
width: 390px;
height: 109px;
background: url("images/gauche.png") no-repeat left top;
padding-top: 35px;
padding-left: 5px;
}

#shape-login {
position: relative;
float: left;
width: 390px;
height: 109px;
background: url("images/gauche.png") no-repeat left top;
padding-top: 25px;
padding-left: 5px;
}

#shape-login label, #shape-login span {
float: left;
display: block;
width: 200px;
}

#liste {
position: relative;
float: right;
height: 109px;
margin: 0;
padding: 0;
}

input, textarea {
border: 1px solid #366979;
}

.options {
margin-top: 50px;
padding: 10px;
background: #024b64;
border-right: 1px solid #366979;
border-bottom: 1px solid #366979;
font-size: 12px;
}

#upload-options-link {
width: 70px;
background: #024b64;
border-right: 1px solid #366979;
border-bottom: 1px solid #366979;
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
}

#entete {
height: 25px;
background: url("images/mini-accueil.png") #024b64;
font-size: 10px;
text-align: center;
border-bottom: 1px solid #366979;
margin-top: -28px;
}

#entete span {
display: block;
height: 25px;
background: url("images/mini-gauche.png") no-repeat left top;
}

#entete ul {
margin: 0;
padding: 0;
}

#entete li {
display: block;
float: left;
width: 20%;
margin: 0;
padding: 0;
margin-top: 4px;
text-align: center;
}

#entete input {
font-size: 10px;
}

#vue-entete {
position: absolute;
width: 100%;
height: 35px;
margin-top: 2px;
text-align: center;
}
#vue-entete:hover #entete {
margin-top: -2px;
}

#logout {
margin-top: 20px;
font-size: 10px;
}

#logoutbase {
margin-top:65px;
font-size: 10px;
}

input[type=text],
input[type=file] {
border: 1px solid #366979;
}

#footer {
    clear: both;
    text-align: center;
    font-size: 12px;
    padding: 3px;
}

#content {
    width: 1000px;
    margin: auto;
    padding-top: 10px;
    text-align: center;
}

.content .success,
.content .error {
    background: #A40000;
    color: #EEE;
    padding: 10px;
    margin-top: 10px;
    display: block;
}

.content .success {
    color: #EEE;
    font-weight: bold;
    background: #333;
}

#content .result {
float: left;
width: 160px;
min-height: 200px;
margin-top: 5px;
margin-left: 5px;
text-align: center;
font-style: italic;
}

#content .actions {
display: block;
width: 160px;
margin-top: 5px;
}

#content .mini-actions {
width: 160px;
height: 20px;
}

#content #actions {
float: left;
display: block;
width: 25px;
}

#content .thumbnail {
float: left;
display: table;
width: 700px;
}

.thumbnail p {
margin-top: 0;
}

#content #gauche {
float: left;
width: 650px;
}

#content #droite {
float: left;
width: 350px;
}

#content #info {
margin-top: 20px;
}

#content .related {
float: left;
}

#content .metadata, #content .description, #content .author, #content .description, #content .tags {
font-size: 10px;
}


#content label {
display: block;
width: 350px;
text-align: left;
}

#droite input {
width: 350px;
}

#droite textarea {
width: 350px;
height: 100px;
}

#info .info {
display: block;
text-align: left;
float: left;
width:300px;
}

#info textarea {
width: 300px;
height: 70px;
margin-top: 5px;
}

#nuage {
width: 40%;
height: 100%;
margin-left: 850px;
padding-top: 50px;
text-align: justify;
}

#tagcloud a {
    text-decoration: none;
}