h1, h2, h3, h4, h5, #table { font-family: Kristen ITC, Times New Roman;}

  h1
{ 
   font-size: 47px;
   color: #FFFFED;
   text-align: left;
   font-style: normal;
   font-weight: normal
} 

 h2
{ font-size: 25px;
   color: #FFFFED;
   text-align: center;
   font-style: normal;
   font-weight: normal
}  

h3
{ font-size: 25px;
   color: #FFFFED;
   text-align: left;
   font-style: normal;
   font-weight: normal 
}  

  h4
{ font-size: 17px;
   color: #FFFFED;
   text-align: left;
   font-style: normal;
   font-weight: normal 
}  

h5
{ font-size: 17px;
   color: #FFFFED;
   text-align: center;
   font-style: normal;
   font-weight: normal 
}  

h6
{ font-size: 17px; 
   font-family:  Goudy Old Style, Times New Roman;
   color: #FF9933;
   text-align: left;
   font-style: normal;
   font-weight: normal 
} 
  
  #table {
font-size: 16px;
   color: #FFFFED;
   text-align: left;
   font-style: normal;
   font-weight: normal 
}
 

a:link { color:#FF9933}
a:visited { color:#FF9933}
a:hover { color:#CC0000}


		div#promo {
   position: absolute;
   top: 2% ;
   left:2%;
	}
	
 	div#fond {
	width: 100%; 
	height:100%;
   position: absolute;
   top:0 ;
   left:0;
	}
	
   div#c {
   position: absolute;
   top: 0 ;
   left: 0; 
	width:100%;
	height:15%;
	background-color:#000000;
	}
	
	div#clogo {
   position: absolute;
   top: 2% ;
   left: 5%; 
	width:90%;
   height:12%;
   
	}
	

		div#trait1 {
   position: absolute;
   top: 15% ;
   left: 0; 
	width:100%;
	}
	
 	div#auteur1 {
   position: absolute;
   top: 20% ;
   left: 2%; 
	width:80%;
	} 
	
	div#auteur2 {
   position: absolute;
   top: 30% ;
   left: 2%; 
	width:80%;
	} 
	
		div#photoauteur {
   position: absolute;
   top: 45% ;
   left: 0%; 
	width:30%;
 text-align: center;
	}  
	
		div#texteauteur {
		position: absolute;
 	top: 40% ;
 	left: 30%;
	width:70%; 
 	height:55%;
	overflow-x:hidden; /* Masque le contenu dépassant sur la largeur */
   overflow-y:auto; /* Barres de défilement sur la hauteur */
   background-repeat:no-repeat;
   background-image:url(http://www.libertybook.fr/g.gif);
	}     
	
	 div#parle {
   position: absolute;
   top:20% ;
   left:80%;
	}    
	
		div#photolivre {
   position: absolute;
   top: 32% ;
   left: 0%; 
	width:30%;
   text-align: center;
	}  
	
		div#extrait {
   position: absolute;
   top: 20% ;
   left: 70%; 
	}  
	
		div#texteebook2 {
   position: absolute;
   top: 30% ;
   left: 55%; 
	}
	
		div#textelivre {
   position: absolute;
   top: 45% ;
   left: 30%; 
	width:70%;
	height:50%;
	overflow-x:hidden; /* Masque le contenu dépassant sur la largeur */
   overflow-y:auto; /* Barres de défilement sur la hauteur */
   background-repeat:no-repeat;
   background-image:url(http://www.libertybook.fr/g.gif);
	} 
	
		div#textelivre1 {
   position: absolute;
   top: 40% ;
   left: 30%; 
	width:70%;
	height:55%;
	overflow-x:hidden; /* Masque le contenu dépassant sur la largeur */
   overflow-y:auto; /* Barres de défilement sur la hauteur */
   background-repeat:no-repeat;
   background-image:url(http://www.libertybook.fr/g.gif);
	}
	
		div#formulaire1 {
   position: absolute;
   top: 45% ;
   left: 30%; 
	width:70%;
	height:50%;
	overflow-x:hidden; /* Masque le contenu dépassant sur la largeur */
   overflow-y:auto; /* Barres de défilement sur la hauteur */
   background-repeat:no-repeat;
   background-image:url(http://www.libertybook.fr/g.gif);
	} 
	
	div#cb {
   position: absolute;
   top: 45% ;
   left: 0%; 
	width:50%;
	height:50%;
	overflow-x:hidden; /* Masque le contenu dépassant sur la largeur */
   overflow-y:auto; /* Barres de défilement sur la hauteur */
   background-repeat:no-repeat;
   background-image:url(http://www.libertybook.fr/g.gif);
	}
	
	 div#cb1 {
   position: absolute;
   top: 45% ;
   left: 50%; 
	width:50%;
	overflow-x:hidden; /* Masque le contenu dépassant sur la largeur */
   overflow-y:auto; /* Barres de défilement sur la hauteur */
   background-repeat:no-repeat;
   background-image:url(http://www.libertybook.fr/g.gif);
	}
		div#contact {
   position: absolute;
   top: 40% ;
   left: 30%; 
	width:70%;
	height:53%;
		overflow-x:hidden; /* Masque le contenu dépassant sur la largeur */
   overflow-y:auto; /* Barres de défilement sur la hauteur */
   background-repeat:no-repeat;
   background-image:url(http://www.libertybook.fr/g.gif);
	}   
	
	div#pied {
   position: absolute;
   top: 95% ;
   left: 0; 
	width:100%;
	height:5%;
	background-color:#000000;
	} 
	
	div#compteur {
   position: absolute;
   top: 95% ;
   left: 85%; 
	} 
	
		div#trait2 {
   position: absolute;
   top: 95% ;
   left: 0; 
	width:100%;
	} 
	
		<!-- 
/* 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: 15% ;
	width:100%;  
} 
#menu dl {
	float: left;
	width: 180px;
	margin: 0px;
} 
#menu dt {
	cursor: pointer;
	text-align: left;
	margin-top  : 0px;	
	vertical-align:middle; 
	background: #000000;	
	font-family: Goudy Old Style;
	font-size: 20px;
	color: #FFFFED;
	
}

#menu dd {                     
border: 0px solid gray;

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

} 
#menu li a, #menu dt a {
	color: #FFFFED;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	font-size: 20px;
	text-align: left;
	font-family: Goudy Old Style; 
		background: #000000;
}
#menu li a:hover {
	background: #FF9933;
  	color: #000000;
}
#menu  dt a:hover {
	background: #FF9933;
	color: #000000;
}
 
#menu dt a  {
	margin-top: 0px;
}

a {
	text-decoration: none;
	color: black;
	color: #222;
	
	
}