#image-header, img{
  width: 100%;
  height: 90px;
}

body{
  padding: 0% 15% 0% 15%;
}
nav{
  display: flex;
  background-color: rgb(0,119,127);
  height: 90px;
}

#titreArticle{
  background-color: rgb(0,119,127);
  font-size: 1.5em ;
  color: white;
  margin-top: 50px; 
  padding: 10px 0px 0px 10px; 
  height: 50px;
}

l#date-article{
  font-size: 1em;
}

#derniereArticle{
  height: 300px;
  margin-top: 20px;
}

#derniereArticleImg{
  height: 300px;
  background-color: rgb(0,119,127); 
}

#derniereArticleImg img{
  width: 100%;
  height: 100%;
}

#derniereArticleTexte{
  height: 300px;
  background-color: white;
  padding: 15px;
}

#voirArticle{
  font-size: 2em;
  color: rgb(0,119,127); 
}

#commentaire{
  font-size: 1.5em;
} 

#commentaire p{
  color: rgb(0,119,127);
}

@media all and (max-width: 640px)
{

  #titreArticle{
  font-size: 1.5em ;  
  height: 80px;
  }

  body{
  padding: 0% 5% 0% 5%;
  }

  #commentaire{
  font-size: 1em;
}  
}

@media all and (min-width: 641px) and (max-width: 1200px)
{
    body{
  padding: 0% 5% 0% 5%;
  }
}