body {
	background-color: azure;
}
/*ceci est le titre de la première page*/
.principal {
	text-align: center;
	color: DarkSlateGray ;
}
/*ceci est le titre de la deuxième page*/
.principa2 {
	text-align: center;
	color: DarkSlateGray;
}
/*ceci est la 1ère image*/
.première { 
	width: 500px;
	height: 300px;
	float: right;
}
/*ceci est la 2ème image*/
.img2 {
	width: 200px;
	height: 400px;
	float: right;
}
/*ceci est la 1ère image de la deuxième page*/
.exemples {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
  height: 300px;
}
/*Ceci est la bordure du tableau*/
table, th, td {
    border: 2px solid black;
}   
/*Ceci est le tableau de la page 2*/
table{
	width: 75%;
}
/*les 4 prochians attribut correpondent à la barre de navigation*/
ul.nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

ul.nav li {
  float: left;
}

ul.nav a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

ul.nav a:hover {
  background-color: #111;
}