Spriteur_Bitmap/css/sprite.css

/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-amarrages-gris {
  background-image: url(../img/sprite.png);
  background-position: -181px 0px;
  width: 181px;
  height: 181px;
}
.icon-amarrages-orange {
  background-image: url(../img/sprite.png);
  background-position: 0px -543px;
  width: 181px;
  height: 181px;
}
.icon-antichute-gris {
  background-image: url(../img/sprite.png);
  background-position: 0px -181px;
  width: 181px;
  height: 181px;
}
.icon-antichute-orange {
  background-image: url(../img/sprite.png);
  background-position: -181px -181px;
  width: 181px;
  height: 181px;
}
.icon-bloqueurs-gris {
  background-image: url(../img/sprite.png);
  background-position: -362px 0px;
  width: 181px;
  height: 181px;
}
.icon-bloqueurs-orange {
  background-image: url(../img/sprite.png);
  background-position: -362px -181px;
  width: 181px;
  height: 181px;
}
.icon-casques-gris {
  background-image: url(../img/sprite.png);
  background-position: 0px -362px;
  width: 181px;
  height: 181px;
}
.icon-casques-orange {
  background-image: url(../img/sprite.png);
  background-position: -181px -362px;
  width: 181px;
  height: 181px;
}
.icon-connecteurs-gris {
  background-image: url(../img/sprite.png);
  background-position: -362px -362px;
  width: 181px;
  height: 181px;
}
.icon-connecteurs-orange {
  background-image: url(../img/sprite.png);
  background-position: -543px 0px;
  width: 181px;
  height: 181px;
}
.icon-cordes-gris {
  background-image: url(../img/sprite.png);
  background-position: -543px -181px;
  width: 181px;
  height: 181px;
}
.icon-cordes-orange {
  background-image: url(../img/sprite.png);
  background-position: -543px -362px;
  width: 181px;
  height: 181px;
}
.icon-descendeurs-gris {
  background-image: url(../img/sprite.png);
  background-position: 0px 0px;
  width: 181px;
  height: 181px;
}
.icon-descendeurs-orange {
  background-image: url(../img/sprite.png);
  background-position: -181px -543px;
  width: 181px;
  height: 181px;
}
.icon-harnais-gris {
  background-image: url(../img/sprite.png);
  background-position: -362px -543px;
  width: 181px;
  height: 181px;
}
.icon-harnais-orange {
  background-image: url(../img/sprite.png);
  background-position: -543px -543px;
  width: 181px;
  height: 181px;
}
.icon-lampes-gris {
  background-image: url(../img/sprite.png);
  background-position: -724px 0px;
  width: 181px;
  height: 181px;
}
.icon-lampes-orange {
  background-image: url(../img/sprite.png);
  background-position: -724px -181px;
  width: 181px;
  height: 181px;
}
.icon-longes-gris {
  background-image: url(../img/sprite.png);
  background-position: -724px -362px;
  width: 181px;
  height: 181px;
}
.icon-longes-orange {
  background-image: url(../img/sprite.png);
  background-position: -724px -543px;
  width: 181px;
  height: 181px;
}
.icon-poulies-gris {
  background-image: url(../img/sprite.png);
  background-position: 0px -724px;
  width: 181px;
  height: 181px;
}
.icon-poulies-orange {
  background-image: url(../img/sprite.png);
  background-position: -181px -724px;
  width: 181px;
  height: 181px;
}
.icon-sacs-gris {
  background-image: url(../img/sprite.png);
  background-position: -362px -724px;
  width: 181px;
  height: 181px;
}
.icon-sacs-orange {
  background-image: url(../img/sprite.png);
  background-position: -543px -724px;
  width: 181px;
  height: 181px;
}