.navbar /*Menu CQ2A*/
{
  padding: 8px;
  font-size: 0.99em;
  box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25); /*Ombre sous le Menu*/
}

.navbar-brand
{
    margin-left: 16px;
    margin-bottom: 5px;
}

.bg-dark:hover
{
  background-color : #fafafa;
}

.conteneur {
  display: flex;
  flex-direction: column;
  background-color: #e5ebf3;
}

.DonneesAffichage{
  padding: 40px 40px;
  margin: 55px 55px;
  font-family: Arial;
  text-align: justify-all;
  font-size: 1.5em;
  background-color: #f6f7fb;
}

.date{
  font-size: 1.4em;
  font-family: Arial;
  padding: 30px 30px;
  margin: 30px 30px;
}

h1{
  font-size: 4.0em;
  font-family: Arial;
  text-align: center;
  color : #1a2c44;
  padding: 3px 3px 3px 3px;;
  margin: 150px 0px 50px 0px;
}

h2{
  font-family: Arial;
  font-size: 1.3em;
  font-weight: bold;
}

h3{
  font-size: 3.0em;
  font-family: Arial;
  text-align: center;
  color : #1a2c44;
  padding: 50px 30px;
  margin: 30px 30px;
}

.table{
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

.Indicateur{
  font-size: 3.0em;
  font-family: Arial;
  font-weight: bold;
  text-align: center;
}

.bonIndicateur{
  color : #30bb08;
  font-weight: bold;
}

.moyenIndicateur{
  color : #f9740c;
  font-weight: bold;
}

.mauvaisIndicateur{
  color : #d61111;
  font-weight: bold;
}

.etoile
{
  font-family: Arial;
  font-size: 0.59em;
  font-style: italic;

}

.datetab
{
  font-weight: bold;
}

.presenta
{
    padding: 50px 50px;
    margin: 60px 60px;
    font-family: Arial;
    text-align: justify;
    font-size: 1.1em;
}

p {
    padding: 10px 10px;
    margin: 20px 20px;
    font-family: Arial;
    text-align: justify;
    font-size: 1.1em;
}

.seuils
{
  padding: 70px;

  width: 100%;
}