body {font-family:Arial;margin:0px;padding:0px;}
a {color:#003366;}
#moncadre {
position:relative;
float:left;
width:288px;
height:278px;
margin:auto;
padding:5px;
background-color:#FFFFFF;
border:1px solid #FFCE18;
}
#categorie{
font:bold 12pt Arial;
}
#categorie a {text-decoration:none;}
#titre{
font:bold 10pt Arial;
overflow : hidden ;
width:280px;
height:37px;
}
#heure{
font:9pt Arial;
color:#969696;
}
#description{
overflow : hidden ;
width:290px;
height:90px;
font:9pt Arial;
text-align: justify;
}

#image img{
position:absolute;
height:90px;
width:100px;
bottom:17px;
right:17px;
}
#memecategorie{
font:7pt Arial;
position:absolute;
text-align:left;
width:172px;
height:90px;
overflow:hidden;
bottom:22px;
left:9px;
}
#memecategorie a {color:#666666;}

#precedent{
font:8pt Arial;
Position: absolute; 
bottom:5px; 
left:5px;
display:inline;
}
#suivant{
font:8pt Arial;
Position: absolute; 
bottom:5px; 
left:95px;
display:inline;
}

#compteur{
font:8pt Arial;
Position: absolute; 
bottom:5px; 
left:63px;
display:inline;
width:30px;
text-align:center;
color:#cccccc;
}
div.row {
float: left; margin: 0; padding: 0; width: 98.5%;
}
#chargement{
Position: absolute;
display: block;
top:125px;
left:37px;
margin: 0 auto;
height: 19px; /* spécifiez la hauteur de l'image, une bonne attitude à prendre */
width: 220px; /* spécifiez la largeur de l'image, une bonne habitude à prendre */
}
#mlyon a{
font:8pt Arial;
Position: absolute; 
bottom:0px; 
right:17px;
display:block;
background:#FFCE18;
width:100px;
text-align:center;
color:#ffffff;
text-decoration:none;
}