input.catc0, input.catc1
{
 width: 44px;
 height: 30px;
 border: none;
 background-color: transparent;
 background-image: url('../images/cat/catbleu.png');
 background-repeat: no-repeat;
 background-position: center center;
 text-align: center;
 font-size: 15px;
 font-weight: bold;
 font-family: arial;
 color: #e8e8e8;
}

input.catc1
{
 background-image: url('../images/cat/catvert.png');
}

input.catc0:hover
{
 background-image: url('../images/cat/catbleu2.png');
font-size: 17px;
}

input.catc1:hover
{
 background-image: url('../images/cat/catvert2.png');
font-size: 17px;
}


a.catc0, a.catc1
{
 display: block;
 width: 44px;
 height: 30px;
 border: none;
 background-color: transparent;
 background-image: url('../images/cat/catbleu.png');
 background-repeat: no-repeat;
 background-position: center center;
 text-align: center;
 text-decoration: none;
 font-size: 15px;
 font-weight: bold;
 font-family: arial;
 color: #e8e8e8;
}

a.catc1
{
 background-image: url('../images/cat/catvert.png');
}
a.catc0 span, a.catc1 span
{
 position: relative;
  top: 7px;
}

a.catc0:hover
{
 background-image: url('../images/cat/catbleu2.png');
 font-size: 17px;
}

a.catc1:hover
{
 background-image: url('../images/cat/catvert2.png');
 font-size: 17px;
}

a.catc1:active, a.catc0:active
{
 background-image: url('../images/cat/cat1.png');
 font-size: 17px;
}