@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background-image: url(../images/tranme_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h2 {margin:0; padding:0;}
.blanc {color:#FFFFFF;}
#flash-background{
		width:900px;
		height:720px;		
		margin:0px auto;
		position:absolute;
		top:0px;
		left:50%;
		margin-left:-450px;
		z-index:0;
		display:none;
	}
#contener {
	height:720px;
	width:900px;
	margin:0 auto;
	position:relative;
	z-index:10000;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	}
	
#bloc-gauche {
	width:228px;
	height:331px;	
	float:left;
	z-index:10001;
	margin:138px 0 0 10px;
	background-image: url(../images/bg-gauche.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 3px 0 0;
}
*html #bloc-gauche {  margin:138px 0 0 33px;}
h2.orange {color:#ff3333; margin:75px 0 10px 0; text-align:center; font-size:18px; font-weight:bold;}
#bloc-gauche ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#bloc-gauche li {
	font-size:9px;
	letter-spacing:0.01px;
	line-height:10px; 
	margin:0 0 0 100px; 	
	padding:0;
	}
*+html #bloc-gauche li  {margin:0 0 0 100px; line-height:11px;}
.telecharger {
	text-align:center;
	padding:20px 0 0 0;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../images/telecharger.png);
	height: 38px;
	width: 198px;
	text-decoration:none;
	display:block;
	margin:20px auto 0 auto;
}
.telecharger-us {
	text-align:center;
	padding:20px 0 0 0;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../images/telecharger.png);
	height: 38px;
	width: 198px;
	text-decoration:none;
	display:block;
	margin:8px auto 0px auto;

}
.telecharger-de {
	text-align:center;
	padding:20px 0 0 0;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../images/telecharger.png);
	height: 38px;
	width: 198px;
	text-decoration:none;
	display:block;
	margin:-2px auto 0px auto;	
}


.telecharger-de { margin-top /*\**/:8px\9; } 

.config {font-size:9px; letter-spacing:0.01px; font-family:helvetica; padding:3px 0 0 9px;}
*+html .config {font-size:10px;}
.orange {color:#ff6633; }

#bloc-centre {
	
	width:404px;
	height:211px;
	float:left;
	background-image: url(../images/iphone.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:305px 0 0 10px;
	z-index:10002;
}
.demo-phone {margin:18px 0 0 70px; width:262px; height:175px;}

#bloc-droite {
	float:left;
	width:230px;
	height:296px;
	z-index:10005;
	margin:172px 0 0 15px;
	background-image: url(../images/bg-droite.png);
	background-repeat: no-repeat;
	background-position: left top;
	scrollbar-arrow-color:#ff6666;
	scrollbar-track-color:#f6f6f6;
	scrollbar-shadow-color:#cfcfcf;
	scrollbar-face-color:#f6f6f6;
	scrollbar-highlight-color:#d8d8d9;
	scrollbar-darkshadow-color:#cfcfcf;
	scrollbar-3dlight-color:#f0f0f0;
	
}
#bloc-droite h2.orange {text-align:left; margin:15px 0 10px 10px; font-size:10px;}
.descriptif {
	overflow:auto; 
	width: 195px; 
	height:195px; 
	margin:0 0 0 10px; 
	padding:2px 5px 3px 0px; 
	font-size:9px; 
	
}
.partager { margin:10px 0 0 45px;}

#commentaires {clear:both; margin:30px 0 0 28px; color:#000000; font-size:10px; clear:both;}
.pointille {
	border: 0;
	border-top: 1px dotted #000000;
	margin:10px 0 10px 0; 
	padding:0;
	width:437px;
	text-align:left;	
	height: 1px;
	
}


.avis {font-size:14px; font-weight:bold; margin:0 0 15px 0; }

#corner {
	position:absolute;
	top:0px;
	right:0px;
	z-index:19999;
	background-image: url(../images/illustration.png);
	background-repeat: no-repeat;
	background-position: right top;
 } 
 #corner img, #corner-de img {     border:0;     width:80px; height:80px;     -ms-interpolation-mode:bicubic; } 
#corner-de {
	position:absolute;
	top:0px;
	right:0px;
	z-index:19999;
	background-image: url(../images/illustration-de.png);
	background-repeat: no-repeat;
	background-position: right top;
 }