html {
  background: black;
  font-family: 'open sans', 'sans-serif';
}
body {
  margin: 0px;
}
/* div haut */
.titre {
  height: 150px;
  width: 100%;
  background-color: #353535;
}

.titre img {
  height: 150px;
  width: 150px;
  display: block;
  text-align: center;
  vertical-align: middle;
  margin: auto;
}

/* menu */
.menu {
  height: 50px;
  width: 100%;
  background-color: #353535;
}

.menu p {
  display: block;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  font-family: bitter, sans-serif;
  line-height: 50px;
  color: rgb(216, 172, 33);
  margin: auto;
}

/* div milieu */

.milieu {
  width: 100%;
  background-color: #202020;
}

.milieu img {
  height: 4vh;
  vertical-align: middle;
}

.milieu p {
  display: block;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  color: lightgrey;
  margin:auto;
}

.milieu a {
  display: block;
  text-align: center;
  vertical-align: middle;
  background-color: #202020;
  color: lightgrey;
  text-decoration: none;
  margin: auto;
  width: 150px;
}

.milieu a:hover {
  background-color: #202020;
  color: rgb(216, 172, 33);
}

/* bandeau jaune */

.bandeaujaune {
  display: block;
  height: 20px;
  width: 100%;
  background: rgb(216, 172, 33);
}
/* div du pieddepage */

.PiedDePage {
  display: block;
  width: 100%;
  height: 100px;
  background-color: #202020;
}

.PiedDePage h3 {
  display: block;
  font-size: 14px;
  font-family: bitter, sans-serif;
  line-height: 0px;
  color: rgb(216, 172, 33);
  margin:auto;
  padding-left: 20px;
}

.PiedDePage p {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: lightgrey;
  margin: auto;
  padding-left: 20px;
}