/*Concerne la page d'accueil des fictions*/
body {
	width: 768px;
	margin: 20px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0;
	background-color: #FEE771;
	}

#header {
	height: 120px;
	background-color: black;
	/*background: black url(../imgs/verologo.gif) top left no-repeat;*/
	}
	
#header img {
	position: relative;
	top:-2px;
	left:-2px;
	z-index: 0;
	}
	
#header h1 {
	display:none;
		}

#lien_actif {/*en bas accueil "fiction"*/
	text-decoration: none;
	height: 30px;
	line-height: 2.2em;
	color: maroon;
	background: none;
	margin-left: 0.8em;
	padding-left: 0.5em
	}


/*vert clair de "réalisatrice"#6FC067*/

/*centre page accueil fiction*/
#conteneurfiction {
	position: relative;
	width: 768px;
	height: 600px;
	margin: 0 auto;
	padding: 0;
	background-color: #F60;
	}

#contenufiction {
	margin:0;
	padding: 0;
	width: 768px;
	height: 480px;
	/* url(../imgs/fict/silence1.jpg) no-repeat center top;*/
	  	 }
	  	 
* html #contenufiction {
	height: 455px;
}


#contenufiction img {
		position: absolute;
		top: 120px;
		z-index: 20;
		}

/*Titres et paragraphes*/

#contenufiction p {
	position: relative;
	top: 290px;
	margin-left: 1em;
	padding: 0 4em;
	text-align: right;
	font-weight: bold;
	z-index: 25;
	}

#contenufiction h1 {
	position: relative;
	top: 310px;
	z-index: 25;
	color: black ;
	background: none;
	margin : 0.5em 0 0 0;
	padding-right: 2em;
	text-align: right;
	border-bottom: 2px solid #FF3;
	}

* html #contenufiction h1 {	
	top: 295px;
}


#contenufiction h2 {
	color: #333;
	margin: 0;
	padding-left:0.8em;
	}
	
/*#contenufiction h3 {
	margin : 0 0 1em 1em;
	padding : 0 0.2em;
	color: #808080;
	}*/


/* CSS issu des tutoriels http://css.alsacreations.com */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute;
top: 120px;
left: 440px;
z-index:100;
width: 768px;
}

#menu dl {
float: left;
width: 150px;
margin: 0 5px;
}

#menu dd {
border: 1px solid #F60;
}

#menu li {
text-align: center;
background: none;
}

#menu li a {/*concerne le sous menu*/
color: #F60;
background: #bebebe;/*gris clair*/
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu dt a {/*concerne les titres du menu avec liens*/
color: white;
text-decoration: none;
display: block;
height: 30px;
border: 0 none;
line-height: 2.2em;
}

#menu dt {/*concerne le titre du menu sans lien */
cursor: pointer;
text-align: center;
font-weight: normal;
color: #FF3;
background: #F60;
text-decoration: none;
display: block;
height: 30px;
border: 1px solid black;
line-height: 2.3em;
}


#menu li a:hover {
color: #FEE771;
background: #F60;
}

#menu dt a:hover {
color: #F60;
background: #FEE771;
}

	

/*pied*/
#piedfiction li {
	display: inline;
	}	

#piedfiction {
	clear:both;
	position: absolute;
	bottom: 0;
	height: 50px;
	background-color: #F60;
	list-style-type: none;
	width: 768px;
	margin: 0;
	padding:0;
	}	


#piedfiction a {
	margin: 0 8px;
	color: white;
	text-decoration: none;
	line-height: 3.4em;
	}

#piedfiction a:hover {
	text-decoration: none;
	color: #FF3;/*jaune*/
	}

#piedfiction ul {
	padding-left: 20px;
}