#txtintro {
  z-index: 5;
}
#txt_defil,
#txt_defil1 {
  transition: opacity 2s;
  position: absolute;
  top: 57vh;
  z-index: 10;
  margin-top: 30px;
  background: white;
  border: 1px solid black;
}
h3.dynamic {
  display: block;
  margin: auto;
  padding: 40px;
  width: 60%;
  font-family: Comfortaa, Impact, "Arial Black", Arial, Verdana, sans-serif;
  text-align: right;
  font-size: xx-large;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(20, 80, 80, 0.3);
  background: radial-gradient(rgb(40, 160, 160), rgb(5, 20, 20));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
}
@media screen and (max-width: 1200px) {
  h3.dynamic {
    width: 90%;
  }
}
#divconteneur {
  position: absolute;
  top: 12vw;
  z-index: 5;
  width: 120%;
  height: 70vh;
  margin-left: -25%;
  margin-right: -25%;
  box-shadow: inset 0 0 10px 10px white;
}
@media screen and (max-width: 1200px) {
  #divconteneur {
    margin-left: -5%;
    margin-right: -5%;
    width: 115%;
    overflow: hidden;
  }
}
@media screen and (min-height: 1200px) {
  #divconteneur {
    width: 105%;
  }
}
#divimageb {
  position: absolute;
  opacity: 0;
  FILTER: alpha(opacity=0);
}
#divimagea {
  position: absolute;
  opacity: 1;
  FILTER: alpha(opacity=100);
}