* {
  padding: 0px;
  margin: 0px; }


#ad, #stage {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#ad {
  visibility: hidden; }

#ad a {
  color: #009758; }

#stage {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000;
  cursor: pointer;
  overflow: hidden; }

.thin {
  letter-spacing: -0.2em; }

#bg {
  background: url("pharmachien_bg.jpg") no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  height: 250px;
  opacity: 1; }

#bg_lite {
  background: url("pharmachien_bg_lite.jpg") no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  height: 250px;
  opacity: 0; }

#bg2 {
  background: url("pharmachien_bg2.jpg") no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  height: 250px;
  opacity: 0; }

#container_personnage {
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  height: 250px;
  opacity: 0; }

#personnage {
  background-size: contain;
  position: absolute;
  left: 0;
  top: -22px;
  width: 300px;
  height: 250px;
  opacity: 1; }

#titre {
  position: absolute;
  left: 12px;
  bottom: 67px;
  width: 274px;
  opacity: 0; }

#txt {
  background: url("pharmachien_txt.png") no-repeat;
  background-size: cover;
  position: absolute;
  left: 28px;
  bottom: 19px;
  width: 98px;
  height: 34px;
  opacity: 0; }

#logo {
  background: url("pharmachien_logo.png") no-repeat;
  background-size: cover;
  position: absolute;
  left: 137px;
  bottom: 18px;
  width: 133px;
  height: 37px;
  opacity: 0; }

#cta {
  width: 300px;
  height: 250px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0; }