@font-face {
  font-family: "mes-valeurs";
  src: url("../fonts/mes-valeurs.eot");
  src: url("../fonts/mes-valeurs.eot?#iefix") format("embedded-opentype"),
       url("../fonts/mes-valeurs.woff2") format("woff2"),
       url("../fonts/mes-valeurs.woff") format("woff"),
       url("../fonts/mes-valeurs.ttf") format("truetype"),
       url("../fonts/mes-valeurs.svg#mes-valeurs") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "mes-valeurs";
    src: url("./mes-valeurs.svg#mes-valeurs") format("svg");
  }
}

[class^="mes-valeurs-"]:before, [class*=" mes-valeurs-"]:before,
[class^="mes-valeurs-"]:after, [class*=" mes-valeurs-"]:after {   
  font-family: mes-valeurs;
  font-style: normal;
}

.mes-valeurs-book:before { content: "\f100"; }
.mes-valeurs-dialog:before { content: "\f101"; }
.mes-valeurs-ear:before { content: "\f102"; }
.mes-valeurs-like:before { content: "\f103"; }