/* ---------------------------------------------------------------
	ZONE CENTRALE
 --------------------------------------------------------------- */
	
	#zone_centrale{
	position:relative;	top:0;	left:0;
	width:100%;	height:470px;
	z-index:1;	background: transparent url(../multimedia/fonds/centrale_accueil.png) no-repeat top left;
	}

/* ---------------------------------------------------------------
	ZONE EVENEMENT
 --------------------------------------------------------------- */

 	#zone_evenement{
	position:absolute;
	margin:0;
	padding:0;
	top:40px;
	left:90px;
	width:335px;
	height:215px;
	font-size:10px;	color:#666666;
	font-weight: bold;	line-height:14px;
	}
	#zone_evenement img{float: left;margin: 4px 5px 0 0;}
	#zone_evenement a{color: fuchsia;}
	#zone_evenement span.debut{color: black;}

/* ---------------------------------------------------------------
	EXPLICATION
 --------------------------------------------------------------- */

	#explication{
	position:absolute;
	top:40px;	right:12px;
	width:170px; height:380px;}
	
	#explication p{color:#333333;
font-size:11px;
height:auto;
line-height:16px; text-indent: 5px;
width:100%;}
	p.lh_appstore {text-align: center;}

/* ---------------------------------------------------------------
	ZONE DECOUVERTE
 --------------------------------------------------------------- */

	#zone_decouverte{
	position:absolute;
	top:332px;	left:5px;
	width:365px; height:120px;}
	
	#zone_decouverte p{
	width:100%; height:auto; line-height:16px;
	color: purple;	font-weight: bold; margin-bottom: 10px;
	font-size: 13px;text-transform: uppercase; text-align: center;}
	
	#zone_decouvert ul{
	position:absolute;	top:30px; left:0px;
	width:345px; height:16px;}
	
	#zone_decouvert ul li{
	position:relative;	float:left;	top:0; left:0;
	width:110px; height:100%;
	list-style:none; text-align:center;}
	
	#zone_decouvert ul li a{display:block;	text-decoration:none;}
	#zone_decouvert ul li a img{ border:2px solid #333333;	width:80px; height:80px;}
	#zone_decouvert ul li a:hover img{ border:4px solid #FFFFFF;}

/* ---------------------------------------------------------------
	DEMO TEL
 --------------------------------------------------------------- */

 	#demo_tel{display: none;
	position:absolute;	top:66px; left:423px;
	width:288px; height:390px;
	overflow:hidden;
	background-image: url(../multimedia/fonds/demo_tel.png);
	background-repeat: no-repeat; background-color: transparent;}
	
	.affichage_off{background-position: top left;}
	.affichage_on{background-position: bottom left;}
	 	
	#exemple{ display: none;
	position:absolute; left:66px; top: 88px;
	width:160px; height:290px;
	overflow:hidden;}
	
	#navigation{
	position:absolute; bottom:0; left:0;
	width:100%; height:50px;}
	
	#nav_haut, #nav_bas{
	display:block;
	position:absolute; top:20px; cursor:pointer;
	width:50px; height:20px;}
	
	#nav_haut{left:0px;}
	#nav_bas{right:0px;}

	.episode_titre{	text-align:center;	font-size:10px;}

	.titre_1{background:#c10000; color:#FFFFFF;}
	.titre_2{background:#40b82b; color:#FFFFFF;}
	.titre_3{background:#ff99cc; color:#FFFFFF;}
	.titre_4{background:#ffd700; color:#333;}
	.titre_5{background:#dd1db4; color:#FFFFFF;}
	.titre_6{background:#FF6600; color:#FFFFFF;}
	.titre_7{background:#0a71b3; color:#FFFFFF;}
	
	.affichage_cover{
	position:relative;top:0; left:0; margin-bottom: 100px;
	overflow:auto;	overflow-y:hidden;	overflow-x:hidden;}

	.affichage_texte{
	position:relative;top:0; left:0;
	height:225px; padding: 5px;
	font-size:12px; text-align: justify;
	overflow:auto;	overflow-y:hidden;	overflow-x:hidden;}
	
	.contenu_episode{font-size: 11px;}

/* ---------------------------------------------------------------
	LES COMMENTAIRES
 --------------------------------------------------------------- */
	#commentaire{
	position:absolute;	top:10px;	left:720px;
	width:180px;	height:440px;}
	
	#commentaire p.titre{
	width:100%; height:auto; line-height:14px;
	color:purple;
	font-weight: bold;
	font-size: 12px;text-transform: uppercase;
}
	#commentaire p.nom{
	width:100%; height:auto; line-height:14px;
	color:purple;
	font-weight: bold;
	font-size: 12px;
}
	#commentaire p.photo{
	margin: 5px 0;
	width:100%; height:auto;
	text-align:center;
}
	#commentaire p.photo img{ border:3px solid #333333; width:120px; height:70px;}
	
	#commentaire p.presentation{
	width:100%; height:auto; line-height:16px;
	color: #333; text-align:center;
	font-size: 11px;
	}
	
	#commentaire ul{
	position:relative; top:0; left:0;
	margin:0 0 10px 0; padding:0;
	width:100%; height:auto;}
	#commentaire ul li{
	position:relative; top:0; left:0;
	margin:0 10%; padding:0;
	width:90%; height:auto; line-height:18px;
	font-size:67%;}