#titre {
  margin-left:34%;
  font-style: bold;
  font-family: Arial;
  pointer-events:none;
}

#graphique_evomat {
	margin-top: 5%;
	width:95%;
}


.consigne {
  font-style: italic;
  font-family: Arial;
}

.moyenne {
	color:#c33434;
}

#detail {
  position:absolute;
  margin-left:5%;
  margin-top:-1%;
  font-weight: :bold;
  font-family: Arial;
  pointer-events:none;
}

#infobulle {
  position:absolute;
  margin-left:5%;
  margin-top:3%;
  font-family: Arial;
  pointer-events:none;
  background: rgba(255, 255, 255, .85);
}

#legende {
  position:absolute;
  margin-left:3%;
  margin-top:6%;
  font-family: Arial;
  pointer-events:none;
}

#source {
  margin-left:2.5%;
  font-style: italic;
  font-family: Arial;

}

@media screen and (min-width: 1000px)  {
  #titre {
    font-size: 1.3em;
  }



  #source {
    font-size: .9em;
  }


}

@media screen and (min-width: 600px) and (max-width: 999px) {
  #titre {
    font-size: 1em;
  }



  #source {
    font-size: .7em;
  }




}

@media screen and (min-width: 0px) and (max-width: 599px) {
  #titre {
    font-size: .7em;
  }


  #source{
    font-size: .5em;
  }


}