body{
  padding:0;
  margin:0;
}
header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:0 20px;
}

#list-flex{
  display:flex;
  flex-direction: row;
  gap:30px;
}

#list-flex li{
  border-bottom: 1px solid #000;
  list-style-type: none;
}

header img{
  max-width:40px;
}

#grande-image img{
  min-width: 100%;
}

#texte-presentation{
  padding: 30px;
  font-size: 24px;
}

#projets{
  display: flex;
  flex-wrap: wrap;
}

#projets article{
  width:25%;
  overflow:hidden;
}

#projets article img{
  max-width: 100%;
}

#projets article h3{
  padding: 0 10px;
}

footer{
  height:300px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}


/* pour mobile */
@media (max-width: 600px) {
  #projets {
    flex-direction: column;
  }
  #projets article{
    width: 100%;
  }
}