*{
margin:0;
padding:0;
}
img{
border:0;
}

body{
text-align:center;
background:url(bg.png) no-repeat top center;
background-color:#f2f2f3;
font-family:arial;
font-size:13px;
color:#3e3e40;
}
#total{
text-align:left;
margin:0 auto;
width:900px;
}

#header{
height:126px;
}
#phrase_intro{
position:absolute;
margin-top:110px;
font-size:11px;
color:#666;
font-style:italic;
}
#header #prix{
display:block;
width:101px;
height:0;
padding-top:71px;
overflow:hidden;
background:url(prix.gif) no-repeat;
position:absolute;
margin-left:780px;
margin-top:10px;
}
#header #deloitte{
display:block;
width:78px;
height:0;
padding-top:87px;
overflow:hidden;
background:url(deloitte.gif) no-repeat;
position:absolute;
margin-left:680px;
margin-top:10px;
}
#header #logo{
display:block;
width:220px;
height:0;
background:url(logo.gif) no-repeat;
padding-top:91px;
overflow:hidden;
float:left;
margin-right:20px;
}
#header ul{
list-style-type:none;
}
#header li{
float:left;
text-transform:uppercase;
font-weight:900;
font-size:14px;
}
#header li a{
float:left;
display:block;
text-decoration:none;
color:#999;
padding:100px 10px 10px 10px;
border-left:1px solid #e3e3e3;
}
#header li a:hover{
color:#3e3e40;
}
#header li.lead a{
color:#3e3e40;
border-bottom:4px solid #0198c2;
padding-bottom:6px;
}
#header li.prims a{
border-left:0;
}


h1{
height:0;
padding-top:270px;
background:url(h1_accueil.gif) no-repeat 0 60px;
overflow:hidden;
width:980px;
}
h1#h1_presentation{background-image:url(h1_presentation.gif);}
h1#h1_argent{background-image:url(h1_argent.gif);}
h1#h1_temps{background-image:url(h1_temps.gif);}
h1#h1_correspondants{background-image:url(h1_correspondants.gif);}
h1#h1_forfait{background-image:url(h1_forfait.gif);}
h1#h1_partenaires{background-image:url(h1_partenaires.gif);}
h1#h1_contact{background-image:url(h1_contact.gif);}
h1#h1_iphone{background-image:url(h1_iphone.gif);}


h2{
font-weight:100;
font-size:18px;
margin-top:20px;
width:265px;
float:left;
}
h2 span{
text-transform:uppercase;
color:#009ac5;
font-weight:900;
}

#btn_smartphone{
display:block;
width:189px;
height:0;
padding-top:127px;
overflow:hidden;
background:url(btn_iphone.gif) no-repeat;
position:absolute;
margin:290px 0 0 690px;
}

.modeemploi{
float:left;
width:400px;
border:2px solid #ccc;
margin-top:20px;
padding:8px 0 0 8px;
background:#fff;
}
.modeemploi p{
margin-bottom:8px;
background-repeat:no-repeat;
padding:5px 0 6px 35px;
}
.modeemploi #un{background-image:url(un.gif);padding:1px 0 1px 35px;}
.modeemploi #deux{background-image:url(deux.gif);}
.modeemploi #trois{background-image:url(trois.gif);}
.modeemploi p strong{
font-size:20px;
color:#009ac5;
}
.modeemploi.pres{
width:500px;
}
.modeemploi.pres p{
padding:10px;
margin-bottom:0;
}
.modeemploi.pres p em{
color:#009ac5;
font-weight:900;
font-style:normal;
}



.liste_avantage{
list-style-type:none;
margin-top:20px;
}
.liste_avantage li{
float:left;
}
.liste_avantage a{
display:block;
background-repeat:no-repeat;
background-position:center 0;
font-size:14px;
color:#3e3e40;
text-decoration:none;
float:left;
width:130px;
text-align:center;
padding:90px 0 0 0;
margin-right:20px;
}
.liste_avantage a:hover{
background-position:center -150px;
font-weight:900;
color:#009ac5;
}
.liste_avantage li#avantage1 a{background-image:url(avantage1.gif);}
.liste_avantage li#avantage2 a{background-image:url(avantage2.gif);}
.liste_avantage li#avantage3 a{background-image:url(avantage3.gif);}
.liste_avantage li#avantage4 a{background-image:url(avantage4.gif);}
#ruse{
background:#fff;
border:2px solid #ccc;
padding:8px;
margin-top:30px;
}



.p_textes{
font-size:16px;
margin:30px 80px 40px 0;
line-height:180%;
height:150px;
}
.img_textes{
float:left;
margin:20px 20px 40px 80px;
}

#btn_download_iphone{
display:block;
padding-top:58px;
width:273px;
height:0;
overflow:hidden;
background:url(btn_download_iphone.gif) no-repeat;
margin-left:400px;
margin-top:-100px;
}
#btn_download_iphone:hover{
background-position:0 -60px;
}

#footer{
margin-top:30px;
background:url(footer.png) repeat-x;
background-color:#009ac5;
border-top:4px solid #3d3d3f;
}
#footer div{
width:900px;
margin:10px auto 0 auto;
color:#bde1ec;
text-align:left;
padding-bottom:10px;
font-size:11px;
}
#footer p{
margin-bottom:8px;
}
#footer p a{
color:#bde1ec;
text-decoration:none;
}
#footer p a:hover{
text-decoration:underline;
}