/*	Cascading Style Sheet pour Bill Gates. */

body {
  background-color: whitesmoke; 
}

/* La mise en page pour les titres h1, h2, et h3 */

h1 {
  color : white;
  font-size: 50px;
  background-color: lightblue;
  font-family: "Trirong", sans-serif;
  margin: 25px;
  padding: 20px;
}

h3 {
	color : black;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
    margin: 30px	
}

h2 {
	color : white;
	font-family: Arial, Helvetica, sans-serif;
	background-color: lightblue;
	margin: 25px;
    padding: 20px;
}

/* ici nous avons le tableau qui est constitué de 12 cellules */

#customers {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
}


#customers td, #customers th {
  border: 1px solid white;
  padding: 8px;
  
}

#customers tr:nth-child(even){background-color: #f2f2f2;}


#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: lightblue;
  color: white;
}

/* ci-dessous, la barre de navigation */

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: white;
  font-family: Arial, Helvetica, sans-serif;
  margin: 25px;
}

li {
  float: left;
}

li a {
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Le changement de couleur quand on passe dessus en bleu clair */

li a:hover {
  background-color: lightblue;
}

/* La boxe avec le texte introductif */

.center {
  text-align: center;
  background: white;
  border: 3px solid lightblue;
  font-family: Arial, Helvetica, sans-serif;
  margin: 25px;
  padding: 20px;
}

/* un espace entre les images */

img {  
  padding: 23px
}