#menu_catalogue{
	margin: 0px;
	padding: 0px;
	height: 20px;
}
 #menu_catalogue ul {
list-style-type: none;
margin:0;
padding:0;
position: absolute; 
top: 0em; /* positionnement du menu, que vous pouvez changer à loisir */
left: 3em;
 /* précision pour Opera */
}

#menu_catalogue li {
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
}

#menu_catalogue a {       /* définition de chaque bouton du menu */
	width: 100px;	   /* largeur du bouton, que vous pouvez changer à loisir */
	height: 20px;
	float: left;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	padding-top: 2px;
}

#menu_catalogue a:hover {
background: #AAA;
color: #fff;
}

#menu_catalogue a span {     /* définition de la balise <span> inclue dans <a> */
display: none;
}

#menu_catalogue  a:hover span {   /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: 20px;
left: 0;
width: 500px;       /* largeur de la zone de commentaires, selon la taille du menu */
text-align: left;
color: #000;
}
#menu_catalogue  a.ccatalogue {
	color: #FFFFFF;
}
/* --------------------------- 
    Affichage des produits ¨¨
-----------------------------*/
#liste_produits{
	width: 800px;
	height: 450px;
	margin: 1px 0px 0px;
	padding: 0px;
	text-align: left;
	background-image: url(../../images/fond_liste.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
}
html>body #liste_produits{
	width: 800px;
	height: 450px;
	margin: 0px 0px 0px;
	padding: 0px;
	text-align: left;
	background-image: url(../../images/fond_liste.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#liste_produits ul {

}
#liste_produits li {
	padding-top: 20px;
	padding-bottom: 10px;
	display: block;
	color: #999999;
	font-size: 11px;
	float: left;
	width: 150px;
	margin-top: 5px;
}


#liste_produits a {
	text-decoration: none; /* définition du lien qui affichera le "calque" */
	color: #CCCCCC;
}
#liste_produits a:hover {
	background: none; /* correction d'un bug IE */
	color: #FFFFFF;
}
#liste_produits a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
#liste_produits a:hover span { /* définition de la balise <span> au survol */
	display: inline;
	position: absolute; /* positions et dimensions du calque, que vous pouvez changer à loisir */
	left: 630px;
	/*width: 100px;
	height: 100px;*/
	background: #FFFFFF;
	text-align: center;
	color: white;
	top: 340px;
}
#liste_produits a:hover span img {
	height: 80px;
	width: 150px;
}



#pagination {
    display: inline;
	position: absolute; /* positions et dimensions du calque, que vous pouvez changer à loisir */
	right: 80px;
	bottom: 170px;
	/*width: 100px;
	height: 100px;*/
	
	text-align: center;
	color: white;
}
#pagination a {
	text-decoration: none; /* définition du lien qui affichera le "calque" */
	color: #FFFFFF;
	font-size: 11px;
	margin-right: 20px;
	font-weight: bold;
}

#pagination a:hover {
	color: #666666;
}

a.informations {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}
a.informations:hover  {
	text-decoration: underline;
}