/*----------- style alire ---------*/
#alire, #tags {
    border: 2px dashed rgb(204,0,0);
    width:150px;
    margin-left:10px;
    font-decoration: none;
    background-image: url("/pict/fon1.gif");
}

#alire .alire {	
	font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
        line-height: 1.2em;
	font-size: 19px;
	text-align: center;
        margin: 0 0 0.4em 0 ;
	font-weight: bold;
	color: rgb(0, 99, 165);
}
#alire .titre {
	font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
        margin: 0.4em 0 0.4em 0;
        font-weight: normal; 
        line-height: 1.2em;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none ;
	color: rgb(204, 0, 0) ;
}
#alire .auteur {
	font-size: 13px; 
	color: black;
}

#alire .titre:hover {
	text-decoration: none ;
	color: rgb(0,99,165);
}

#alire .prix {
	font-weight: bold;
	font-size: 13px; 
        margin: 0.4em 0 0.6em 0;
	color: rgb(204, 0, 0) ;
}
#alire .panier {
	margin: 0.4em 0 1em 0;
}	
/*----------- info-bulles ---------*/
#alire .info { position:relative;font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; }
#alire a.info span { display:none; font-size:12px; font-weight:normal; }
#alire a.info:hover { background:none; z-index:500; }
#alire a.info:hover span { 
    display:inline; 
    position:absolute; 
    z-index:500; 
    top:1em; 
    left:8em;
    background:#FFF7B5;  
    text-align:center; 
    color:black; 
    padding:0.7em; 
    width:230px; 
    border:1px
 solid black; 
    cursor:hand; 
}

/*--------- tags ---------------*/
#tags .tag1 {font-size: 13px; }
#tags .tag2 {font-size: 15px; }
#tags .tag3 {font-size: 18px; }
#tags .tag4 {font-size: 20px; }