body {
	background-color:white ;
	text-align:center ;
    padding:0px 10px 0px 10px;		
}

.presentation {
	width: 80%; 
	height: 400px;
	background:white;
	margin:10px auto 10px;
    color:black;
	padding:10px 10px 0px 10px;
}

.presentation-contenu {
	margin:10px auto 10px;
    padding:100px;
	width: 80%; 
	margin-top:-100px
	
}      

.contenu {
	width:80%;
	height: ;
	border:;
	margin-top: ;
    background:white;
	margin:10px auto 10px;
    padding:10px 10px 0px 10px;	
}

li {
	list-style-type: none;
}

.carte {
	width:80%;
        margin:0 auto;
}


.image1 {
	float:right;
	position:relative;
}

.image2 {
	display: inline-block;

}

.directeur {
	margin-top: 50px;
	margin-bottom: 20px;
	float:right;
}
 .float_left {
	width:80%;
	margin:0 auto;
	text-align:left
 
 }
 
 .sommaire 	{
	 border: solid ;
	 width: 100px; 
	height: 100px;
    margin:0 auto;
 }
 
 
 
 @keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}