Personnalisation du pager d'un slideshow.... (ResponsiveSlides.js)

Bonjour,
sur mon futur site, actuellement en dev ( http://dev-blogdumetroparisien.blogspot.fr/ ), j'ai inséré un ResponsiveSlides.js, disponible ici ( http://responsive-slides.viljamis.com/ ).
Tout fonctionne bien, mais j'ai voulu ajouter le "pager". ET maintenant, vous avez une liste à puces avec 1, 2, 3... Mais je ne sais pas comment faire pour personnaliser ce pager. Quelqu'un peut-il m'aider ? Merci !


Ps : le code :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://intertransports.legtux.org/BlogDuMetroParisien/responsiveslides.min.js"></script>
<div class="diapo"><ul class="rslides">
  <li><img src="http://i73.servimg.com/u/f73/16/46/53/69/img_0014.png" alt="Bienvenue !" /></li>
  <li><img src="http://i73.servimg.com/u/f73/16/46/53/69/img_0016.png" alt="Nouvel article : la ligne 12" /></li>
  <li><img src="http://i73.servimg.com/u/f73/16/46/53/69/img_0018.png" alt="Mise à jour: le MP05" /></li>
</ul>
</div><br /><script>
  $(".rslides").responsiveSlides({
  auto: true,
  timeout: 7500, 
  speed: 500,
  pager: true,
});
</script>
<style>
.diapo {
  margin-top: 31px;
  margin-left: -13px;
  }

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  width: 625px;
  margin-left: -13px;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: relative;
  display: none;
  width: 625px;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 625px;
  border: 0;
  list-style: none;

  }
</style>