/* ---------------------------------------------------------------
	SMARTNOVEL
		Couleurs utilisees :
			Rouge : c10000
			Marron : b5713f
			Orange : F75800
			Jaune : ffd700
			Vert : 40b82b
			Bleu : 0a71b3
			Rose : e880ed
			Violet : dd1db4
			
			Vert Kaki : c8d20a
			Bleu vip : d3dce3
 --------------------------------------------------------------- */


/* ---------------------------------------------------------------
	RAZ CSS
 --------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

table {border-collapse:separate;border-spacing:0;}

caption, th, td {text-align:left;font-weight:normal;}

table, td, th {vertical-align:middle;}

blockquote:before, blockquote:after, q:before, q:after {content:"";}

blockquote, q {quotes:"" "";}

li{list-style: none;}

a img {border:none;}
 
	hr {
	background:#FFFFFF none repeat scroll 0 0;
	border:0 none;
	clear:both;	color:#FFFFFF;
	float:none;	height:1px;
	margin:0;	width:100%;}

/* ---------------------------------------------------------------
	FORMATAGE DU SITE
 --------------------------------------------------------------- */
	body {
	text-align:center;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	#conteneur {
	position:relative;
	width:920px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	color:#333333;
	text-align:left;
	background-color: #FFFFFF;
}
	#conteneur_accueil {
	position:relative;
	width:1100px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	color:#333333;
	text-align:left;
	background-color: #FFFFFF;
}
/* ---------------------------------------------------------------
	TITRES
 --------------------------------------------------------------- */
	h2{
	position:relative;	top:0;	left:0; margin: 10px 0;
	width:100%;	line-height: 24px;
	font-size:130%;	text-indent:0px;}
	.p_partenaire h2{color: #FFFFFF; margin-top: 0; }
	.p_presse h2{color: green; margin-top: 0; }
	.p_concours h2{color: #b5d4e8; margin-top: 0; }
	.p_sabonner h2{color: #b5d4e8; margin-top: 0; }
	.p_qui h2{color: #6e6e6e; margin-top: 0; }


	h3{
	position:relative;	top:0; left:0;
	width:730px; height:auto; line-height:20px; margin-top: 20px;
	font-size:100%;	color:#333333;}
	h3 span{ font-weight:bold;}
	.p_partenaire h3{color: #FFC219;}
	.p_presse h3{color: #333333;}
	.p_concours h3{color: #FBF2DE;}
	.p_sabonner h3{color: #000000;}

/* ---------------------------------------------------------------
	ZONE CONTENU
 --------------------------------------------------------------- */
	#z_contenu{position:relative;	top:0; margin-bottom: 10px;	width:750px; height:auto;}
	
	.contenu_centre {position: relative; top: 0; left: 0; width: auto; height: auto; padding: 10px;}
 	.contenu_haut{position: relative; top: 0; left: 0; width:100%; height: 10px;background: url(../multimedia/fonds/bg_contenu.png) no-repeat top left;}
 	.contenu_bas{position: relative; top: 0; left: 0; width:100%; height: 10px;background: url(../multimedia/fonds/bg_contenu.png) no-repeat bottom left;}
 	
	.p_partenaire{background-color: #9C12B2;left:110px;}
	.p_presse{background-color: yellow;left:110px;}
	.p_sabonner{background-color: #3475b6;left:110px;}
	.p_concours{background-color: #9c12b2;left:50px;}
	.p_salon{background-color: #dd1db4;left:110px;}
	.p_episods{background-color: #c10000;left:110px;}
	.p_auteur{background-color: #3fa52d;left:110px;}
	.p_video{background-color: #ffd700;left:110px;}
	.p_evenement{background-color: #ff6600;left:110px;}
	.p_qui{background-color: #CCC;left:110px;}
	.p_histoire{background-color: #df35b4;left:110px;}
	.p_feuilleton{background-color: #379027;left:110px;}


/* ---------------------------------------------------------------
	PARAGRAPHES
 --------------------------------------------------------------- */
	.p_partenaire p{position: relative; top: 0; left: 0; width: 96%; margin: 0 2%; color: white; font-size: 85%; color: #FFFFFF;}
	.p_presse p{position: relative; top: 0; left: 0; width: 96%; margin: 0 2%; color: white; font-size: 85%; color: green;}
	.p_concours p{position: relative; top: 0; left: 0; width: 96%; margin: 0 2%; color: white; font-size: 85%; color: #b5d4e8;}
	.p_sabonner p{position: relative; top: 0; left: 0; width: 96%; margin: 0 2%; color: white; font-size: 85%; color: #b5d4e8;}
	.p_salone p{position: relative; top: 0; left: 0; width: 96%; margin: 0 2%; color: white; font-size: 85%; color: #ffffff;}
	.p_video p{position: relative; top: 0; left: 0; width: 96%; margin: 0 2%; color: white; font-size: 85%; color: #666666;}
	.p_histoire p{position: relative; top: 0; left: 0; width: 96%; margin: 0 2%; color: white; font-size: 85%; color: #FFF;}
	.p_feuilleton p{position: relative; top: 0; left: 0; width: 96%; margin: 0 2%; color: white; font-size: 85%; color: #FFF;}






/* ---------------------------------------------------------------
	ZONE ENTETE et BAS DE PAGE
 --------------------------------------------------------------- */
 	#zone_entete{
	position:relative;
	top:0; left:0;
	margin:0; padding:0;
	width:100%; height:225px;
	background: url(../multimedia/fonds/bandeau_haut.png) no-repeat top left;
	}

	#conteneur #zone_entete{background: url(../multimedia/fonds/bandeau_haut.png) no-repeat top left;}
	#conteneur_accueil #zone_entete{background: url(../multimedia/fonds/bandeau_haut_accueil.png) no-repeat top left;}

	/* ---------------------------------- */

	#fml_abonnement{
	position:absolute; 	top:0px; left:300px; 
	width:470px; height:30px; background-color: #DD1DB4;
	}
	#fml_abonnement fieldset{
	background-color:transparent; border:0; height: 30px; padding: 0;
	}
	#fml_abonnement label{
	position:relative; float:left; color:#FFFFFF; padding: 0 10px;
	font-size:12px; height:30px; line-height:30px; font-weight: bold;
	}
	
	#fml_abonnement label.error{position: absolute; right: -130px; color: red;}
	
	#fml_abonnement input.txt{
	border:1px solid #333333; margin:7px 0 0 0;
	width:200px; height:16px; padding: 0 5px;
	position:relative; float:left; color:#000;
	font-size:12px;
	}
	#fml_abonnement input.submit{margin:6px 0 0 10px; padding: 0 5px; float: none; clear: both; border: 1px solid #666666; background: white;cursor: pointer; font-size: 12px;font-family: inherit;}

	/* ---------------------------------- */

	#conteneur #txt_abonnement{position: absolute; top: 35px; left: 300px; width: 330px; height: 100px; cursor: pointer;}

	#conteneur_accueil #txt_abonnement{position: absolute; top: 35px; left: 300px; width: 400px; height: 100px; cursor: pointer;}
	
	#txt_abonnement p{color: white; font-size: 12px; padding: 5px; text-align: justify;display: none;}
	

	/* ---------------------------------- */

	#porte{display: block; position: absolute; top: 103px; right: 0px; width: 50px; height: 50px;}
	
	/* ---------------------------------- */

	#sortir{
	display:block;
	position:absolute;
	top:0; right:10px;
	margin:0; padding:0;
	width:120px; height:30px; line-height:30px;
	text-align:center; color:#ff6d00; font-size:75%;
	}

	/* ---------------------------------- */

	#logo_retour{
	display:block;
	position:absolute;
	top:0px; left:0px;
	width:130px;
	height:160px;
	text-decoration:none;
	}
	
	/* ---------------------------------- */

	#tel_compatible_intro{position:absolute; top:153px; right:104px; color:#000000; font-size:60%;}
	#tel_compatible{position:absolute; top:165px; right:5px;}
	#tel_compatible a{color:#000000; font-size:70%;margin: 0 5px;}


	/* ---------------------------------- */

 	#zone_bas{
	position:relative;
	top:0; left:0;
	margin-top:10px; padding:0 0 0 10px;
	 height:30px;
	background:black;
	float: none; clear: both;
	}
	#conteneur #zone_bas{width:910px;}
	#conteneur_accueil #zone_bas{width:1090px;}

	#zone_bas li, #zone_bas li a{
	display:inline;
	list-style:none;
	color: #FFFFFF;
	font-size: 84%;
	line-height:30px;
	}
	#zone_bas li a:hover{ color:#ffd700;}

	#power{
	position:absolute; top:0px; right:0px;
	color:#FFFFFF; font-size:70%;
	height: 30px; line-height: 30px;
}

	#power a img{border: 0; vertical-align: middle;margin: 0 5px;}

	/* ---------------------------------- */

	#menu_principal{
	position:absolute;
	top:123px;
	left:150px;
	margin:0;
	padding:0;
	width:580px;
	height:100px;
	}
	#menu_principal li{
	position:relative;
	float:left;
	top:0;
	left:0;
	margin:0 0 0 0;
	padding:0;
	width:68px;
	height:100px;
	list-style:none;
	}
	#menu_principal li a{
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:100px;
	text-decoration:none;
	}
	#menu_sabonner{background: transparent url(../multimedia/bouton/menu_decouverte.png) no-repeat top left;}
	#menu_libraire{background: transparent url(../multimedia/bouton/menu_libraire.png) no-repeat top left;}
	#menu_nice_eve{background: transparent url(../multimedia/bouton/menu_nice_eve.png) no-repeat top left;}
	#menu_smartnovel{background: transparent url(../multimedia/bouton/menu_smartnovel.png) no-repeat top left;}
	#menu_azur{background: transparent url(../multimedia/bouton/menu_azur.png) no-repeat top left;}
	#menu_sfr{background: transparent url(../multimedia/bouton/menu_sfr.png) no-repeat top left;}
	#menu_veolia{background: transparent url(../multimedia/bouton/menu_veolia.png) no-repeat top left;}
	#menu_nice{background: transparent url(../multimedia/bouton/menu_nice.png) no-repeat top left;}
	#menu_vip{background: transparent url(../multimedia/bouton/menu_vip.png) no-repeat top left;}
	#menu_admin{background: transparent url(../multimedia/bouton/menu_admin.png) no-repeat top left;}
	#menu_episods{background: transparent url(../multimedia/bouton/menu_episods.png) no-repeat top left;}
	#menu_classics{background: transparent url(../multimedia/bouton/menu_classics.png) no-repeat top left;}
	#menu_audio{background: transparent url(../multimedia/bouton/menu_audio.png) no-repeat top left;}
	#menu_auteurs{background: transparent url(../multimedia/bouton/menu_auteurs.png) no-repeat top left;}
	#menu_concours{background: transparent url(../multimedia/bouton/menu_concours.png) no-repeat top left;}
	#menu_pitcher{background: transparent url(../multimedia/bouton/menu_pitcher.png) no-repeat top left;}

	#menu_evenement{background: transparent url(../multimedia/menu/evenement.png) no-repeat top left;}
	#menu_salon{background: transparent url(../multimedia/menu/violet.png) no-repeat top left;}

	#menu_principal li a:hover{background-position: bottom left; color:#FFFFFF;}
	
	#menu_principal li span{
	display:block; position:relative; top:35px; left:0;
	width:65px;
	color:#000;
	font-size:68%;
	text-align:center;
	line-height:30px;}
	#menu_principal li a:hover span{top:60px;}	
/* ---------------------------------------------------------------
	ZONE CENTRALE
 --------------------------------------------------------------- */
	#zone_centrae{
	position:relative;
	margin:0;
	padding:0;
	top:0;	left:0;
	width:100%;
	height:auto;
	z-index:1;
	}
	
	#page_gauche, #page_droite{
	position:absolute;
	top:0px;
	width:400px;
	height:490px;
	}
	#page_gauche{left:25px; z-index:2;}	
	#page_droite{right:25px; z-index:2;}	

	#spirale_separation{
	position:absolute;
	top:15px;left:380px;
	width:62px;
	height:460px;
	background:url(../multimedia/fonds/spirale.png) top left no-repeat;
	}


/* ---------------------------------------------------------------
	DIVERS UTILES
 --------------------------------------------------------------- */
	.liste_vide{
	position:relative;
	margin:0;
	padding:0;
	text-align:center;
	color: #999999;
	font-size: 12px;
	line-height:30px;
	}
	.rappel{
	position:relative;
	margin:0;	padding:0;
	color: #333333;
	font-size: 75%;
	line-height:20px;
	clear: both;
	}
/* ---------------------------------------------------------------
	COVER FLOW
 --------------------------------------------------------------- */
 	#biblio{
	position:absolute;	top:306px; left:0px;
	width:500px; height:338px;
	background: url(../multimedia/bibliotheque.jpg) no-repeat top left;}
	#biblio div{position: absolute; left: 0; height: 110px; width: 100%;text-align: center;}
	div.l1{top: 52px;}
	div.l2{top: 197px;}

	p.titre_biblio{position: absolute; top: 750px; left: 0px; color: white; font-size: 10px}

	#biblio div a img{margin: 0 2px; border: 0; padding: 0;}

	#lh_facebook{position: absolute; top: 645px; left: 0; width: 235px; height: 80px; }
	#lh_appstore{position: absolute; top: 645px; left: 255px; width: 235px; height: 80px;}
	
	#lh_facebook a,#lh_appstore a{display: block; text-decoration: none; color: white;border: 1px solid black;padding: 5px;}
	#lh_facebook a:hover,#lh_appstore a:hover{border: 1px solid white;}

	#lh_facebook img,#lh_appstore img{float: right;}

	#lh_facebook p,#lh_appstore p{font-size: 10px; line-height: 18px;}






 	#cover_flow{
	position:absolute;	top:300px; left:0px;
	width:520px; height:350px;
	background: black;}
	
	#cover_flow a img{float: left; margin: 5px; border: 0;}