.icon {
  width:30px;
  height:30px;
  background-color: var(--intranet-white);
}
.icon.small {
  width:20px;
  height:20px;
}
.icon.big {
  width:50px;
  height:50px;
}

.icon:hover {
  background-color:var(--intranet-white-hover);
}


.icon-red:hover {
  background-color:var(--primary-color-hover);
}

.icon.logout {
  -webkit-mask: url('../img/icons/logout.svg') no-repeat center;
  mask: url('../img/icons/logout.svg') no-repeat center;
}
.icon.profil {
  -webkit-mask: url('../img/icons/profil.svg') no-repeat center;
  mask: url('../img/icons/profil.svg') no-repeat center;
}
.icon.tel {
  -webkit-mask: url('../img/icons/annuaire.svg') no-repeat center;
  mask: url('../img/icons/annuaire.svg') no-repeat center;
}
.icon.documents {
  -webkit-mask: url('../img/icons/documents.svg') no-repeat center;
  mask: url('../img/icons/documents.svg') no-repeat center;
}
.icon.video {
  -webkit-mask: url('../img/icons/videos.svg') no-repeat center;
  mask: url('../img/icons/videos.svg') no-repeat center;
}
.icon.chat {
  -webkit-mask: url('../img/icons/chat.svg') no-repeat center;
  mask: url('../img/icons/chat.svg') no-repeat center;
}
.icon.covid {
  -webkit-mask: url('../img/icons/covid.svg') no-repeat center;
  mask: url('../img/icons/covid.svg') no-repeat center;
}
.icon.double {
  -webkit-mask: url('../img/icons/double.svg') no-repeat center;
  mask: url('../img/icons/double.svg') no-repeat center;
}
.icon.triple {
  -webkit-mask: url('../img/icons/triple.svg') no-repeat center;
  mask: url('../img/icons/triple.svg') no-repeat center;
}
.icon.dollar {
  -webkit-mask: url('../img/icons/dollar.svg') no-repeat center;
  mask: url('../img/icons/dollar.svg') no-repeat center;
}
.icon.screen_size {
  -webkit-mask: url('../img/icons/screen_size.svg') no-repeat center;
  mask: url('../img/icons/screen_size.svg') no-repeat center;
}
.icon.file {
  -webkit-mask: url('../img/icons/file.svg') no-repeat center;
  mask: url('../img/icons/file.svg') no-repeat center;
}
.icon.process {
  -webkit-mask: url('../img/icons/process.svg') no-repeat center;
  mask: url('../img/icons/process.svg') no-repeat center;
}
.icon.politic {
  -webkit-mask: url('../img/icons/politic.svg') no-repeat center;
  mask: url('../img/icons/politic.svg') no-repeat center;
}
.icon.organigramme {
  -webkit-mask: url('../img/icons/organigramme.svg') no-repeat center;
  mask: url('../img/icons/organigramme.svg') no-repeat center;
}
.icon.trousse {
  -webkit-mask: url('../img/icons/trousse.svg') no-repeat center;
  mask: url('../img/icons/trousse.svg') no-repeat center;
}
.icon.tools {
  -webkit-mask: url('../img/icons/tools.svg') no-repeat center;
  mask: url('../img/icons/tools.svg') no-repeat center;
}
.icon.archive {
  -webkit-mask: url('../img/icons/archive.svg') no-repeat center;
  mask: url('../img/icons/archive.svg') no-repeat center;
}
.icon.download {
  -webkit-mask: url('../img/icons/download.svg') no-repeat center;
  mask: url('../img/icons/download.svg') no-repeat center;
}
.icon.search {
  -webkit-mask: url('../img/icons/search.svg') no-repeat center;
  mask: url('../img/icons/search.svg') no-repeat center;
}
.icon.view {
  -webkit-mask: url('../img/icons/view.svg') no-repeat center;
  mask: url('../img/icons/view.svg') no-repeat center;
}
.icon.capital_humain {
  -webkit-mask: url('../img/icons/capital_humain.svg') no-repeat center;
  mask: url('../img/icons/capital_humain.svg') no-repeat center;
}
.icon.question {
  -webkit-mask: url('../img/icons/question.svg') no-repeat center;
  mask: url('../img/icons/question.svg') no-repeat center;
}
.icon.asterisk {
  -webkit-mask: url('../img/icons/asterisk.svg') no-repeat center;
  mask: url('../img/icons/asterisk.svg') no-repeat center;
}
.icon.loupe_dollar {
  -webkit-mask: url('../img/icons/loupe_dollar.svg') no-repeat center;
  mask: url('../img/icons/loupe_dollar.svg') no-repeat center;
}
.icon.human_plus {
  -webkit-mask: url('../img/icons/human_plus.svg') no-repeat center;
  mask: url('../img/icons/human_plus.svg') no-repeat center;
}
.icon.mallet {
  -webkit-mask: url('../img/icons/mallet.svg') no-repeat center;
  mask: url('../img/icons/mallet.svg') no-repeat center;
}
.icon.mail {
  -webkit-mask: url('../img/icons/mail.svg') no-repeat center;
  mask: url('../img/icons/mail.svg') no-repeat center;
}
.icon.cellphone {
  -webkit-mask: url('../img/icons/cellphone.svg') no-repeat center;
  mask: url('../img/icons/cellphone.svg') no-repeat center;
}
.icon.annuaire {
  -webkit-mask: url('../img/icons/annuaire.svg') no-repeat center;
  mask: url('../img/icons/annuaire.svg') no-repeat center;
}
.icon.dots {
  -webkit-mask: url('../img/icons/dots.svg') no-repeat center;
  mask: url('../img/icons/dots.svg') no-repeat center;
}
.icon.sofa {
  -webkit-mask: url('../img/icons/sofa.svg') no-repeat center;
  mask: url('../img/icons/sofa.svg') no-repeat center;
}
.icon.tampon {
  -webkit-mask: url('../img/icons/tampon.svg') no-repeat center;
  mask: url('../img/icons/tampon.svg') no-repeat center;
}
.icon.coins {
  -webkit-mask: url('../img/icons/coins.svg') no-repeat center;
  mask: url('../img/icons/coins.svg') no-repeat center;
}
.icon.balance {
  -webkit-mask: url('../img/icons/balance.svg') no-repeat center;
  mask: url('../img/icons/balance.svg') no-repeat center;
}
.icon.tool_gear {
  -webkit-mask: url('../img/icons/tool_gear.svg') no-repeat center;
  mask: url('../img/icons/tool_gear.svg') no-repeat center;
}
.icon.pen {
  -webkit-mask: url('../img/icons/pen.svg') no-repeat center;
  mask: url('../img/icons/pen.svg') no-repeat center;
}
.icon.arrow_left {
  -webkit-mask: url('../img/icons/arrow_left.svg') no-repeat center;
  mask: url('../img/icons/arrow_left.svg') no-repeat center;
}
.icon.seance_conseil {
  -webkit-mask: url('../img/icons/seance_conseil.svg') no-repeat center;
  mask: url('../img/icons/seance_conseil.svg') no-repeat center;
}
.icon.select_all {
  -webkit-mask: url('../img/icons/select_all.svg') no-repeat center;
  mask: url('../img/icons/select_all.svg') no-repeat center;
}
.icon.unselect_all {
  -webkit-mask: url('../img/icons/unselect_all.svg') no-repeat center;
  mask: url('../img/icons/unselect_all.svg') no-repeat center;
}
.icon.vsj {
  -webkit-mask: url('../img/icons/vsj.svg') no-repeat center;
  mask: url('../img/icons/vsj.svg') no-repeat center;
}
.icon.link {
  -webkit-mask: url('../img/icons/link.svg') no-repeat center;
  mask: url('../img/icons/link.svg') no-repeat center;
}
.icon.accident {
  -webkit-mask: url('../img/icons/accident.svg') no-repeat center;
  mask: url('../img/icons/accident.svg') no-repeat center;
}
.icon.handshake {
  -webkit-mask: url('../img/icons/handshake.svg') no-repeat center;
  mask: url('../img/icons/handshake.svg') no-repeat center;
}
.icon.vacation {
  -webkit-mask: url('../img/icons/vacation.svg') no-repeat center;
  mask: url('../img/icons/vacation.svg') no-repeat center;
}
.icon.retirement {
  -webkit-mask: url('../img/icons/retirement.svg') no-repeat center;
  mask: url('../img/icons/retirement.svg') no-repeat center;
}
.icon.contract {
  -webkit-mask: url('../img/icons/contract.svg') no-repeat center;
  mask: url('../img/icons/contract.svg') no-repeat center;
}
.icon.pens {
  -webkit-mask: url('../img/icons/pens.svg') no-repeat center;
  mask: url('../img/icons/pens.svg') no-repeat center;
}
.icon.destruction {
  -webkit-mask: url('../img/icons/destruction.svg') no-repeat center;
  mask: url('../img/icons/destruction.svg') no-repeat center;
}
.icon.convention {
  -webkit-mask: url('../img/icons/convention.svg') no-repeat center;
  mask: url('../img/icons/convention.svg') no-repeat center;
}
.icon.computer {
  -webkit-mask: url('../img/icons/computer.svg') no-repeat center;
  mask: url('../img/icons/computer.svg') no-repeat center;
}
.icon.document_rule {
  -webkit-mask: url('../img/icons/document_rule.svg') no-repeat center;
  mask: url('../img/icons/document_rule.svg') no-repeat center;
}
.icon.funding {
  -webkit-mask: url('../img/icons/funding.svg') no-repeat center;
  mask: url('../img/icons/funding.svg') no-repeat center;
}
.icon.law {
  -webkit-mask: url('../img/icons/law.svg') no-repeat center;
  mask: url('../img/icons/law.svg') no-repeat center;
}
.icon.ticket {
  -webkit-mask: url('../img/icons/ticket.svg') no-repeat center;
  mask: url('../img/icons/ticket.svg') no-repeat center;
}
.icon.echelle {
  -webkit-mask: url('../img/icons/ladder.svg') no-repeat center;
  mask: url('../img/icons/ladder.svg') no-repeat center;
}
.icon.zoom {
  -webkit-mask: url('../img/icons/zoom.svg') no-repeat center;
  mask: url('../img/icons/zoom.svg') no-repeat center;
}