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

.icon-access{
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  aspect-ratio: 73 / 150;
  display: inline-block;
}


.icon-mal-entendant-partiel-1 {
  background-image: url(/assets/svg/access/domino_mal_entendant_a.svg);
}
.icon-mal-entendant-partiel-2 {
  background-image: url(/assets/svg/access/domino_mal_entendant_b.svg);
}
.icon-mal-entendant-partiel-3 {
  background-image: url(/assets/svg/access/domino_mal_entendant_c.svg);
}

.icon-mal-entendant-1 {
  background-image: url(/assets/svg/access/domino_sourd_a.svg);
}
.icon-mal-entendant-2 {
  background-image: url(/assets/svg/access/domino_sourd_b.svg);
}
.icon-mal-entendant-3 {
  background-image: url(/assets/svg/access/domino_sourd_c.svg);
}

.icon-psychique-1 {
  background-image: url(/assets/svg/access/domino_mental_a.svg);
}
.icon-psychique-2 {
  background-image: url(/assets/svg/access/domino_mental_b.svg);
}
.icon-psychique-3 {
  background-image: url(/assets/svg/access/domino_mental_c.svg);
}

.icon-moteur-1 {
  background-image: url(/assets/svg/access/domino_moteur_a.svg);
}
.icon-moteur-2 {
  background-image: url(/assets/svg/access/domino_moteur_b.svg);
}
.icon-moteur-3 {
  background-image: url(/assets/svg/access/domino_moteur_c.svg);
}

.icon-femme-enceinte-1 {
  background-image: url(/assets/svg/access/domino_famille_a.svg);
}
.icon-femme-enceinte-2 {
  background-image: url(/assets/svg/access/domino_famille_b.svg);
}
.icon-femme-enceinte-3 {
  background-image: url(/assets/svg/access/domino_famille_c.svg);
}

.icon-senior-1 {
  background-image: url(/assets/svg/access/domino_senior_a.svg);
}
.icon-senior-2 {
  background-image: url(/assets/svg/access/domino_senior_b.svg);
}
.icon-senior-3 {
  background-image: url(/assets/svg/access/domino_senior_c.svg);
}

.icon-mal-voyant-partiel-1 {
  background-image: url(/assets/svg/access/domino_mal_voyant_a.svg);
}
.icon-mal-voyant-partiel-2 {
  background-image: url(/assets/svg/access/domino_mal_voyant_b.svg);
}
.icon-mal-voyant-partiel-3 {
  background-image: url(/assets/svg/access/domino_mal_voyant_c.svg);
}

.icon-mal-voyant-1 {
  background-image: url(/assets/svg/access/domino_blind_a.svg);
}
.icon-mal-voyant-2 {
  background-image: url(/assets/svg/access/domino_blind_b.svg);
}
.icon-mal-voyant-3 {
  background-image: url(/assets/svg/access/domino_blind_c.svg);
}



/*[class^="icon-"]:before, [class*=" icon-"]:before {*/
/*  font-family: "access";*/
/*  font-style: normal;*/
/*  font-weight: normal;*/
/*  speak: none;*/

/*  display: inline-block;*/
/*  text-decoration: inherit;*/
/*  width: 1em;*/
/*  margin-right: .2em;*/
/*  text-align: center;*/
/*  !* opacity: .8; *!*/

/*  !* For safety - reset parent styles, that can break glyph codes*!*/
/*  font-variant: normal;*/
/*  text-transform: none;*/

/*  !* fix buttons height, for twitter bootstrap *!*/
/*  line-height: 1em;*/

/*  !* Animation center compensation - margins should be symmetric *!*/
/*  !* remove if not needed *!*/
/*  margin-left: .2em;*/

/*  !* you can be more comfortable with increased icons size *!*/
/*  !* font-size: 120%; *!*/

/*  !* Font smoothing. That was taken from TWBS *!*/
/*  -webkit-font-smoothing: antialiased;*/
/*  -moz-osx-font-smoothing: grayscale;*/

/*  !* Uncomment for 3D effect *!*/
/*  !* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); *!*/
/*}*/



/*.icon-mal-entendant:before {*/
/*  content:"\f102";*/
/*}*/


/*.icon-psychique:before {*/
/*  content:"\f103";*/
/*}*/


/*.icon-moteur:before {*/
/*  content:"\f104";*/
/*}*/


/*.icon-picto:before {*/
/*  content:"\f105";*/
/*}*/


/*.icon-pmr:before {*/
/*  content:"\f106";*/
/*}*/


/*.icon-femme-enceinte:before {*/
/*  content:"\f107";*/
/*}*/


/*.icon-senior:before {*/
/*  content:"\f108";*/
/*}*/


/*.icon-mal-voyant-partiel:before {*/
/*  content:"\f109";*/
/*}*/


/*.icon-mal-voyant:before {*/
/*  content:"\f10a";*/
/*}*/


/*.icon-wc:before {*/
/*  content:"\f10b";*/
/*}*/