body {
	margin: 0px;
	text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color:#000000;
	background-color: #eeecec;
}

h2 {
	font-size:10px;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 5px 0 0 0;
	margin: 5px 0 0 0;
	letter-spacing: 4px;
}

/* Hack pour centrer la maquette horizontalement */
#centre {
	position:absolute;
	width: 800px;
	height: 555px;
	margin-top: -277px;
	margin-left: -400px;
	left: 50%;
	top: 50%;
}

#conteneur {
	position: absolute;
	width: 800px;
	height: 555px;
	margin: 0 0 0 0;
	text-align: left;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	padding: 0 0 0 0;
	top: 0px;
	left: 0px;
}

#header {
	background-image:url(images/header.jpg);
	position:absolute;
	width: 800px;
	height: 87px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#header_secu {
	background-image:url(images/header_secu.jpg);
	position:absolute;
	width: 800px;
	height: 87px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#retour_site {
	float: left;
	width : 320px;
	height: 87px;
	margin: 0 0 0 180px;
}

#header_recherche {
	position:absolute;
	top:60px;
	right:0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 16px;
	width:270px;

}

#header_recherche ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

#header_recherche li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	float: left;
}


#contenu {
	background-image:url(images/contenu.jpg);
	background-repeat:no-repeat;
	position:absolute;
	width: 800px;
	height: 435px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	top: 120px;
}

#contenu a
	{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	}

#contenu a:hover
	{
	color:#F8931D;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:underline;
}

div#contenu_index_scroll {
	position:absolute;
	width: 800px;
	height: 435px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow:auto;
}

div#contenu_index {
	position:absolute;
	width: 700px;
	height: 435px;
	margin: 10px 0 0 75px;
	padding: 0 0 0 0;
	top: 0px;
	text-align:center;
}

div#contenu_index ul{	
	margin: 0 0 0 0;
	padding: 20px 0 0 18px;
	list-style-type:none;
	text-align:center;
}

div#contenu_index  ul li {	
	margin: 0 0 0 0;
	padding: 0 30px 35px 0;
	float: left;
	width: 130px;
	display: block;
	white-space: nowrap;
	text-align: center;	
}

.form {
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
}

/***********************************************/
				/* MENU */
/***********************************************/ 

a.image1 {
     display: block; 
     width: 99px;
     height: 31px;
     background-image: url(images/boutons/accueil_a.gif);
     background-repeat: no-repeat;
     }
	 
a.image1:hover {
     background-image: url(images/boutons/accueil_b.gif);
     }

a.image2 {
     display: block; 
     width: 89px;
     height: 31px;
     background-image: url(images/boutons/series_a.gif);
     background-repeat: no-repeat;
     }
	 
a.image2:hover {
     background-image: url(images/boutons/series_b.gif);
     }

a.image3 {
     display: block; 
     width: 109px;
     height: 31px;
     background-image: url(images/boutons/auteurs_a.gif);
     background-repeat: no-repeat;
     }
	 
a.image3:hover {
     background-image: url(images/boutons/auteurs_b.gif);
     }
	 
a.image4 {
     display: block; 
     width: 134px;
     height: 31px;
     background-image: url(images/boutons/infolabel_a.gif);
     background-repeat: no-repeat;
     }
	 
a.image4:hover {
     background-image: url(images/boutons/infolabel_b.gif);
     }

#menu {
	background-color: #f8931d;
	border-top-width:1px; border-top-color:#000000; border-top-style:solid;
	border-bottom-width:1px; border-bottom-color:#000000; border-bottom-style:solid;
	position: absolute;
	width: 800px;
	height: 31px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	top: 87px;
}

#menu ul {
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	list-style-type: none;
}

#menu li {
	margin: 0 0 0 0;
	padding: 0 0 0 75px;
	list-style-type: none;
	float: left;
	text-align: center;
}
/***********************************************/
				/* FIN MENU */
/***********************************************/

/***********************************************/
				/* ACCUEIL */
/***********************************************/ 

/***********************************************/
				/* FIN ACCUEIL */
/***********************************************/ 


/***********************************************/
				/* SERIES*/
/***********************************************/ 
#series_telechargements {
	position:absolute;
	top: 0px;
	right: 0px;
	width: 210px;
	height: 435px;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	border-left-width: 2px;
	border-left-color: #000000;
	border-left-style: solid;
}

#series_telechargements ul {
	list-style-type:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 210px;
}

#series_telechargements ul li {
	height:48px;
	margin: 0 0 0 0	;
	padding:20px 0 0 40px;
	background-image:url(images/icone_dl.gif);
	background-repeat:no-repeat;
	background-position: 5px 10px;
	width: 210px;
}

#series_telechargements ul li a {
	width: 210px;
}

#contenu_series {
	position:absolute;
	width: 210px;
	height: 435px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	top: 0px;
}


#contenu_series ul {
	list-style-type:none;
	margin: 0 0 0 0;
	padding: 10px 0 0 20px;
	width:400px;
}

#contenu_series ul li {
	color:#000000;
	margin: 1em 0 0 0;
	padding:0 10px 0 20px;
	height:18px;
	width:400px;
}

#contenu_series ul li a
	{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	}

#contenu_series ul li a:hover
	{
	color:#F8931D;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
#contenu_series_scroll {
	position:absolute;
	width: 588px;
	height: 435px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	top: 0px;
	overflow:hidden;
}

#contenu_series_affiche{
	position:absolute;
	width: 580px;
	height: 425px;
	margin: 0 0 0 0;
	padding: 10px 0 0 10px;
	top: 0px;
	overflow:auto;
}

#contenu_series_affiche a
	{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	/*width:400px;*/
	}

#contenu_series_affiche a:hover
	{
	color:#F8931D;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	/*width:210px;*/
	text-decoration:underline;
	}
	
#contenu_series_affiche ul {
	list-style-type:none;
	margin: 0 0 0 0;
	padding: 10px 0 0 20px;
	width:150px;
}

#contenu_series_affiche ul li {
	color:#000000;
	margin: 0 0 0 0;
	padding:0 10px 0 0px;
	height:18px;
	width:150px;
}

#image_series {
	position:absolute;
	top:70px;
	left:50px;
	height:280px;
	width:189px;
	overflow:hidden;
}

#texte_series {
	position:absolute;
	top:70px;
	left:250px;
	height:280px;
	width:300px;
	overflow:auto;
}

#texte_series ul {
	list-style-type:none;
	margin: 0 0 0 0;
	padding: 10px 0 0 0px;
	width:250px;
}

#texte_series ul li {
	color:#000000;
	margin: 1em 0 0 0;
	padding:0 10px 0 20px;
	height:18px;
	width:250px;
}
/***********************************************/
				/* FIN SERIES*/
/***********************************************/


/***********************************************/
				/* AUTEURS */
/***********************************************/ 
#contenu_auteurs_scroll {
	border-color:#000000;
	border-style:dashed;
	position:absolute;
	top:0px;
	left:0px;
	overflow:auto;
	width:800px;
	height:430px;
}

#image_auteurs {
	position:absolute;
	top:70px;
	left:50px;
	height:280px;
	width:189px;
	overflow:auto;
	border-color:#000000;
	border-style:dashed;
}

#auteurs_telechargements {
	position:absolute;
	top: 0px;
	right: 0px;
	width: 210px;
	height: 435px;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left-width: 2px;
	border-left-color: #000000;
	border-left-style: solid;
}

#auteurs_telechargements ul {
	list-style-type:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 210px;
}

#auteurs_telechargements ul li {
	height:48px;
	margin: 0 0 0 0	;
	padding:20px 0 0 0;
	width: 210px;
}

#auteurs_telechargements ul li a {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 210px;
}

#auteurs_telechargements ul li a:hover {
	color:#F8931D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:210px;
}

/***********************************************/
				/* FIN AUTEURS*/
/***********************************************/


/***********************************************/
				/* INFO LABEL*/
/***********************************************/ 

#contenu_label {
	position:absolute;
	width: 700px;
	height: 435px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align:left;
}

#contenu_label ul {
	list-style-type:none;
	margin: 0 0 0 0;
	padding: 10px 0 0 20px;
}

#contenu_label ul li {
	color:#000000;
	margin: 1em 0 0 0;
	padding:0 10px 0 20px;
}

#contenu_label ul li a
	{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
}

#contenu_label ul li a:hover {
	color:#F8931D;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:210px;
}

/***********************************************/
				/* FIN INFO LABEL*/
/***********************************************/