body {
background-image: url(../images/background.jpg);
font-family: arial;
}

#sheet {
width: 900px;
min-height: 780px;
height: inherit;
left: 50%; 
margin-left: -390px;
background-image: url(../images/sheet.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
position: absolute;
}


#top {
width: 900px;
height: 220px;
float: left;
}

#topleft {
width: 600px;
height: 180px;
float: left;
}

#topright {
width: 300px;
height: 180px;
float: right;
}

#logo {
width: 250px;
height: 150px;
margin-left: 30px;
margin-top: 20px;
float: left;
background-image: url(../images/logo.png);
background-repeat: no-repeat; 
}

#modules {
width: 350px;
height: 30px;
background-image: url(../images/modules.png);
background-repeat: no-repeat; 
float: right;
}

#menu  {
width: 600px;
height: 30px;
margin-top: -20px;
background-color: #90afd8;
float: left;
}

#menu a{
font-family: arial;
font-size: 12px;
color: #000000;
text-decoration: none;
margin-right: 20px;
}

#menu li{
float:left;
list-style-type: none;
margin-top: -10px;
}

#user {
width: 900px;
height: auto;
margin: 10px 30px 30px 0px;
background-image: url(../images/user.png);
float: left;
}

#left {
width: 250px;
height: 100%;
margin: 20px 0px 30px 0px;
float: left;
background-color: #ffffff;
}

.newsflash {
margin-left: 20px;
}

#actu {
width: 180px;
height: 100%;
margin-left: 25px;
float: left;
background-color: #ffffff;
font-family: arial;
font-size: 12px;
color: #90afd8;
text-decoration: none;
}

#actu a.readmore{
font-family: arial;
font-size: 12px;
color: #878787;
display: block;
  margin-bottom: 10px;
  margin-top: -5px;
  text-decoration: underline;
}

#actu a{
font-family: arial;
font-size: 12px;
color: #878787;
display: block;
  margin-bottom: 10px;
  text-decoration: none;
}

#actu li{
list-style-type: none;
}

#actu ul.menu{
margin-left: -25px;;
}

#login {
width: 210px;
height: 190px;
float: left;
margin-top: 30px;
background-color: #d1e5b2;
}

#right {
width: 570px;
height: 100%;
float: left;
margin-top: 20px;
margin-left: 40px;
font-family: arial;
font-size: 12px;
color: black;
}

#galerie {
width: 570px;
height: auto;
float: left;
}

#right h2 a{
font-family: arial;
font-size: 16px;
color: black;
text-decoration: none;
  display: block;
margin-bottom: 40px;
}

#right a{
font-family: arial;
font-size: 12px;
color: #878787;
text-decoration: underline;
}

#footer {
width: auto;
height: 60px;
margin-top: 40px;
font-family: arial;
font-size: 10px;
color: #878787;
}

#login-form .userdata {
border: none;
margin-left: 30px;
}

#login-form label {
font-family: arial;
font-size: 12px;
color: #000000;
text-decoration: none;
}

#form-login-password {
margin-top: -10px;
}

#form-login-remember{
margin-top: -10px;
}

#login-form li {
font-family: arial;
font-size: 0px;
color: #ffffff;
text-decoration: none;
}

#login-form ul {
margin-top: 20px;
}

#logos {
float: left;
height: 25px;
margin-left: 100px;
width: auto;
margin-top:30px;
}

#logos a{
height: 15px;
margin-top:30px;
border: none;
margin-right: 3px;
font-family: arial;
font-size: 10px;
color: #878787;
text-decoration: none;
}

#credits a{
font-family: arial;
font-size: 10px;
color: #878787;
text-decoration: none;
}

#credits {
float: left;
height: 30px;
margin-left: 300px;
width: auto;
}