body{
	background-color:#FFF8FB;
	font-family:sans-serif;
	margin:0;
	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: 2;
}

.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%;
}

.interconteneur{
	margin: 3%;
	text-align:left;

}

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


.texte {
font-family: sans-serif;
font-size :14px;
}

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

@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;
	}
}