MMM-AirParif.css

.ville {
  color:white;
  top:0;
  vertical-align: top;
  text-align: left;
  padding-right: 5px;
  font-size: 100%;
  }
.table{
	  text-align: justify;
}
.indiceP{
	color:silver;
  top:0;
  vertical-align: top;
  text-align: left;
  padding-right: 5px;
  font-size : 90%;
}
.indice{
	text-align: left;
	font-size: 60%;
	color : lightsteelblue;
}
.polluants {
  text-align: left;
}

.ville:before {
  font-family: "weathericons";
  content: "\f082";
  padding-left: 10px;
  padding-right: 10px;
  color : floralwhite;
}

.lignePolluant {
	font-size: 0.8em;
	//text-align : start;
	//text-indent : 10%;
	color : lightgray;
}

.lignePolluant:before{
	font-family: "weathericons";
	content: "\f063";
	color : white;
	padding-left: 5px;
	padding-right: 5px;	
	font-size : 70%;
}
.Bon {
  //color: #50f0e6;
   font-weight: lighter;
}
.Moyen {
  //color: #50ccaa;
   font-weight: Medium;
}
.Dégradé{
  animation: 3s linear infinite condemed_blink_effect;
  //color: #f0e641;
font-weight: Semi Bold;
}
.Mauvais {
  animation: 3s linear infinite condemed_blink_effect;
  //color: #ff5050;
   font-weight: Bold;
}
.TrèsMauvais {
  animation: 1s linear infinite condemed_blink_effect;
  //color: #960032;
  font-weight: Extra Bold;
}
.ExtrêmementMauvais {
  animation: 0.3s linear infinite condemed_blink_effect;
  //color: #7d2181;
     font-weight: Black ;
}

@keyframes condemed_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}