div.tile.pollen {
	a.location {
		display: block;
		color: $font-color;
		text-transform: uppercase;
		margin: 0 0 0.5rem 0;
	}

	span.pollen.valeur {
		background: url(img/ic_indice_pollen.png) center center no-repeat;
		&.raep-4, &.raep-5 {
			background-image: url(img/ic_indice_pollen_red.png);
		}
		&.raep-0, &.raep-1 {
			background-image: url(img/ic_indice_pollen_green.png);
		}
		box-sizing: content-box;
		font-weight: bold;
		font-size: 1.5rem;
		padding-top: 0px;
		border: 5px solid transparent;
		height: 40px;
		display: inline-block;
		border-radius: 40px;
		padding: 5px;
		width: 40px;
		text-align: center;
		margin-bottom: 0.5rem;
		& + span.qualif {
			display: inline-block;
			padding-left: 0.5rem;
			text-transform: uppercase;
		}
	}
}

#page.place div.tile.pollen {
	text-align: center;
	div.tile-content {
		padding: 2rem;
		p, table {
			text-align: justify;
			margin: 1rem auto;
			width: 60%;
			@media screen and (max-width: $desktop-limit) {
				width: auto;
			}
		}
		p.validity-date {
			margin-top: 3rem;
			font-size: 80%;
		}
	}
}
