[class^="icon-app-"], [class*=" icon-app-"] {
    position: relative;
}
[class^="icon-app-"]:before, [class*=" icon-app-"]:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    margin-left: 4px;
    margin-right: 4px;
}
[class^="icon-app-"].icon-app-large:before, [class*=" icon-app-"].icon-app-large:before {
    width: 44px;
    height: 44px;
}
.icon-app-emploi:before {
    background-image: url(../img/icons/emploi.svg);
}
.icon-app-education:before {
    background-image: url(../img/icons/education.svg);
}
.icon-app-logement:before {
    background-image: url(../img/icons/logement.svg);
}
.icon-app-mobilite:before {
    background-image: url(../img/icons/mobilite.svg);
}
.icon-app-sante:before {
    background-image: url(../img/icons/sante.svg);
}
.icon-app-social:before {
    background-image: url(../img/icons/social.svg);
}
.icon-app-institutionnels:before {
    background-image: url(../img/icons/institutionnels.svg);
}
/***********
*
***********/
.icon-app-emploi-blanc:before {
    background-image: url(../img/icons/emploi_blanc.svg);
}
.icon-app-education-blanc:before {
    background-image: url(../img/icons/education_blanc.svg);
}
.icon-app-logement-blanc:before {
    background-image: url(../img/icons/logement_blanc.svg);
}
.icon-app-mobilite-blanc:before {
    background-image: url(../img/icons/mobilite_blanc.svg);
}
.icon-app-sante-blanc:before {
    background-image: url(../img/icons/sante_blanc.svg);
}
.icon-app-social-blanc:before {
    background-image: url(../img/icons/social_blanc.svg);
}
.icon-app-institutionnels-blanc:before {
    background-image: url(../img/icons/institutionnels_blanc.svg);
}
/***********
*
***********/
[class^="icon-app-circle-"]:before, [class*=" icon-app-circle-"]:before {
    background-size: 70%;
    border-radius: 12px;
    width: 24px;
    height: 24px;
}
.icon-app-circle-emploi:before {
    background-color: #df6e63;
    background-image: url(../img/icons/emploi_blanc.svg);
}
.icon-app-circle-education:before {
    background-color: #dfb763;
    background-image: url(../img/icons/education_blanc.svg);
}
.icon-app-circle-logement:before {
    background-color: #bbd13f;
    background-image: url(../img/icons/logement_blanc.svg);
}
.icon-app-circle-mobilite:before {
    background-color: #93d17b;
    background-image: url(../img/icons/mobilite_blanc.svg);
}
.icon-app-circle-sante:before {
    background-color: #8cd4be;
    background-image: url(../img/icons/sante_blanc.svg);
}
.icon-app-circle-social:before {
    background-color: #8bbeea;
    background-image: url(../img/icons/social_blanc.svg);
}
.icon-app-circle-institutionnels:before {
    background-color: #979df2;
    background-image: url(../img/icons/institutionnels_blanc.svg);
}
/***********
*
***********/
.icon-app-fleche:before {
    background-image: url(../img/icons/fleche.svg);
}
.icon-app-marker:before {
    background-image: url(../img/icons/marker.svg);
}
.icon-app-liste:before {
    background-image: url(../img/icons/liste.svg);
}
.icon-app-pdf:before {
    background-image: url(../img/icons/pdf.svg);
}
.icon-app-plus:before {
    background-image: url(../img/icons/plus.svg);
}
.icon-app-check:before {
    background-image: url(../img/icons/check.svg);
}
.icon-app-loupe:before {
    background-image: url(../img/icons/loupe.svg);
}
.icon-app-retour:before {
    background-image: url(../img/icons/retour.svg);
}