body {
  margin: 0;
  padding: 0;
}

#oc_conteneur div, #oc_conteneur, #oc_conteneur img {
  position: absolute;
  overflow: hidden;
}

#oc_conteneur a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

#oc_conteneur img {
  width: auto;
}

#oc_conteneur {
  width: 300px;
  height: 600px;
  background-color: #e3e3e3;
}

#oc_bordure {
  width: 300px;
  height: 600px;
  box-sizing: border-box;
  border: 1px solid #000000;
}

#oc_bandeau_haut {
  height: 44px;
  width: 300px;
  background-color: #ffffff;
}

#oc_nouveau_tiguan {
  top: 13px;
  right: 16px;
}

#oc_logovw {
  left: 9px;
  top: 9px;
}

#oc_cta {
  width: 136px;
  height: 35px;
  bottom: 105px;
  left: 82px;
  border-radius: 3px;
  background-color: #FAAA00;
  -webkit-animation: oc_cta 20s 1 ease normal;
          animation: oc_cta 20s 1 ease normal;
}

#oc_txt_cta {
  top: 11px;
  left: 16px;
}

.oc_image {
  bottom: 0px;
}

#oc_image1 {
  opacity: 0;
  -webkit-transform: translateX(-53px) translateY(1132px) scale(3);
      -ms-transform: translateX(-53px) translateY(1132px) scale(3);
          transform: translateX(-53px) translateY(1132px) scale(3);
  -webkit-animation: oc_image1 20s 1 ease normal;
          animation: oc_image1 20s 1 ease normal;
}

#oc_image2 {
  opacity: 0;
  -webkit-animation: oc_image2 20s 1 ease normal;
          animation: oc_image2 20s 1 ease normal;
}

#oc_image2lumiere1 {
  opacity: 0;
  -webkit-animation: oc_image2lumiere1 20s 1 ease normal;
          animation: oc_image2lumiere1 20s 1 ease normal;
}

#oc_image2lumiere2 {
  opacity: 0;
  -webkit-animation: oc_image2lumiere2 20s 1 ease normal;
          animation: oc_image2lumiere2 20s 1 ease normal;
}

#oc_image3 {
  -webkit-animation: oc_image3 20s 1 ease normal;
          animation: oc_image3 20s 1 ease normal;
}

#oc_txt1 {
  top: 0px;
  left: 0px;
  opacity: 0;
  -webkit-animation: oc_txt1 20s 1 ease normal;
          animation: oc_txt1 20s 1 ease normal;
}

.oc_txt2 {
  top: 0px;
  left: 0px;
  opacity: 0;
}

#oc_txt2a {
  -webkit-animation: oc_txt2a 20s 1 ease normal;
          animation: oc_txt2a 20s 1 ease normal;
}

#oc_txt2b {
  -webkit-animation: oc_txt2b 20s 1 ease normal;
          animation: oc_txt2b 20s 1 ease normal;
}

#oc_txt3 {
  top: 91px;
  left: 48px;
  opacity: 1;
  -webkit-animation: oc_txt3 20s 1 ease normal;
          animation: oc_txt3 20s 1 ease normal;
}

.oc_fondu {
  width: 300px;
  height: 600px;
  background-color: #ffffff;
  opacity: 0;
}

#oc_fondu_entree {
  -webkit-animation: oc_fondu_entree 20s 1 ease normal;
          animation: oc_fondu_entree 20s 1 ease normal;
}

#oc_fondu_sortie {
  -webkit-animation: oc_fondu_sortie 20s 1 ease normal;
          animation: oc_fondu_sortie 20s 1 ease normal;
}

#oc_masque_noir {
  opacity: 0;
  -webkit-animation: oc_masque_noir 20s 1 ease normal;
          animation: oc_masque_noir 20s 1 ease normal;
}

@-webkit-keyframes oc_fondu_entree {
  0% {
    opacity: 1;
  }
  5% {
    opacity: 0;
  }
}

@keyframes oc_fondu_entree {
  0% {
    opacity: 1;
  }
  5% {
    opacity: 0;
  }
}

@-webkit-keyframes oc_fondu_sortie {
  0%, 95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes oc_fondu_sortie {
  0%, 95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes oc_masque_noir {
  0%, 12% {
    opacity: 0;
  }
  13%, 45% {
    opacity: 1;
  }
  47% {
    opacity: 0;
  }
}

@keyframes oc_masque_noir {
  0%, 12% {
    opacity: 0;
  }
  13%, 45% {
    opacity: 1;
  }
  47% {
    opacity: 0;
  }
}

@-webkit-keyframes oc_txt1 {
  0%, 12% {
    opacity: 1;
  }
  14% {
    opacity: 0;
  }
}

@keyframes oc_txt1 {
  0%, 12% {
    opacity: 1;
  }
  14% {
    opacity: 0;
  }
}

@-webkit-keyframes oc_image1 {
  0%, 12% {
    opacity: 0;
    -webkit-transform: translateX(-183px) translateY(290px) scale(0.5);
            transform: translateX(-183px) translateY(290px) scale(0.5);
  }
  14%, 22% {
    opacity: 1;
    -webkit-transform: translateX(-183px) translateY(290px) scale(0.5);
            transform: translateX(-183px) translateY(290px) scale(0.5);
  }
  28%, 30% {
    opacity: 1;
    -webkit-transform: translateX(-53px) translateY(1132px) scale(3);
            transform: translateX(-53px) translateY(1132px) scale(3);
  }
  31% {
    opacity: 0;
  }
}

@keyframes oc_image1 {
  0%, 12% {
    opacity: 0;
    -webkit-transform: translateX(-183px) translateY(290px) scale(0.5);
            transform: translateX(-183px) translateY(290px) scale(0.5);
  }
  14%, 22% {
    opacity: 1;
    -webkit-transform: translateX(-183px) translateY(290px) scale(0.5);
            transform: translateX(-183px) translateY(290px) scale(0.5);
  }
  28%, 30% {
    opacity: 1;
    -webkit-transform: translateX(-53px) translateY(1132px) scale(3);
            transform: translateX(-53px) translateY(1132px) scale(3);
  }
  31% {
    opacity: 0;
  }
}

@-webkit-keyframes oc_image2 {
  0%, 25% {
    opacity: 0;
  }
  30%, 45% {
    opacity: 1;
  }
  47% {
    opacity: 0;
  }
}

@keyframes oc_image2 {
  0%, 25% {
    opacity: 0;
  }
  30%, 45% {
    opacity: 1;
  }
  47% {
    opacity: 0;
  }
}

@-webkit-keyframes oc_image2lumiere1 {
  0%, 26% {
    opacity: 0;
  }
  30%, 35% {
    opacity: 1;
  }
  37% {
    opacity: 0;
  }
}

@keyframes oc_image2lumiere1 {
  0%, 26% {
    opacity: 0;
  }
  30%, 35% {
    opacity: 1;
  }
  37% {
    opacity: 0;
  }
}

@-webkit-keyframes oc_image2lumiere2 {
  0%, 37% {
    opacity: 0;
  }
  39%, 45% {
    opacity: 1;
  }
  47% {
    opacity: 0;
  }
}

@keyframes oc_image2lumiere2 {
  0%, 37% {
    opacity: 0;
  }
  39%, 45% {
    opacity: 1;
  }
  47% {
    opacity: 0;
  }
}

@-webkit-keyframes oc_txt2a {
  0%, 47% {
    opacity: 0;
  }
  49%, 68% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
}

@keyframes oc_txt2a {
  0%, 47% {
    opacity: 0;
  }
  49%, 68% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
}

@-webkit-keyframes oc_txt2b {
  0%, 49% {
    opacity: 0;
  }
  51%, 68% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
}

@keyframes oc_txt2b {
  0%, 49% {
    opacity: 0;
  }
  51%, 68% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
}

@-webkit-keyframes oc_txt3 {
  0%, 72% {
    opacity: 0;
  }
  74%, 100% {
    opacity: 1;
  }
}

@keyframes oc_txt3 {
  0%, 72% {
    opacity: 0;
  }
  74%, 100% {
    opacity: 1;
  }
}

@-webkit-keyframes oc_cta {
  0%, 72% {
    opacity: 0;
  }
  74% {
    opacity: 1;
  }
}

@keyframes oc_cta {
  0%, 72% {
    opacity: 0;
  }
  74% {
    opacity: 1;
  }
}

@-webkit-keyframes oc_image3 {
  0%, 70% {
    opacity: 0;
  }
  72% {
    opacity: 1;
  }
}

@keyframes oc_image3 {
  0%, 70% {
    opacity: 0;
  }
  72% {
    opacity: 1;
  }
}