body{
	background-color:#FFF8FB;
	font-family:sans-serif;
	height:100%;
	cursor: crosshair;
	}

.header {
  background-color: #fe00ae;
  position:fixed;
  top: 0;
  left:0;
  width: 100%;
  height:40px;
  padding-top: 7px;
  padding-bottom: 7px;
  z-index: 2;
}


h1 {
text-align: center;
 height: 18px;
 font-size: 15px;
 margin: auto;
 color: white;
 animation-duration: .9s;
	animation-name: clignoter;
	animation-iteration-count: infinite;
	transition: none;
}

@keyframes clignoter {
  0%   { opacity:1; }
  50%   {opacity:0; }
  100% { opacity:1; }
}

	
.logo {
  position: fixed;
  width: 120px;
  margin: 80px;
  bottom: 0;
  right: 0;
  z-index: 3;
}

.LounaBacha {
	text-align: center;
	font-family:sans-serif;
	color: blue;
	font-size:20px;
	margin:6% 1% 3% 0%;
}

.flex-contenu{
	display: flex;
	flex-wrap:no-wrap;
	align-items: flex-end;
	margin-right:15%;
	margin-left:15%;
}
.conteneur{
	margin: 1%;
	flex: 0 1 100%;
	filter: grayscale(100%); 
	-webkit-filter: grayscale(100%); 
}

.conteneur:hover{
	filter: none; 
	-webkit-filter: grayscale(0);
}

img{
	width:100%;
	height:auto;
}


@media (max-width: 700px) {
	.flex-contenu{
		flex-wrap:wrap;
		margin-right:5%;
		margin-left:5%;
	}
	
	.conteneur{
		flex: 1 1 100%; 
	}
	
	.header{
		height : 4vh;
	}
	.LounaBacha{
		margin-top : 100px;
	}
	.header {
	  height:56px;
	}
}




.footer {
	text-align: center;
	display: block;
	color: blue;
	height: 10px;
	font-size: 13px;
	margin-top: 40px;	
	margin-bottom: 40px;
  ;
}