* {
margin: 0;
padding: 0;
color:#fff;
font-family: Arial;
}
html{
background:#191C2B;
}
body{
background:url('bg-body.jpg') repeat-x;
}
#wrapper{
background:url('bg.jpg') no-repeat;
width:1024px;
height:760px;
margin:0 auto;
position:relative;
}
h1.title{
width:303px;
height:68px;
position:absolute;
top:50%;
left:400px;
background:url('logo.png') no-repeat;
text-indent:-999em;
overflow:hidden;
}
h2.offer{
width:646px;
height:175px;
position:absolute;
top:60px;
left:235px;
background:url('offer.png') no-repeat;
text-indent:-999em;
overflow:hidden;
}
ul.choice{
position:absolute;
bottom:20px;
width:1024px;
height:507px;
}
ul.choice li{
float:left;
margin:0 15px;
text-indent:-999em;
overflow:hidden;
}
ul.choice li a {
width:186px;
height:507px;
display:block;
}
ul.choice li a.oreades {
background:url('oreades.png') no-repeat;
margin-left:40px;
}
ul.choice li a.generation {
background:url('generation-internet.png') no-repeat;
width:212px;
}
ul.choice li a.eredacteur {
background:url('eredacteur.png') no-repeat;
width:172px;
margin-left:45px;
}
ul.choice li a.betactile {
background:url('betactile.png') no-repeat;
width:207px;
margin-left:30px;
}
#footer{
padding-top:10px;
width:100%;
font-size:11px;
color:#878991;
text-align:center;
background:url('bg-footer.gif')repeat-x;

}
#footer p{
font-size:11px;
color:#878991;
}