ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

li {
  display: inline;
}
body {	
	background-color: #fffde6;
	text-align: left;
	font-size: 18px;
	}
	.navbar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.navbar-item {
    display: inline !important;
	float: left;
}
.navbar-item a {
  display: block;
  padding: 8px;
  background-color: #f9f3a4;
}
.navbar-item a:hover {
  background-color: #f3e194;
}
a {color: #f6d636;
text-decoration : none;
  }
  p {
	font-family: Arial;
	color: #ec8823;
	text-align: center;
	}

.SFOTH	{
border : solid 2px #efa53a;
color : #ffc300;
margin : 20px; /* dans l’ordre : taille du haut-droite-bas-gauche */
padding : 50px; /* dans l’ordre : taille du haut-droite-bas-gauche */
background-color : #ffed93 ;
text-align: center ;
border-radius: 10px;
font-size : 20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
cursor: pointer;
transition: 0.4s;
}
img {
  border: 2px solid white;
  border-radius: 10px;
}
.NTW	{
border : solid 2px #3c68a2;
color : #003566;
margin : 20px; /* dans l’ordre : taille du haut-droite-bas-gauche */
padding : 50px; /* dans l’ordre : taille du haut-droite-bas-gauche */
background-color : #5eb6bd ;
text-align: left ;
border-radius: 10px;
font-size : 20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
cursor: pointer;
transition: 0.4s;
}
h1 {
	text-align: center;
}