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

/* L'en-tête */

#en_tete
{
   width: 1024px;
   height: 78px;
   background-image: url("images/banniere.png");
   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: #FFFFFF;
   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:#FF00FF;
				font-family:Verdana;
				text-align:center;
			}
			.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
			{
				list-style-image:url("images/puce.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:#000000;
				text-decoration:none;
			}

			.element_menu a:hover /* Quand on pointe sur un lien du menu */
			{
				background-color:#FFFFFF;
				color:black;
			}
			.element_menu_newsletter ul /* Toutes les listes à puces se trouvant dans un menu */
			{
				list-style:none; /* On change l'apparence des puces */
				padding:0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
				padding-left:5px; /* ... 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_contact ul /* Toutes les listes à puces se trouvant dans un menu */
			{
				list-style:none; /* On change l'apparence des puces */
				padding:0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
				padding-left:5px; /* ... 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_contact h5 /* Tous les titres de menus */
			{	
				color:#FF00FF;
				font-family:Verdana;
				text-align:center;
			}
			.element_menu_newsletter h5 /* Tous les titres de menus */
			{	
				color:#FF00FF;
				font-family:Verdana;
				text-align:center;
			}
			
			/* Le corps de la page */

			#corps
			{
				margin-left:140px;
				margin-bottom:20px;
				padding:5px;
				font-family:Verdana;
				font-size:13px;
				color:#000000;
				background-color:#FFFFFF;
				background-repeat:repeat-x;
				
				border:2px solid fuchsia;
			}

			#corps h3
			{
				color:#000000;
				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:#000000;
				text-align:left;
			}
						#recherche input, #recherche textarea{		
		border:1px solid #ddd;
		background:#fff url(images/form_input0.png) repeat-x;
		padding:3px;
		}
		#recherche p
		{
		font-family:Verdana;
		font-size:12px;
		}
		#recherche fieldset
		{
		border:none;
		}
		
		#recherche .soumettre
{
border:none;
background:none;
}	
			.champs_formulaire
			{
			font-family:Verdana;
			font-size:12px;
			}
			
			#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;
			}
			
			
/* 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:#000000;
				font-family:Verdana;
				font-size:10px;
				background-color:#FFFFFF;
				background-repeat:repeat-x;
				
			}
#pied_de_page .compteur
			{
				padding:5px;

				text-align:center;

				color:#808080;
				font-family:Verdana;
				font-size:10px;
				background-color:#FFFFFF;
				background-repeat:repeat-x;
				
			}
			#horloge
			{
			position:absolute;
			top:60px;
			margin-left:870px;
			}
			
			
			
.subscribe_1and1 
{ 
margin: 1px 0; 
padding: 0 0 1px 0; 

} 

.subscribe_1and1 a 
{
display: block; 
min-height: 27px; 
padding: 2px 4px 1px 19px; 
font-size: .9em; 
font-weight: bold; 
text-decoration: none; 
color: #000000; 
background: url("images/next_desirs.png") no-repeat left top; 
} 
.subscribe_1and1 a:hover
{ 
display: block; 
min-height: 27px; 
padding: 2px 4px 1px 19px; 
font-size: .9em; 
font-weight: bold; 
text-decoration: none; 
color: #000000;
background: url("images/next_green.png") no-repeat left top; } 
#nav2 .current a, #nav2 a:focus, #nav2 a:active { color: white; }  

a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#FFF;
color:#000000;
}
 
a.info span{
display: none;
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:45em;
background-color:#FFF;
color:#000;
text-align: left;
font-weight:none;
font-size:9px;
font-family:Verdana;
padding:5px;
border:1px solid #ddd;
background:#C3D9FF url(images/form_input1.png) repeat-x;
}