/* Ici ce sont les couleurs du fond et des titres */
p
{
	color: DarkBlue;
}

h1
{
	color: DarkCyan;
}
h2
{
	color: DarkCyan ;
}




/* Ici nous avons la police qui est utilisée */
 body {
  font-family: "Courier New", Courier, monospace;
}

/* Là c'est la barre de navigation qu'il y'a en haut de la page, avec les couleurs et les dimensions */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: CadetBlue;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}


<ul>

/* Ici c'est le tableau avec les couleurs et la police */
#customers {
  font-family:"Courier New", Courier, monospace;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color:  #ccf2ff;}

#customers tr:hover {background-color:  #ccf2ff;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: white;
  color:   black;
}

/* les couleurs et dimensions de la boxe*/
.est {
  background-color: white;
  color: white;
  border: 2px solid DarkCyan ;
  margin: 30px;
  padding: 30px;
}

/* les boxes autour des titres, couleurs etc*/
#table {
  background-color: darkcyan;
  color: white;
  padding: 40px;
  text-align: center;
} 