body{
 margin:0;
background-color:black;
}


.blocedition{

height:130px;
background:#E8FAD4;
  padding:2%;
}


.flex-container{
	display:flex;
	align-items:stretch;
	justify-content:center;
	background-color:#E8FAD4;
	padding: 0% 4% 0% 4%;
	
}

.contenu{
	background-color :white    ;
	margin:2%;
	flex: 2 2 200px;s
	height:30vw;
	background-size: 100%;

	
	}
	
	h1{
	font-size: 17px;
	font-family: Georgia, serif;
	font-weight:400;
	color:white;
	margin:3%;
	} 
	
	h11{
	font-size: 20px;
	font-family: Georgia, serif;
	font-weight:400;
	color:black;
	margin:3%;
	} 
	
	h2{
	font-size: 18px;
	font-family: Georgia, serif;
	color:black;
	 margin:10%;
	} 
	
	
	 .image1{
	width:65%;
	 display: block;
	 
 }
 
   .image2{
	width:100%;
	 display: block;
 }
  
	
	h7{
	font-size: 50px;
	font-family: Georgia, serif;
	font-weight:400;
	color:white;
	padding: 3%; 
	}
	
	h77{
	font-size: 50px;
	font-family: Geolgia, serif;
	font-weight:400;
	color:black;
	margin:3%;
	}
	
	
	.blocid{

height:130px;
background:#DED0B8  ;
  padding:2%;
}
	
	.flex-containerid{
	display:flex;
	align-items:stretch;
	justify-content:center;
	background-color:#DED0B8 ;
	padding: 0% 4% 0% 4%;
	
}

.contenu{
	background-color :white  ;
	margin:2%;
	flex: 2 2 200px;
	height:30vw;
	overflow: hidden;
    background-size: 100%;	
	
	}
	
		.blocty{

height:130px;
background:#F6F1C9 ;
  padding:2%;
}

.flex-containerty{
	display:flex;
	align-items:stretch;
	justify-content:center;
	background-color:#F6F1C9 ;
	padding: 0% 4% 0% 4%;
	
}

.contenu{
	background-color : white   ;
	margin:2%;
	flex: 2 2 200px;
	height:30vw;
    background-size: 100%;

	
	}
	
	.blocautre{

height:100px;
background:#F6DAC3 ;
  padding:2%;
}

	
	.flex-containerdiv{
	display:flex;
	align-items:stretch;
	justify-content:center;
	background-color:#F6DAC3 ;
	padding: 0% 4% 0% 4%;
	
}

.contenu{
	background-color : white   ;
	margin:2%;
	flex: 2 2 200px;
	height:30vw;
	background-size: 100%;

	
	}
	
	footer {
    display: flex;
    justify-content: center;
    padding: 5px;
    color: #fff;
}

.scroll-container{
  overflow: auto;
  white-space: nowrap;
  padding: 50px 20px 50px 40px;
  background: transparent;
  height: 100%;
  border-radius:15px;
}

.scrollimage{
  display:inline-block;
}

.scrollimage img {
  margin-right:2%;
}




.gallerie {
  display: flex;
  margin: auto;
  width: 98%;
  z-index: 1;
  justify-content: center;
}


.img {
  	width: 100%;
  	object-fit: contain;
}

.colonne {
  width: 70%;
  justify-content: center;

}
.colonne img{
	  	width: 100%;
	  	height:100%;
	  }
	  	

 .brd {
	border-width:1px 1px ;
 	border-top:1px solid black;
 	border-left: 1px solid black;
 	border-right: 1px solid black;
 margin-top:2%;
}

.textecentre{
	font-size: 22px;
	line-height:25px;
	font-weight:bold;
	width:80%;
	margin-left:10%;
}

.intro{
	min-width:70%;
	max-width:30%;
	padding: 2%;
}

.texte{
	width:70%;
	text-align:center;
	margin-left:15%;
	
}

.textes{
	width:70%;
	margin-left:3%;
	
}

.bannière {
  display: inline-block;
}
.logo {
  width: 15%;
  height: 10%;
  display: flex;
  margin: 1vh;
  vertical-align: top;
  position: fixed;
  display: block;
  margin-left: 85%;
  margin-top:20%;
}