body{
  background-color:#fff8ec;
  cursor: crosshair;
}
.conteneur-flex{
  display: flex;
  flex-wrap: wrap;
  margin:4vw;
  padding: 1%;
  position:relative;
}
.titre{
  margin-left: auto;
  margin-right: auto;
  width: 10em;
}

.menu{
  display: flex;
  justify-content: center;
  align-items: center;
 
}

.margemenu{
	margin-left: 30px;
	margin-right: 30px;
	
}

.article-flex {
  padding:5vw;
  text-align:center;
  flex:20%;
  }
.article-flex img{
	width:100%;
}
.scrollimages {
    overflow: auto;
    white-space: nowrap;
    scrollbar-width: thin;
    scrollbar-color: #e7e1d8 #fff8ec;
  }

.texte{
  width: 50%;
  font-family: helvetica;
  margin-left: 50px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.projet{
  font-weight: bold;
  font-size: 15px;
  color:black;
}

.design{
  font-style: italic;
  font-size: 13px;
  background-color: ;
}

.sujet{
  font-style:italic;
  font-size: 13px;
}

.réponse{
  font-style: normal;
  font-size: 14px;
}

.réponseitalique{
  font-style: italic;
  font-size: 14px;
  background-color: #e7e1d8;
}

.francais{
  font-style: italic;
  font-size: 10px;
  color: black;
}

.scrollimages a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
    width: 300px;
    height: 100px;
  }

  .acceuil
  img{
  	filter: grayscale(1);
  	-webkit-filter: grayscale(1);
  	-moz-filter: grayscale(1);
  	-o-filter: grayscale(1);
  	-ms-filter: grayscale(1);
  }

.acceuil  img:hover{
  	filter: grayscale(0);
  	-webkit-filter: grayscale(0);
  	-moz-filter: grayscale(0);
  	-o-filter: grayscale(0);
  	-ms-filter: grayscale(0);
  }

  .returnnextproject{
  }
@media (max-width : 800px){

	.conteneur-flex{
	  display: block;
	}
}