body, html {
  height: 100%;
  background: #000000;
}

nav a {
  color: transparent;
}

nav a:hover {
  color: transparent;
}

.preserve {
  width: 280px;
  margin: 5px 0px 5px 0px;
}

.left {
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top:-30px;
  z-index: 100;
}

.right {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top:-30px;
  z-index: 100;
}

.cartel {
  position: absolute;
  position :absolute;
  width: 300px;
}

.cartel span {
  display: inline-block;
  padding: 10px;
  background: url(../img/world/fondcartel.png)
}

.text_diapo p,
.text_diapo h1,
.text_diapo h2,
.text_diapo h3,
.text_diapo h4,
.text_diapo h5,
.text_diapo h6 {
  padding: 0px 0px 10px 0px;
}

.text_diapo p:last-child {
  padding: 0;
}

.cartel-position-0 {
  left: 30px;
  top: 100px;
}

.cartel-position-1 {
  right: 30px;
  top: 100px;
}

.cartel-position-2 {
  left: 30px;
  bottom: 30px;
}

.cartel-position-3 {
  right: 30px;
  bottom: 30px;
}

.flag {
  z-index: 100;
}

p a,

h1,
.text_diapo h1,
.text_diapo h1 em,
.text_diapo h1 strong,
.text_diapo h1 u,
.text_diapo h1 s,
.text_diapo h1 a,

h2,
.text_diapo h2,
.text_diapo h2 em,
.text_diapo h2 strong,
.text_diapo h2 u,
.text_diapo h2 s,
.text_diapo h2 a,

h3,
.text_diapo h3,
.text_diapo h3 em,
.text_diapo h3 strong,
.text_diapo h3 u,
.text_diapo h3 s,
.text_diapo h3 a,

h4,
.text_diapo h4,
.text_diapo h4 em,
.text_diapo h4 strong,
.text_diapo h4 u,
.text_diapo h4 s,
.text_diapo h4 a,

h5,
.text_diapo h5,
.text_diapo h5 em,
.text_diapo h5 strong,
.text_diapo h5 u,
.text_diapo h5 s,
.text_diapo h5 a,

h6,
.text_diapo h6,
.text_diapo h6 em,
.text_diapo h6 strong,
.text_diapo h6 u,
.text_diapo h6 s,
.text_diapo h6 a,

.text_diapo p,
.text_diapo address {
  color: #FFF;
}

.text_diapo p a,
.text_diapo h1 a,
.text_diapo h2 a,
.text_diapo h3 a,
.text_diapo h4 a,
.text_diapo h5 a,
.text_diapo h6 a {
  text-decoration: underline;
  color: #FFF;
}

.text_diapo h1 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
}

.text_diapo h2,
.text_diapo h2 span,
.text_diapo h2 em,
.text_diapo h2 strong,
.text_diapo h2 u,
.text_diapo h2 s,
.text_diapo h2 a {
  font-family: 'machineregular';
  font-weight: 100;
  font-size: 21px;
  line-height: 23px;
}

.text_diapo h3,
.text_diapo h3 span,
.text_diapo h3 em,
.text_diapo h3 strong,
.text_diapo h3 u,
.text_diapo h3 s,
.text_diapo h3 a {
  font-family: 'retroville_ncregular';
  font-weight: 100;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -3px;
}

.text_diapo h4,
.text_diapo h4 span,
.text_diapo h4 em,
.text_diapo h4 strong,
.text_diapo h4 u,
.text_diapo h4 s,
.text_diapo h4 a {
  font-family: 'nbp_sydnie2_standardregular';
  font-weight: 100;
}

.text_diapo h5, .text_diapo h5 span, .text_diapo h5 a, .text_diapo h5 strong, .text_diapo h5 em {
  font-size: 13px;
  line-height: 18px;
  padding: 0px 0px 0px 0px;
  font-weight: 300;
}

.text_diapo h6, .text_diapo h6 span, .text_diapo h6 a, .text_diapo h6 strong, .text_diapo h6 em {
  font-size: 13px;
  line-height: 18px;
  padding: 15px 0px 0px 0px;
  font-weight: 300;
}

.text_diapo em {
  font-style: italic;
}


@media screen and (max-width:640px) {

  .cartel-position-0 {
    left: 10px;
    top: 60px;
  }

  .cartel-position-1 {
    right: 10px;
    top: 70px;
  }

  .cartel-position-2 {
    left: 10px;
    bottom: 10px;
  }

  .cartel-position-3 {
    right: 10px;
    bottom: 10px;
  }

}