/* ---------------------------------------------------------------
	INTRODUCTION 
		vert app : #99cc00
 --------------------------------------------------------------- */
	h2.titre{color: #C5EABF;}
	
	.intro{
	position:relative;
	top:0; left:0;
	margin: 0 2%;
	width:96%; height:auto; line-height:20px;
	color:#FFFFFF; font-size:14px;
	}

	.personnage_droite{position: absolute; top: 350px; right: -85px; z-index: 1;}
	.personnage_gauche{position: absolute; top: 300px; left: 0; z-index: 1;}
/* ---------------------------------------------------------------
	BLOC TEXTE
 --------------------------------------------------------------- */
	.bloc_texte_small{
	position:relative;
	font-size:x-small; font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;}

	.bloc_texte_medium{
	position:relative; text-align: justify;
	font-size:medium; font-family:Verdana, Arial, Helvetica, sans-serif;}
 
 	.bloc_texte_medium p{text-indent: 20px;}
 	
 	.biblio{background: white; border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC; margin-bottom: -1px; font-size: xx-small;
 	height: auto; padding: 0 2px;}
/* ---------------------------------------------------------------
	FORMULAIRE
 --------------------------------------------------------------- */
	#form_recherche{
	position:relative;
	top:0; left:0;
	margin:20px 0; padding:0;
	width:100%; height:auto;
	border-bottom: 3px solid #000;
	}
	
	#form_recherche fieldset {
	position:relative;
	top:0;
	left:0;
	margin: -1px 2% 0 2%;
	padding:2px 0;
	border-width:0px;
	width:96%;
	height:auto;
}
	#form_recherche label {
	display:block;
	position:relative;
	top:0;	left:0;
	float:left;
	margin:0; padding:0;
	height:20px;
	line-height:20px;
	font-size: 11px;
	font-weight: bold;
	text-align:right;
	color:#000000;
	}

	#form_recherche input{
	position:relative;
	float:left;
	margin:0;	padding:0;
	font-size: 12px;
	background-color:#FFFFFF;
	color: #000;
	border: 1px solid #000;
}
/* ---------------------------------------------------------------
	JFLOW DES ROMANS
 --------------------------------------------------------------- */
 	#liste_auteur{
	position:relative;
	top:0; left:0; margin-top: 40px;
	width:auto; height:auto;
	overflow:hidden;
	z-index: 10;
	}
	
	#support_slides{
	position:relative;
	top:0; left:0;
	margin:0 0 0 65px; padding:0;
	width:600px; height:200px;
	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:40px;
	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:auto;
	text-decoration:none;
	color:#FFFFFF; background: black;
	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:#336633; /* couleur */
	width:80%; height:410px;
}
	#menu_auteur{
	position:absolute; top:10px; left:20px;
	margin:0; padding:0;
	width:150px; height:auto;}
	#menu_auteur li{
	position:relative; top:0; left:0;
	margin:5px 0; padding:0;
	list-style:none;
	width:100%;	height:30px;}
	#menu_auteur li a{
	display:block; font-weight:bold;
	width:100%; height:100%; line-height:20px;
	color:#FFF; font-size:85%;}

	#menu_auteur li a:hover{ color:#d3dce3;}

	/* -------------------- */
	
	#detail_auteur{
	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%;}
	#info_diverse img{border: 2px solid white;}	
/* ---------------------------------------------------------------
	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; margin-bottom: 5px; line-height: 16px; background: #3fa52d; color: white;}	
	.livre_titre{font-size:11px; font-weight: bold;}	
	.livre_info{font-size:10px;}	
	.livre_auteur{font-size:11px;}	
	
	.livre_chapitre{font-size: 12px; text-align: justify;}
	

	.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:202px; padding: 5px;
	background: #99cc00;
	overflow:auto;	overflow-y:hidden;	overflow-x:hidden;}

	.affichage_texte ul{margin: 0; padding: 0;}
	.affichage_texte ul li {list-style: none;}