.block--pollumetre{
  width: 100%;
  
}
.block--pollumetre H3{
  font-size: 0.875em;
  text-transform: uppercase;
  margin: 0 0 0.5em;
  color: #787878;
}
.block--pollumetre .block__content{
  padding: 1em;
  background-color: #fafafa;
}
.block--pollumetre .bars{
  overflow: hidden;
}
.block--pollumetre .pollu_bar{
  float: left;
  width: 9%;
  height: 100px;
  margin-right: 1%;
  background-color: red;
}
.block--pollumetre .pollu_bar.actif{
  height: 130px;
}
.block--pollumetre .pollu_bar_1{
  background-color: #7dafc8;
  border-bottom: 4px solid #3c8ab0;
}
.block--pollumetre .pollu_bar_1.actif{
  background-color: #3c8ab0;
}
.block--pollumetre .pollu_bar_2{
  background-color: #68ccc2;
  border-bottom: 4px solid #01b5aa;
}
.block--pollumetre .pollu_bar_2.actif{
  background-color: #01b5aa;
}
.block--pollumetre .pollu_bar_3{
  background-color: #69cc93;
  border-bottom: 4px solid #00b663;
}
.block--pollumetre .pollu_bar_3.actif{
  background-color: #00b663;
}
.block--pollumetre .pollu_bar_4{
  background-color: #8ed68a;
  border-bottom: 4px solid #4ec452;
}
.block--pollumetre .pollu_bar_4.actif{
  background-color: #4ec452;
}
.block--pollumetre .pollu_bar_5{
  background-color: #b4e58a;
  border-bottom: 4px solid #92da54;
}
.block--pollumetre .pollu_bar_5.actif{
  background-color: #92da54;
}
.block--pollumetre .pollu_bar_6{
  background-color: #ddeb8c;
  border-bottom: 4px solid #cde255;
}
.block--pollumetre .pollu_bar_6.actif{
  background-color: #cde255;
}
.block--pollumetre .pollu_bar_7{
  background-color: #f5e58d;
  border-bottom: 4px solid #f0d959;
}
.block--pollumetre .pollu_bar_7.actif{
  background-color: #f0d959;
}
.block--pollumetre .pollu_bar_8{
  background-color: #feca8e;
  border-bottom: 4px solid #fcb259;
}
.block--pollumetre .pollu_bar_8.actif{
  background-color: #fcb259;
}
.block--pollumetre .pollu_bar_9{
  background-color: #ffb18d;
  border-bottom: 4px solid #ff8e5a;
}
.block--pollumetre .pollu_bar_9.actif{
  background-color: #ff8e5a;
}
.block--pollumetre .pollu_bar_10{
  background-color: #ff8e8e;
  border-bottom: 4px solid #ff5b5a;
}
.block--pollumetre .pollu_bar_10.actif{
  background-color: #ff5b5a;
}

.block--pollumetre .status_msg{
  clear: both;
  margin-top: 1em;
}
.block--pollumetre .status_msg:before{
  content: "\e072";
  display: inline-block;
  font-family: 'Glyphicons';
  font-style: normal;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.8;
  vertical-align: top;
  padding-right: 0.325em;
}

.block--pollumetre .status_msg_1:before{
  color: #3c8ab0;
}
.block--pollumetre .status_msg_2:before{
  color: #01b5aa;
}
.block--pollumetre .status_msg_3:before{
  color: #00b663;
}
.block--pollumetre .status_msg_4:before{
  color: #4ec452;
}
.block--pollumetre .status_msg_5:before{
  color: #92da54;
}
.block--pollumetre .status_msg_6:before{
  color: #cde255;
}
.block--pollumetre .status_msg_7:before{
  color: #f0d959;
}
.block--pollumetre .status_msg_8:before{
  color: #fcb259;
}
.block--pollumetre .status_msg_9:before{
  color: #ff8e5a;
}
.block--pollumetre .status_msg_10:before{
  color: #ff5b5a;
}
.block--pollumetre .btn-infos{
  text-align: center;
  margin-top: 2em;
}
.block--pollumetre .btn-infos a{
  
  background-image: none;
  background-color: #00b9e9;
  color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  
  font-size: 1em;
  font-weight: 700;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.block--pollumetre .btn-infos a:hover{
  background-color: #02AC8E;
  color: #FFF;
  
}
.block--pollumetre .btn-infos a:before{
  content: "\e080";
  font-family: 'Glyphicons';
  padding-right: 0.325em;
}