#booking_container {
    position: relative;
    /* top: 111px; */
    background-size: cover;
	color:#fff;
	width: 100%;
	z-index:99;
}
 /* .marge3 {margin-top: -670px;z-index: 300;} */
 /* ol,ul{list-style:none} */
 /* DEBUT CSS diaporama */
    /* .diaporama, .diaporama:after { */
      /* position: relative; */
      /* width: 100%; */
      /* height: 800px; */
      /* top: 0px; */
      /* left: 0px; */
	  /* background-color: #cfbdaa; */
      /* z-index: 99; */
    /* } */
 
 .diaporama li span {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      color: transparent;
      background-size: cover;
      background-position: 50% 50%;
      background-repeat: none;
      opacity: 0;
      z-index: 0;
      -webkit-backface-visibility: hidden;
      -webkit-animation: imageAnimation 12s linear infinite 0s;
      -moz-animation: imageAnimation 12s linear infinite 0s;
      -o-animation: imageAnimation 12s linear infinite 0s;
      -ms-animation: imageAnimation 12s linear infinite 0s;
      animation: imageAnimation 12s linear infinite 0s;
    }
   
    .diaporama li:nth-child(1) span {
      background-image: url(../img/jardin1.jpg);
    }

    .diaporama li:nth-child(2) span {
      background-image: url(../img/jardin2.jpg);
      -webkit-animation-delay: 6s;
      -moz-animation-delay: 6s;
      -o-animation-delay: 6s;
      -ms-animation-delay: 6s;
      animation-delay: 6s;
    }

    /* .diaporama li:nth-child(3) span { */
      /* background-image: url(../img/jardin1.jpg); */
      /* -webkit-animation-delay: 12s; */
      /* -moz-animation-delay: 12s; */
      /* -o-animation-delay: 12s; */
      /* -ms-animation-delay: 12s; */
      /* animation-delay: 12s; */
    /* } */

    /* .diaporama li:nth-child(4) span { */
      /* background-image: url(../img/jardin2.jpg); */
      /* -webkit-animation-delay: 18s; */
      /* -moz-animation-delay: 18s; */
      /* -o-animation-delay: 18s; */
      /* -ms-animation-delay: 18s; */
      /* animation-delay: 18s; */
    /* } */

    /* .diaporama li:nth-child(5) span { */
      /* background-image: url(../img/slide_hero2.jpg); */
      /* -webkit-animation-delay: 24s; */
      /* -moz-animation-delay: 24s; */
      /* -o-animation-delay: 24s; */
      /* -ms-animation-delay: 24s; */
      /* animation-delay: 24s; */
    /* } */

    /* .diaporama li:nth-child(6) span { */
      /* background-image: url(../img/slide_hero3.jpg); */
      /* -webkit-animation-delay: 30s; */
      /* -moz-animation-delay: 30s; */
      /* -o-animation-delay: 30s; */
      /* -ms-animation-delay: 30s; */
      /* animation-delay: 30s; */
    /* } */

    /* Animation diaporama images */

    @-webkit-keyframes imageAnimation {
      0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
      }

      20% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
      }

      50% {
        opacity: 1;
      }

      70% {
        opacity: 0;
      }

      100% {
        opacity: 0;
      }
    }

    @-moz-keyframes imageAnimation {
      0% {
        opacity: 0;
        -moz-animation-timing-function: ease-in;
      }

      20% {
        opacity: 1;
        -moz-animation-timing-function: ease-out;
      }

      50% {
        opacity: 1;
      }

      70% {
        opacity: 0;
      }

      100% {
        opacity: 0;
      }
    }

    @-o-keyframes imageAnimation {
      0% {
        opacity: 0;
        -o-animation-timing-function: ease-in;
      }

      20% {
        opacity: 1;
        -o-animation-timing-function: ease-out;
      }

      50% {
        opacity: 1;
      }

      70% {
        opacity: 0;
      }

      100% {
        opacity: 0;
      }
    }

    @-ms-keyframes imageAnimation {
      0% {
        opacity: 0;
        -ms-animation-timing-function: ease-in;
      }

      20% {
        opacity: 1;
        -ms-animation-timing-function: ease-out;
      }

      50% {
        opacity: 1;
      }

      70% {
        opacity: 0;
      }

      100% {
        opacity: 0;
      }
    }

    @keyframes imageAnimation {
      0% {
        opacity: 0;
        animation-timing-function: ease-in;
      }

      20% {
        opacity: 1;
        animation-timing-function: ease-out;
      }

      50% {
        opacity: 1;
      }

      70% {
        opacity: 0;
      }

      100% {
        opacity: 0;
      }
    }
         /* FIN CSS diaporama */