body{
  background-color: #ededed;
}
.d2{
  width: 100%;
  height: 0px;
  padding-top: 75%;/*ratio h/l des images*/
  margin-top:50px;
  box-shadow: 0px 0px 10px #777;
  background-color: #ededed;
  background-size: contain;
  animation: fondu 50s ease-in-out infinite both;
}
.conteneur{
  max-width: 800px;
  margin-top:-50px;
  margin-bottom:-50px;
  margin-left: auto;
  margin-right: auto;
 }
@keyframes fondu {
  
  0% {background-image: url("diapoT2/cerberePlage.jpg");}
  10% {background-image: url("diapoT2/aloesMer.jpg");}
  20% {background-image: url("diapoT2/aloesVue.jpg");}
  30% {background-image: url("diapoT2/aloesSalon04.jpg");}
  40% {background-image: url("diapoT2/cuisineJB02.jpg");}
  50% {background-image: url("diapoT2/cuisineJB.jpg");}
  60% {background-image: url("diapoT2/chambreJB.jpg");}
  70% {background-image: url("diapoT2/aloesSalleEau01.jpg");}
  80% {background-image: url("diapoT2/aloesTerrasse01.jpg");}
  90% {background-image: url("diapoT2/aloesRederis.jpg");}
  100% {background-image: url("diapoT2/cerberePlage.jpg");}
}
.d2:hover{
  animation-play-state: paused;
}
.corr{
 
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0px;
  padding-bottom:0px;
  text-align: justify;
  font-weight: 100;
}
.t1{
  font-weight: 600;
}
section li{
  margin-left: 20px;
}
section{
  background-color: #ededed;
}