/* ---------------------------------------------------------------
	INTRODUCTION
 --------------------------------------------------------------- */
	h2.titre{color:#FFFFFF; margin-top: 0;}
	
	.intro{
	position:relative;
	top:0; left:0;
	margin: 0 2%;
	width:96%; height:auto; line-height:20px;
	color:#b5d4e8; font-size:14px;
	}
	.intro a {color: #FFFFFF;}
/* ---------------------------------------------------------------
	JFLOW DES ROMANS
 --------------------------------------------------------------- */
 	#liste_roman{
	position:relative;
	top:0; left:0;
	width:auto; height:280px;
	overflow:hidden;
	}
	
	#support_slides{
	position:relative;
	top:0; left:0;
	margin:0 0 0 65px; padding:0;
	width:600px; height:250px;
	overflow:hidden;
	}
	
	#myController{
	position:relative;
	top:0; left:0;
	margin:0 auto;
	height:5px;
	}
	#myController span{
	display:block;
	position:relative;
	float:left;
	top:0; left:0; font-size:1px;
	margin:0 5px; padding:0;
	width:20px; height:5px;
	cursor:pointer;}

	.jFlowControl{background:#FFF;}
	.jFlowSelected {background:#000;}

	.jFlowPrev, .jFlowNext{
	display:block;
	position:absolute;
	top:80px;
	width:32px; height:64px;
	cursor:pointer;
	}
	.jFlowPrev{left:10px; background: transparent url(../multimedia/bouton/navig_gauche.png) no-repeat top left;}
	.jFlowNext{right:10px;background: transparent url(../multimedia/bouton/navig_droite.png) no-repeat top left;}
	
	div.vignette{
	display:block;
	position:relative;
	float:left;
	top:0; left:0px;
	margin:0 15px; padding:0;
	width:120px; height:250px;
	text-decoration:none;
	color:#FFFFFF;
	background: transparent url(../multimedia/fonds/liste_roman_auteur.png) no-repeat top left;
	cursor:pointer;
	}
	div.vignette p{
	clear:both;
	position:relative;
	top:0; left:0;
	margin:0; padding:0;
	width:100%; height:20px; line-height:20px;
	font-size:67%;
	color:#FFFFFF;
	text-align:center;
	}
	
	div.vignette img{
	position:relative;
	top:0; left:0;
	border:0; 
	margin: 2px 0 20px 2px; padding:0; 
	width:116px; height:116px;}
/* ---------------------------------------------------------------
	ZONE SECONDAIRE
 --------------------------------------------------------------- */
	#zone_secondaire{
	position:absolute;
	top:0px; left:10%; margin:0; background:#336699; /* couleur */
	width:80%; height:410px;
}
	#zone_secondaire ul{
	position:absolute; top:10px; left:20px;
	margin:0; padding:0;
	width:150px; height:auto;}
	#zone_secondaire ul li{
	position:relative; top:0; left:0;
	margin:5px 0; padding:0;
	list-style:none;
	width:100%;	height:30px;}
	#zone_secondaire ul li a{
	display:block; font-weight:bold;
	width:100%; height:100%; line-height:20px;
	color:#FFF; font-size:85%;}

	#zone_secondaire ul li a:hover{ color:#d3dce3;}

	/* -------------------- */
	
	#detail_roman{
	position:absolute; top:0px; right:0px;
	width:288px; height:400px;
	padding:0px;
	overflow:auto;
	overflow-x:hidden;
	}
	
	/* -------------------- */
	
	#info_diverse{
	position:absolute; bottom:0px; left:0px;
	width:200px; height:auto;
	}
	#info_diverse p{
	position:relative;
	top:0; left:0; margin:0 0 10px 0; padding:0; text-align:center;
	width:100%; height:auto; line-height:16px;
	color:#FFFFFF; font-size:75%;}

	#info_diverse p a{color:#FFFFFF; font-size:100%;}
	
/* ---------------------------------------------------------------
	DEMO TEL
 --------------------------------------------------------------- */
 	#demo_tel{
	position:absolute;	bottom:0; right:0px;
	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;}

	.livre_presentation{ text-align:center; background: #336699; color: white; margin-bottom: 5px; line-height: 16px;}	
	.livre_titre{font-size:11px; font-weight: bold;}	
	.livre_info{font-size:10px;}	
	.livre_auteur{font-size:11px;}	
	
	.livre_chapitre{font-size: 12px;}
	

	.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;
	overflow:auto;	overflow-y:hidden;	overflow-x:hidden;}