<header class="header">
    <div class="headerNavTContainer">
      <div class="headerNavLogoContainer"><img class="headerNavLogo" src="img/home/planewhite.png" alt="LogoUneAnneeDeVoyage" class="logo"></div>
      <div class="headerNavBurger"><img class="headerNavTel" src="img/home/burger.png" alt="BurgerMenu" class="bugerMenu"></div>
    </div>
    <div class="headerNavContainer">
      <a class="headerNav" href="">Home</a>
      <a class="headerNav" href="">Actualités</a>
      <a class="headerNav" href="">Fiches pratiques</a>
      <a class="headerNav" href="">Boite à image</a>
      <a class="headerNav" href="">Top 100</a>
      <a class="headerNav" href="">Contact</a>
    </div>
    <div class="headerTitleContainer">
      <h1 class="headerTitle">Une Année de Voyages</h1>
      <h1 class="headerSubTitle">Soyez un voyageur averti !</h1>
    </div>
  </header>



.header {
  background: url('https://zupimages.net/up/18/21/h5f6.png');
  background-repeat: no-repeat;
  background-size: cover;
  text-transform: uppercase;
  color: white;
  font-family: 'Poppins', sans-serif;
  height: 300px;
}
.headerNavTContainer {
  display: flex;
  justify-content: space-between;

}
.headerNavLogo {
  width: 55px;
  height: 39px;
}
.headerNavTel {
  width: 46px;
  height: 23px;
}
.headerNavLogoContainer {
  display: ;
  margin: 10px 0 0 10px;
}
.headerNavBurger {
  margin-top: 10px;
  margin-right: 10px;
}
.headerNavContainer {

  display: none;
  justify-content: flex-end;
}
.headerNav {
  margin-right: 1%;
  color: white;

}
.headerTitleContainer {
  text-align: center;
  margin-top: 45px;
 }
.headerTitle{
  font-size: 40px;
}
.headerSubTitle{
  padding-top: 1%;
  font-size: 20px;
}