/*
il y a des classes pour chaque balise, pour que les parametre ne soit applicable que pour les onglets et ne se mélange pas avec les autres feuilles css
*/


ul.onglets-u {
  float: right;
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  list-style: none;
}

li.onglets-l {
  float: left;
  margin-left: 3px;
  }

a.onglets-a{
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(http://www.creasignes.com/onglets/coin-gauche.png);
  background-repeat: no-repeat;
  background-position: 0% -250px;
}

span.onglets-s  {
  float: left;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(http://www.creasignes.com/onglets/coin-droit.png);
  background-repeat: no-repeat;
  background-position: 100% -250px;
  color: #ffffff;
  text-decoration:none;
  letter-spacing:1px
}

li#actif.onglets-l {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(http://www.creasignes.com/onglets/coin-gauche.png);
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

li#actif.onglets-l span.onglets-s {
  float: left;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(http://www.creasignes.com/onglets/coin-droit.png);
  background-repeat: no-repeat;
  background-position: 100% 0%;
  color: #333333;
  text-decoration:none;
  letter-spacing:1px
}

/*
pour le survol des onglet
*/
a:hover.onglets-a{
  background-position: 0% -500px;
}
/*
idem au clavier
*/
a:focus.onglets-a {
  background-position: 0% -500px;
}

a:hover.onglets-a span.onglets-s  {
  background-position: 100% -500px;
}

a:focus.onglets-a span.onglets-s  {
  background-position: 100% -500px;
}


/*
idem fer a droite
*/


ul.onglets-ud {
  float: right;
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  list-style: none;
}

li.onglets-ld {
  float: right;
  margin-left: 3px;
  }

a.onglets-ad{
  float: right;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(http://www.creasignes.com/onglets/coin-gauche.png);
  background-repeat: no-repeat;
  background-position: 0% -250px;
}

span.onglets-sd  {
  float: right;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(http://www.creasignes.com/onglets/coin-droit.png);
  background-repeat: no-repeat;
  background-position: 100% -250px;
  color: #ffffff;
  text-decoration:none;
  letter-spacing:1px
}

li#actif.onglets-ld {
  float: right;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(http://www.creasignes.com/onglets/coin-gauche.png);
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

li#actif.onglets-l span.onglets-sd {
  float: right;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(http://www.creasignes.com/onglets/coin-droit.png);
  background-repeat: no-repeat;
  background-position: 100% 0%;
  color: #333333;
  text-decoration:none;
  letter-spacing:1px
}

/*
pour le survol des onglet
*/
a:hover.onglets-ad{
  background-position: 0% -500px;
}
/*
idem au clavier
*/
a:focus.onglets-ad {
  background-position: 0% -500px;
}

a:hover.onglets-ad span.onglets-sd  {
  background-position: 100% -500px;
}

a:focus.onglets-ad span.onglets-sd  {
  background-position: 100% -500px;
}