*{
margin:0;
padding:0;
}
body{
background:#8ba7a9;
text-align:center;
font-family:tahoma;
font-size:14px;
padding-top:20px;
}
h1{
position:absolute;
top:100px;
margin-left:160px;
color:#fff;
font-weight:100;
font-size:40px;
}
#bandeau{
position:absolute;
background:url(promo.gif) no-repeat;
height:88px;
width:204px;
top:0;
margin-left:379px;
}
#total{
width:736px;
height:520px;
margin:0 auto;
text-align:left;
background:url(fond.jpg) no-repeat;
}
#menu{
position:absolute;
top:78px;
margin-left:600px;
overflow:hidden;
width:133px;
}

#menu a{
display:block;
width:133px;
height:88px;
padding-left:150px;
margin-top:15px;
}
#menu a:hover{
background-position:0 -88px;
}
#temps{background:url(btn1.gif) no-repeat;}
#argent{background:url(btn2.gif) no-repeat;}
#forfait{background:url(btn3.gif) no-repeat;}
#correspondant{background:url(btn4.gif) no-repeat;}

#fixe{
font-family:arial;
position:absolute;
top:400px;
margin-left:115px;
color:#fff;
font-weight:100;
font-size:10px;
width:470px;
line-height:120%;
}

.contenu{
color:#fff;
position:absolute;
top:190px;
margin-left:110px;
width:450px;
}
h2{
font-size:24px;
font-weight:900;
margin-bottom:20px;
font-family:georgia;
font-style:italic;
}
.encadre{
background:#17535e;
padding:10px;
line-height:160%;
margin-top:20px;
}
#promo{
color:#fff;
font-style:italic;
font-size:16px;
position:absolute;
top:510px;
margin-left:440px;
}
#navig{
color:#fff;
font-size:12px;
position:absolute;
top:515px;
margin-left:90px;
}
#navig a{
color:#fff;
}
#pied{
color:#fff;
font-size:10px;
position:absolute;
top:548px;
margin-left:81px;
background:#17535e;
width:638px;
padding:5px;
border:1px solid #d6dfe0;
text-align:center;
}
#intro{
position:absolute;
top:21px;
margin-left:160px;
font-size:11px;
color:#becfd3;
width:210px;
}