body
{
   background-color: black;
   color: white;
   width: 1024px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
}
a
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color:#FFFFFF;
}
a img /* Toutes les images contenues dans un lien */
			{
				border: none; /* Pas de bordure */
			}

/* L'en-tête */

#en_tete
{
   width: 1024px;
   height: 90px;
   margin-left:150px;
   background-repeat: no-repeat;
   margin-bottom: 10px;
}
/* Le menu */

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */
}

.element_menu
{
   background-color: #000000;
   background-repeat: repeat-x;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
/* Quelques effets sur les menus */
			.element_menu h5 /* Tous les titres de menus */
			{	
				color:#FFFFFF;
				font-family:Verdana;
				text-align:center;
			}
			.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
			{
				list-style-image:url("images/puce1.png"); /* On change l'apparence des puces */
				padding:0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
				padding-left:20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
				margin:0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
				margin-bottom:5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
			}
			.element_menu a /* Tous les liens se trouvant dans un menu */
			{
				font-family:Verdana;
				font-size:11px;
				color:#FFFFFF;
				text-decoration:none;
			}

			.element_menu a:hover /* Quand on pointe sur un lien du menu */
			{
				background-color:#000000;
				color:black;
			}

			/* Le corps de la page */

			#corps
			{
				margin-left:100px;
				margin-bottom:10px;
				padding:0px;
				font-family:Verdana;
				font-size:13px;
				color:#FFFFFF;
				background-color:#000000;
				background-repeat:repeat-x;
				
				border:#FD4416;
			}

			#corps h3
			{
				color:#FFFFFF;
				text-align:center;
				font-family:Verdana;			}

			#corps h4
			{
				height:30px;
				font-family:Verdana;
				background-image:url("images/titre1.png");
				background-repeat:no-repeat;
				
				padding-left:30px;
				color:#FFFFFF;
				text-align:left;
			}
			
			#descriptioncourte		
			{
				content:"descriptioncourte";
				font-family: Verdana;
				font-size: 10px;
			}
			#nomcollection		
			{
				content:"nomcollection";
				font-family: Verdana;
				font-size: 14px;
			}
			 #nomlivre		
			{
				content:"nomlivre";
				font-family: Verdana;
				font-size: 14px;
			}
			#infos_condensees_livre		
			{
			content:"infos_condensees_livre";
			font-family: Verdana;
			font-size: 12px;
			}
			.explique_asterisque
			{
			font-size:9px;
			}
			.oops
			{
			text-align:center;
			}
			.accueil_ludesa
			{
			text-align:center;
			}
			
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

			#pied_de_page
			{
				padding:5px;

				text-align:center;

				color:#FFFFFF;
				font-family:Verdana;
				font-size:10px;
				background-color:#000000;
				background-repeat:repeat-x;
				
			}