.d2{
  width: 100%;
  height: 0px;
  padding-top: 56.25%;/*ratio h/l des images*/
  margin:50px auto;
  box-shadow: 0px 0px 10px #777;
  background-color: #ededed;
  background-size: contain;
  animation: fondu 50s ease-in-out infinite both;
}
.conteneur{
  max-width: 1920px;
  /*margin:50px auto;*/
  margin-top:-50px;
  margin-bottom: -50px;
}
@keyframes fondu {
  0% {background-image: url("diaporamaIndex/cerbereBarques02.png");}
  10% {background-image: url("diaporamaIndex/cerbereCap.jpg");}
  20% {background-image: url("diaporamaIndex/plagePeyrefite.jpg");}
  30% {background-image: url("diaporamaIndex/terrimbo01.jpg");}
  40% {background-image: url("diaporamaIndex/terrimbo02.jpg");}
  50% {background-image: url("diaporamaIndex/aloes01.jpg");}
  60% {background-image: url("diaporamaIndex/cerbereport.jpg");}
  70% {background-image: url("diaporamaIndex/banyulsCapBear.jpg");}
  80% {background-image: url("diaporamaIndex/cerbereCap02.jpg");}
  90% {background-image: url("diaporamaIndex/criqueCollioure.jpg");}
  100% {background-image: url("diaporamaIndex/cerbereBarques02.png");}

}
.d2:hover{
  animation-play-state: paused;
}
.corr{
  background-color: #ededed;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  text-align: justify;
  font-weight: 100;
}
.t1{
  font-weight: 600;
}