<!--Menu rouge-->
dl, dt, dd, ul, li {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu {
	font-weight:lighter;
width : 150px;

color:#000000;
font-size: 10px;
text-decoration:none;

margin-top:20px;

}
#menu dt {
	font-weight:lighter;
cursor : pointer;
text-decoration: none;
cursor : pointer;
margin : 2px 0;
height : 18px;
line-height : 18px;
background-image: url(../img/puce_gamme_produits.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
color:#000000;
margin-bottom:0px;
text-align : left;

}
#menu dd {
	font-weight:lighter;

color: #000000;
}
#menu li {
	font-weight:lighter;
padding-left:5px;
margin-left:0px;
font-size:10px;
text-align : center;
color:#000000;
word-spacing: 0px;
}
#menu li a, #menu dt a {
	font-weight:lighter;
color:#000000;
text-decoration : none;
display : block;
border : 0 none;
height : 18px;

}
#menu dt:hover {
	font-weight:lighter;
color: #000000;
font-size: 10px;

background-image: url(../img/titre_page.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;

}
#menu dt a:hover {
	font-weight:lighter;
color:#FF0000;
font-size: 10px;


}
#menu li a:hover {
	font-weight:lighter;
color: #FF0000;

}
<!--Menu fin rouge-->
<!--Menu jaune-->

#menu-jaune {
width : 150px;
padding-bottom: 20px;
color:#000000;
font-size: 10px;
text-decoration:none;

}
#menu-jaune dt {
cursor : pointer;
text-decoration: none;
cursor : pointer;
margin : 2px 0;
height : 18px;
line-height : 18px;
background-image: url(../img/puce_gamme_produits.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
color:#000000;
margin-bottom:0px;
text-align : left;

}
#menu-jaune dd {
color:#000000;
}
#menu-jaune li {
padding-left:5px;
margin-left:0px;
font-size:10px;
text-align : center;
color:#000000;
word-spacing: 0px;
}
#menu-jaune li a, #menu-jaune dt a {
color:#000000;
text-decoration : none;
display : block;
border : 0 none;
height : 18px;

}
#menu-jaune dt:hover {
color:#000000;
font-size: 10px;

background-image: url(../img/puces/puce_jaune.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;

}
#menu-jaune dt a:hover {
color:#000000;
font-size: 10px;


}


<!--Menu fin jaune-->

<!--Menu bleu-->


#menu-bleu {
width : 150px;
padding-bottom: 20px;
color:#000000;
font-size: 10px;
text-decoration:none;

}
#menu-bleu dt {
cursor : pointer;
text-decoration: none;
cursor : pointer;
margin : 2px 0;
height : 18px;
line-height : 18px;
background-image: url(../img/puce_gamme_produits.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
color:#000000;
margin-bottom:0px;
text-align : left;

}
#menu-bleu dd {
color:#000000;
}
#menu-bleu li {
padding-left:5px;
margin-left:0px;
font-size:10px;
text-align : center;
color:#000000;
word-spacing: 0px;
}
#menu-bleu li a, #menu-bleu dt a {
color:#000000;
text-decoration : none;
display : block;
border : 0 none;
height : 18px;

}
#menu-bleu dt:hover {
color:#2104da;
font-size: 10px;

background-image: url(../img/puces/puce_bleu.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;

}
#menu-bleu dt a:hover {
color:#000000;
font-size: 10px;


}
#menu-bleu li a:hover {
color: #000000;

}
<!--Menu fin bleu-->


<!--Menu vert-->

#menu-vert {
width : 150px;
padding-bottom: 20px;
color:#000000;
font-size: 10px;
text-decoration:none;

}

#menu-vert dt {
cursor : pointer;
text-decoration: none;
cursor : pointer;
margin : 2px 0;
height : 18px;
line-height : 18px;
background-image: url(../img/puce_gamme_produits.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
color:#000000;
margin-bottom:0px;
text-align : left;

}
#menu-vert dd {
color:#75ce56;
}
#menu-vert li {
padding-left:5px;
margin-left:0px;
font-size:10px;
text-align : center;
color:#000000;
word-spacing: 0px;
}
#menu-vert li a, #menu-vert dt a {
color:#000000;
text-decoration : none;
display : block;
border : 0 none;
height : 18px;

}
#menu-vert dt:hover {
color:#000000;
font-size: 10px;

background-image: url(../img/puces/puce_vert.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;

}
#menu-vert dt a:hover {
color:#000000;
font-size: 10px;


}
#menu-vert li a:hover {
color: #000000;

}
<!--Menu fin vert-->


<!--Menu violet-->

#menu-violet {
width : 150px;
padding-bottom: 20px;
color:#000000;
font-size: 10px;
text-decoration:none;

}
#menu-violet dt {
cursor : pointer;
text-decoration: none;
cursor : pointer;
margin : 2px 0;
height : 18px;
line-height : 18px;
background-image: url(../img/puce_gamme_produits.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
color:#000000;
margin-bottom:0px;
text-align : left;

}
#menu-violet dd {
color:#000000;
}
#menu-violet li {
padding-left:5px;
margin-left:0px;
font-size:10px;
text-align : center;
color:#000000;
word-spacing: 0px;
}
#menu-violet li a, #menu-violet dt a {
color:#000000;
text-decoration : none;
display : block;
border : 0 none;
height : 18px;

}
#menu-violet dt:hover {
color:#723cab;
font-size: 10px;

background-image: url(../img/puces/puce_violet.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;

}
#menu-violet dt a:hover {
color:#000000;
font-size: 10px;


}
#menu-violet li a:hover {
color:#000000;

}
<!--Menu fin violet-->


<!--Menu  gris-->

#menu-gris {
width : 150px;
padding-bottom: 20px;
color:#000000;
font-size: 10px;
text-decoration:none;

}
#menu-gris dt {
cursor : pointer;
text-decoration: none;
cursor : pointer;
margin : 2px 0;
height : 18px;
line-height : 18px;
background-image: url(../img/puce_gamme_produits.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
color:#000000;
margin-bottom:0px;
text-align : left;

}
#menu-gris dd {
color:#bbbbbb;
}
#menu-gris li {
padding-left:5px;
margin-left:0px;
font-size:10px;
text-align : center;
color:#000000;
word-spacing: 0px;
}
#menu-gris li a, #menu-gris dt a {
color:#000000;
text-decoration : none;
display : block;
border : 0 none;
height : 18px;

}
#menu-gris dt:hover {
color:#000000;
font-size: 10px;

background-image: url(../img/puces/puce_gris.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;

}
#menu-gris dt a:hover {
color:#000000;
font-size: 10px;


}
#menu-gris li a:hover {
color:#000000;

}
<!--Menu fin gris-->


<!--Menu rouge-->
dl, dt, dd, ul, li {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu-rouge {
width : 150px;
padding-bottom: 0px;
color:#000000;
font-size: 10px;
text-decoration:none;

}
#menu-rouge dt {
cursor : pointer;
text-decoration: none;
cursor : pointer;
margin : 2px 0;
height : 18px;
line-height : 18px;
background-image: url(../img/puce_gamme_produits.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
color:#000000;
margin-bottom:0px;
text-align : left;

}
#menu-rouge dd {
color:#000000;
}
#menu-rouge li {
padding-left:5px;
margin-left:0px;
font-size:10px;
text-align : center;
color:#000000;
word-spacing: 0px;
}
#menu-rouge li a, #menu-rouge dt a {
color:#000000;
text-decoration : none;
display : block;
border : 0 none;
height : 18px;

}
#menu-rouge dt:hover {
color:#000000;
font-size: 10px;

background-image: url(../img/titre_page.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;

}
#menu-rouge dt a:hover {
color:#000000;
font-size: 10px;


}
#menu-rouge li a:hover {
color:#000000;

}
<!--Menu fin rouge-->