html
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b3aaaa;
	background-color:#420200;
}

html, body
{
	margin:0;
	padding:0;
}

hr
{
	display:none;
}

img
{
	border:0;
}

span.nobr
{
	white-space:nowrap;
}

a
{
	color:#c5030d;
	text-decoration:none;
	outline:none;
}

a:hover
{
	text-decoration:underline;
}

h2
{
	margin-bottom:25px !important;
	margin-bottom:10px;
}

.wrap, .hd, .bd, .ft, .bd .l, .bd .r
{
	position:relative;
	
}

.wrap
{
	width:975px;
	height:1326px;
	margin:0 auto;
	background:#420200 url(../images/bg-site.jpg) top left no-repeat;
}

/*header*/
.hd
{
	height:165px;
}

#change-lang
{
	color:#ffffff;
	position:absolute;
	right:23px;
	top:10px;
}

#logo-st-hub
{
	position:absolute;
	display:block;
	text-indent:-3000px;
	top:0px;
	left:29px;
	width:93px;
	height:112px;
}

#visiter-st-hub
{
	position:absolute;
	top:67px;
	right:23px;
	display:block;
	text-indent:-3000px;
	width:175px;
	height:15px;
	background:url(../images/visiter-st_hubert.gif) top left no-repeat;
}



/*intro*/


/*body*/
.bd
{
	margin-left:179px;
	width:699px;
	height:996px;
}

.bd .l, .bd .r 
{
	float:left;
	position:relative;
}

.bd .l
{
	width:290px;
	padding-left:144px;
	
}

#intro
{
	margin-top:87px;
	
}

#intro a
{
	font-size:11px;
}

#intro h1
{
	text-indent:-3000px;
	width:256px;
	height:120px;
	background:url(../images/tltAppIphone.png) top left no-repeat;
}

#intro strong
{
	display:block;
	color:#ffffff;
}

#demo
{
	margin-top:55px;
	position:relative;
}

#demo h2
{
	width:222px;
	height:18px;
	text-indent:-3000px;
	background:url(../images/tltDemo.gif) top left no-repeat;
}

#demo #flashVideo
{
	position:absolute;
	background:url(../images/iPhone.png) top left no-repeat;
	width:400px;
	height:500px;
	left:-85px;
	top:-20px;
	
}

*html #demo #flashVideo
{
	background:url(../images/iPhone-ie6.jpg) top left no-repeat;
	width:290px;
	left:-35px;
	top:10px;
}

#demo #flashVideo a, #demo #flashVideo { 
	position:relative;
}


#demo #flashScreen, #demo object
{
	position:absolute;
	top:87px;
	left:104px;
	z-index:100;
}

*html #demo #flashScreen, *html #demo object
{
	position:absolute;
	top:70px;
	left:53px;
	z-index:100;
}
/*
#demo #flashVideo a div.fix-ie6
{
	position:absolute;
	left:-85px;
	top:-30px;
	cursor:pointer;
}*/

#demo .image-info
{
	position:absolute;
	top:473px;
	width:218px;
	text-align:center;
	font-size:11px;
	color:#b9a4a4;
	margin-top:-30px;
}

/*panneau de droite*/

.bd .r
{
	width:208px;
	padding-left:42px;
	padding-right:15px;
}

#download-button
{
	display:block;
	position:absolute;
	text-indent:-3000px;
	top:-70px;
	right:-65px;
	background:url(../images/download-button.png) top left no-repeat;
	_background:url(../images/download-button-ie6.png) top left no-repeat;
	width:294px;
	height:294px;
	cursor:pointer;
}

#download-button:hover
{
	background-position:0 -294px;
}

#caracteristiques
{
	margin-top:205px;
}

#caracteristiques h2
{
	text-indent:-3000px;
	width:171px;
	height:17px;
	background:url(../images/tltCaracteristiques.gif) top left no-repeat;
}

#caracteristiques ul
{
	margin-left:-38px;
	*margin-left:-10px;
	list-style: none;
}
#caracteristiques ul li
{
	list-style-image:url(../images/bullet.gif);
	margin:0px;
	padding:0px;
	*padding-left:10px;
	position:relative;
	font-size:11px;
	font-weight:bold;
}


#caracteristiques ul li span
{
	position:relative;
	top:-5px;
}

#caracteristiques ul li span span
{
	top:0px;
}

#galerie, #contact
{
	margin-top:35px;
}

#galerie h2
{
	text-indent:-3000px;
	width:143px;
	height:14px;
	background:url(../images/tltGalerie.gif) top left no-repeat;
}

#galerie ul
{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	margin-left:-7px;
}

#galerie ul li
{
	width:64px;
	height:96px;
	margin-left:7px;
	margin-bottom:7px;
	float:left;
}

#contact h2
{
	text-indent:-3000px;
	width:85px;
	height:14px;
	background:url(../images/tltContact.gif) top left no-repeat;
}

#contact #app-store img
{
	margin-top:15px;
}

#download-ringtone
{
	position:relative;
	background:transparent url(../images/ringtone-sep.png) left top no-repeat;
	_background:none;
	_border-top:1px dotted #6c201d;
	height:87px;
	margin-left:-136px;
	margin-top:-97px;
	_margin-top:-77px;
	padding:1px 0 0 60px;
	z-index:999;
}

#download-ringtone #icn 
{
	position:absolute;
	top:-15px;
	left:70px;
	background:url(../images/ringtone-icn.png) 0 0 no-repeat;
	width:100px;
	height:98px;
}

#download-ringtone a
{
	display:block;
	width:181px;
	height:61px;
	padding:36px 0 0 121px;
	_padding-top:20px;
	margin-top:-15px;
}
#download-ringtone a span
{
	display:block;
	background:url(../images/download-ringtone.png) 0 0 no-repeat;
	width:181px;
	height:37px;
	text-indent:-3000px;
}

/*footer*/

.ft #conception
{
	position:relative;
	margin:0 auto;
	margin-top:59px;
	width:219px;
}