@charset "utf-8";
/* CSS Document */

body, html{
	margin: 0;
	padding: 0;
	height:100%;
	background-size:50%;
}

body {
	display:block;
}

img {
	border: 0;
}

.button-overlay {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 11;
}

.button-overlay a {
  display: block;
}

.button-overlay img {
  width: 250px;
  height: auto;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

.story{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
}

.scene {
  background-size: contain !important;
  color: white;
	height: 120%;
	padding:0;	
}

.rotate {
  background-color:#374b5f;
  position: relative;
	height: 100%;
  padding:0;
  text-align: center;
}

.rotate img {
  width: 70%;
  margin: 0 auto;
  transform: translateY(50%);
  top: -50%;
}

.scene .words-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.scene .words {
  height: 120%;
	padding: 0;
  position: absolute;
  top: 0;
  left: 0;
	width:inherit;
  z-index: 10;
  background-size: contain !important;
}

#intro {
	background:url(../img/scenes/s-01.svg) 50% no-repeat;
  background-color:#374b5f;
  /* background-size: auto !important; */
  position: relative;
}

#scene1 {
	background: url(../img/scenes/s-02.svg) 50% no-repeat;
	background-color:#eac5b6;
}

#scene2 {
	background: url(../img/scenes/s-03.svg) 50% no-repeat;
	background-color:#e9d1c6;
}

#scene3 {
	background: url(../img/scenes/s-04.svg) 50% no-repeat;
	background-color:#f6efea;
}

#scene4{
	background: url(../img/scenes/s-05.svg) 50% no-repeat;
	background-color:#e8e0dd;
}

#scene5{
	background: url(../img/scenes/s-06.svg) 50% no-repeat;
	background-color:#c9d3d6;
}

#scene6{
	background: url(../img/scenes/s-07.svg) 50% no-repeat;
	background-color:white;
}

#scene7{
	background: url(../img/scenes/s-08.svg) 50% no-repeat;
	background-color:white;
}

#scene8{
	background: url(../img/scenes/s-09.svg) 50% no-repeat;
	background-color:white;
}

#scene9{
	background: url(../img/scenes/s-10.svg) 50% no-repeat;
	background-color:#d7cfa5;
}

#scene10{
	background: url(../img/scenes/s-11.svg) 50% no-repeat;
	background-color:#606f7f;
}

#scene11{
	background: url(../img/scenes/s-12.svg) 50% no-repeat;
	background-color:#b6c4b1;
}

#scene12{
	background: url(../img/scenes/s-13.svg) 50% no-repeat;
	background-color:#dfe5e8;
}

#scene13{
	background: url(../img/scenes/s-14.svg) 50% no-repeat;
	background-color:#a9e4f8;
}

#scene14{
	background: url(../img/scenes/s-15.svg) 50% no-repeat;
	background-color:#e1edf1;
}

#scene15{
	background: url(../img/scenes/s-16.svg) 50% no-repeat;
	background-color:#dfe5e8;
}

#scene16 {
  text-align: center;
  height: 100%;
}

#scene16 svg{
  height: 100vh;
  width: auto;
  max-width: 100vw;
}

#scene1 .words {
  background:url(../img/words/words-02.svg) 50% no-repeat;
}

#scene2 .words {
  background:url(../img/words/words-03.svg) 50% no-repeat;
}

#scene3 .words {
  background:url(../img/words/words-04.svg) 50% no-repeat;
}

#scene4 .words {
  background:url(../img/words/words-05.svg) 50% no-repeat;
}

#scene5 .words {
  background:url(../img/words/words-06.svg) 50% no-repeat;
}

#scene6 .words {
  background:url(../img/words/words-07.svg) 50% no-repeat;
}

#scene7 .words {
  background:url(../img/words/words-08.svg) 50% no-repeat;
}

#scene8 .words {
  background:url(../img/words/words-09-new.svg) 50% no-repeat;
}

#scene9 .words {
  background:url(../img/words/words-10.svg) 50% no-repeat;
}

#scene10 .words {
  background:url(../img/words/words-11.svg) 50% no-repeat;
}

#scene11 .words {
  background:url(../img/words/words-12-new.svg) 50% no-repeat;
}

#scene12 .words {
  background:url(../img/words/words-13.svg) 50% no-repeat;
}

#scene13 .words {
  background:url(../img/words/words-14.svg) 50% no-repeat;
}

#scene14 .words {
  background:url(../img/words/words-15.svg) 50% no-repeat;
}

#scene15 .words {
  background:url(../img/words/words-16-new.svg) 50% no-repeat;
}

@media (min-height:720px) {
  .scene {
    background-attachment: fixed !important;
  }
}
@media (max-height:720px) {
  .words {
    background-position-y: 10px !important;
  }
}

@media only screen and (orientation:portrait){
  .rotate{ display:block; }
  .scene{ display:none; }
  .button-overlay{ display:none; }
}
@media only screen and (orientation:landscape){
  .rotate{ display:none; }
  .scene{ display:block; }
}

/* 
@media (min-height:649px) {
	
	#scene19{
    background: url(images/fond18.jpg) 50% no-repeat;
    background-color:#000;
    background-size:contain;
    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
    z-index:2;
  }

  #scene19 .bg{
    background: url(images/velo18.png) 50% 105% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
    top:0px;
  }
}

@media (min-height:679px) {
	#scene19{
    background: url(images/fond18.jpg) 50% no-repeat;
    background-color:#000;
    background-size:contain;
    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
    z-index:2;
  }

  #scene19 .bg{
    background: url(images/velo18.png) 50% 97% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
    top:0px;
  }
    
    
    #scene1{
    background: url(images/fond1.jpg) 50% no-repeat;
    background-color:#f4d0ad;
    background-size:1200px;

    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
  }

  #scene1 .bg{
    background: url(images/traveler.png) 50% 84.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }

  #scene2{
    background: url(images/fond2.jpg) 50% 0 no-repeat;
    background-color:#b1deed;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene2 .bg{
    background: url(images/weirdo.png) 50% 78.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }

  #scene3{
    background: url(images/fond3.jpg) 50% 0 no-repeat;
    background-color:#f79cc1;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene3 .bg{
    background: url(images/velo3.png) 50% 83% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }

  #scene4{
    background: url(images/fond4.jpg) 50% 0 no-repeat;
    background-color:#abe7f4;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene4 .bg{
    background: url(images/velo4.png) 50% 85% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }

  #scene5{
    background: url(images/fond5.jpg) 50% 0 no-repeat;
    background-color:#f8d5b8;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene5 .bg{
    background: url(images/velo5.png) 50% 85% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene6{
    background: url(images/fond6.jpg) 50% 0 no-repeat;
    background-color:#a0e3ff;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene6 .bg{
    background: url(images/velo6.png) 50% 82% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene7{
    background: url(images/fond7.jpg) 50% 0 no-repeat;
    background-color:#f7ca7d;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene7 .bg{
    background: url(images/velo7.png) 50% 84% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene8{
    background: url(images/fond8.jpg) 50% 0 no-repeat;
    background-color:#fbdff8;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene8 .bg{
    background: url(images/velo8.png) 50% 86% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene9{
    background: url(images/fond9.jpg) 50% 0 no-repeat;
    background-color:#c6deff;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene9 .bg{
    background: url(images/velo9.png) 50% 82% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene10{
    background: url(images/fond10.jpg) 50% 0 no-repeat;
    background-color:#91f9d3;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene10 .bg{
    background: url(images/velo10.png) 50% 83% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene11{
    background: url(images/fond11.jpg) 50% 0 no-repeat;
    background-color:#f8c075;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene11 .bg{
    background: url(images/velo11.png) 50% 80% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene12{
    background: url(images/fond122.jpg) 50% 0 no-repeat;
    background-color:#ffd4ab;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene12 .bg{
    background: url(images/velo12.png) 50% 80.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene13{
    background: url(images/fond13.jpg) 50% 0 no-repeat;
    background-color:#b2fad7;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene13 .bg{
    background: url(images/velo13.png) 50% 82% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene14{
    background: url(images/fond14.jpg) 50% 0 no-repeat;
    background-color:#dbdbdb;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene14 .bg{
    background: url(images/velo14.png) 50% 83.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene15{
    background: url(images/fond15.jpg) 50% 0 no-repeat;
    background-color:#fddcae;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene15 .bg{
    background: url(images/velo15.png) 50% 83% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene16{
    background: url(images/fond16.jpg) 50% 0 no-repeat;
    background-color:#fb9d79;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene16 .bg{
    background: url(images/velo16.png) 50% 82.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene17{
    background: url(images/fond17.jpg) 50% 0 no-repeat;
    background-color:#f6978f;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene17 .bg{
    background: url(images/velo17.png) 50% 79.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
}

@media (min-height:720px) {
	#scene19{
    background: url(images/fond18.jpg) 50% no-repeat;
    background-color:#000;
    background-size:contain;
    z-index:2;
    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
  }

  #scene19 .bg{
    background: url(images/velo18.png) 50% 85% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
    top:0px;
  }
}

@media (min-height:750px) {
	#scene19{
    background: url(images/fond18.jpg) 50% no-repeat;
    background-color:#000;
    background-size:contain;
    z-index:2;
    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
  }

  #scene19 .bg{
    background: url(images/velo18.png) 50% 79% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
    top:0px;
  }
}

@media (min-height:780px) {
	#scene19{
    background: url(images/fond18.jpg) 50% no-repeat;
    background-color:#000;
    background-size:contain;
    z-index:2;
    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
  }

  #scene19 .bg{
    background: url(images/velo18.png) 50% 75% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
    top:0px;
  }
}

@media (min-height:800px) {
	#scene19{
    background: url(images/fond18.jpg) 50% no-repeat;
    background-color:#000;
    background-size:1200px;
    z-index:2;
    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
  }

  #scene19 .bg{
    background: url(images/velo18.png) 50% 90% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
    top:0px;
  }
    
    
  #scene1{
    background: url(images/fond1.jpg) 50% no-repeat;
    background-color:#f4d0ad;
    background-size:1200px;

    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
  }

  #scene1 .bg{
    background: url(images/traveler.png) 50% 84.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }

  #scene2{
    background: url(images/fond2.jpg) 50% 0 no-repeat;
    background-color:#b1deed;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene2 .bg{
    background: url(images/weirdo.png) 50% 78.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }

  #scene3{
    background: url(images/fond3.jpg) 50% 0 no-repeat;
    background-color:#f79cc1;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene3 .bg{
    background: url(images/velo3.png) 50% 83% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }

  #scene4{
    background: url(images/fond4.jpg) 50% 0 no-repeat;
    background-color:#abe7f4;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene4 .bg{
    background: url(images/velo4.png) 50% 85% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }

  #scene5{
    background: url(images/fond5.jpg) 50% 0 no-repeat;
    background-color:#f8d5b8;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene5 .bg{
    background: url(images/velo5.png) 50% 85% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene6{
    background: url(images/fond6.jpg) 50% 0 no-repeat;
    background-color:#a0e3ff;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene6 .bg{
    background: url(images/velo6.png) 50% 82% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene7{
    background: url(images/fond7.jpg) 50% 0 no-repeat;
    background-color:#f7ca7d;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene7 .bg{
    background: url(images/velo7.png) 50% 84% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene8{
    background: url(images/fond8.jpg) 50% 0 no-repeat;
    background-color:#fbdff8;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene8 .bg{
    background: url(images/velo8.png) 50% 86% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene9{
    background: url(images/fond9.jpg) 50% 0 no-repeat;
    background-color:#c6deff;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene9 .bg{
    background: url(images/velo9.png) 50% 82% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene10{
    background: url(images/fond10.jpg) 50% 0 no-repeat;
    background-color:#91f9d3;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene10 .bg{
    background: url(images/velo10.png) 50% 83% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene11{
    background: url(images/fond11.jpg) 50% 0 no-repeat;
    background-color:#f8c075;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene11 .bg{
    background: url(images/velo11.png) 50% 80% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene12{
    background: url(images/fond122.jpg) 50% 0 no-repeat;
    background-color:#ffd4ab;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene12 .bg{
    background: url(images/velo12.png) 50% 80.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene13{
    background: url(images/fond13.jpg) 50% 0 no-repeat;
    background-color:#b2fad7;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene13 .bg{
    background: url(images/velo13.png) 50% 82% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene14{
    background: url(images/fond14.jpg) 50% 0 no-repeat;
    background-color:#dbdbdb;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene14 .bg{
    background: url(images/velo14.png) 50% 83.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene15{
    background: url(images/fond15.jpg) 50% 0 no-repeat;
    background-color:#fddcae;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene15 .bg{
    background: url(images/velo15.png) 50% 83% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene16{
    background: url(images/fond16.jpg) 50% 0 no-repeat;
    background-color:#fb9d79;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene16 .bg{
    background: url(images/velo16.png) 50% 82.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene17{
    background: url(images/fond17.jpg) 50% 0 no-repeat;
    background-color:#f6978f;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene17 .bg{
    background: url(images/velo17.png) 50% 79.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
}

@media (min-height:840px) {
	#scene19{
    background: url(images/fond18.jpg) 50% no-repeat;
    background-color:#000;
    background-size:1200px;
    z-index:2;
    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
  }

  #scene19 .bg{
    background: url(images/velo18.png) 50% 84% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
    top:0px;
  }
}

@media (min-height:860px) {
	#scene19{
    background: url(images/fond18.jpg) 50% no-repeat;
    background-color:#000;
    background-size:1200px;
    z-index:2;
    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
  }

  #scene19 .bg{
    background: url(images/velo18.png) 50% 82% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
    top:0px;
  }
}

@media (min-height:900px) {
	#scene19{
    background: url(images/fond18.jpg) 50% no-repeat;
    background-color:#000;
    background-size:1200px;
    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
    z-index:2;
  }

  #scene19 .bg{
    background: url(images/velo18.png) 50% 92% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
    top:0px;
  }
    
    #scene1{
    background: url(images/fond1.jpg) 50% no-repeat;
    background-color:#f4d0ad;
    background-size:1200px;
    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
  }

  #scene1 .bg{
    background: url(images/traveler.png) 50% 84.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }

  #scene2{
    background: url(images/fond2.jpg) 50% 0 no-repeat;
    background-color:#b1deed;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene2 .bg{
    background: url(images/weirdo.png) 50% 78.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }

  #scene3{
    background: url(images/fond3.jpg) 50% 0 no-repeat;
    background-color:#f79cc1;
    background-size:1200px;

  color: white;
    height: 120%;
    padding:0;	
  }

  #scene3 .bg{
    background: url(images/velo3.png) 50% 83% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }

  #scene4{
    background: url(images/fond4.jpg) 50% 0 no-repeat;
    background-color:#abe7f4;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene4 .bg{
    background: url(images/velo4.png) 50% 85% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }

  #scene5{
    background: url(images/fond5.jpg) 50% 0 no-repeat;
    background-color:#f8d5b8;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene5 .bg{
    background: url(images/velo5.png) 50% 85% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene6{
    background: url(images/fond6.jpg) 50% 0 no-repeat;
    background-color:#a0e3ff;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene6 .bg{
    background: url(images/velo6.png) 50% 82% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene7{
    background: url(images/fond7.jpg) 50% 0 no-repeat;
    background-color:#f7ca7d;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene7 .bg{
    background: url(images/velo7.png) 50% 84% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene8{
    background: url(images/fond8.jpg) 50% 0 no-repeat;
    background-color:#fbdff8;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene8 .bg{
    background: url(images/velo8.png) 50% 86% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene9{
    background: url(images/fond9.jpg) 50% 0 no-repeat;
    background-color:#c6deff;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene9 .bg{
    background: url(images/velo9.png) 50% 82% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene10{
    background: url(images/fond10.jpg) 50% 0 no-repeat;
    background-color:#91f9d3;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene10 .bg{
    background: url(images/velo10.png) 50% 83% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene11{
    background: url(images/fond11.jpg) 50% 0 no-repeat;
    background-color:#f8c075;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene11 .bg{
    background: url(images/velo11.png) 50% 80% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene12{
    background: url(images/fond122.jpg) 50% 0 no-repeat;
    background-color:#ffd4ab;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene12 .bg{
    background: url(images/velo12.png) 50% 80.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene13{
    background: url(images/fond13.jpg) 50% 0 no-repeat;
    background-color:#b2fad7;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene13 .bg{
    background: url(images/velo13.png) 50% 82% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene14{
    background: url(images/fond14.jpg) 50% 0 no-repeat;
    background-color:#dbdbdb;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene14 .bg{
    background: url(images/velo14.png) 50% 83.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene15{
    background: url(images/fond15.jpg) 50% 0 no-repeat;
    background-color:#fddcae;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene15 .bg{
    background: url(images/velo15.png) 50% 83% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene16{
    background: url(images/fond16.jpg) 50% 0 no-repeat;
    background-color:#fb9d79;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene16 .bg{
    background: url(images/velo16.png) 50% 82.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene17{
    background: url(images/fond17.jpg) 50% 0 no-repeat;
    background-color:#f6978f;
    background-size:1200px;
    color: white;
    height: 120%;
    padding:0;	
  }

  #scene17 .bg{
    background: url(images/velo17.png) 50% 79.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
}

@media (min-height:940px) {
	#scene19{
    background: url(images/fond18.jpg) 50% no-repeat;
    background-color:#000;
    background-size:1200px;
    z-index:2;
    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
  }

  #scene19 .bg{
    background: url(images/velo18.png) 50% 77% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
    top:0px;
  }
}

@media (min-height:980px) {
	#scene19{
    background: url(images/fond18.jpg) 50% no-repeat;
    background-color:#000;
    background-size:1200px;
    z-index:2;
    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
  }

  #scene19 .bg{
    background: url(images/velo18.png) 50% 83% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
    top:0px;
  }
}

@media (min-height:1020px) {
	#scene19{
    background: url(images/fond18.jpg) 50% no-repeat;
    background-color:#000;
    background-size:1200px;
    z-index:2;
    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
  }

  #scene19 .bg{
    background: url(images/velo18.png) 50% 81% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
    top:0px;
  }
}

@media (min-height:1070px) {
	#scene19{
    background: url(images/fond18.jpg) 50% no-repeat;
    background-color:#000;
    background-size:1300px;
    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
    z-index:1;
  }

  #scene19 .bg{
    background: url(images/velo18.png) 50% 98% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
    top:0px;
  }
    
    #scene1{
    background: url(images/fond1.jpg) 50% no-repeat;
    background-color:#f4d0ad;
    background-size:1300px;
    color: white;
    height: 120%;
    width:100%;
    margin: 0 auto;
    padding-top:0;
    overflow: hidden;
  }

  #scene1 .bg{
    background: url(images/traveler.png) 50% 84.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }

  #scene2{
    background: url(images/fond2.jpg) 50% 0 no-repeat;
    background-color:#b1deed;	background-size:1300px;
  color: white;
    height: 120%;
    padding:0;	
  }

  #scene2 .bg{
    background: url(images/weirdo.png) 50% 78.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }

  #scene3{
    background: url(images/fond3.jpg) 50% 0 no-repeat;
    background-color:#f79cc1;
    background-size:1300px;

    color: white;
    height: 120%;
    padding:0;	
  }

  #scene3 .bg{
    background: url(images/velo3.png) 50% 83% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }

  #scene4{
    background: url(images/fond4.jpg) 50% 0 no-repeat;
    background-color:#abe7f4;
    background-size:1300px;

    color: white;
    height: 120%;
    padding:0;	
  }

  #scene4 .bg{
    background: url(images/velo4.png) 50% 85% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }

  #scene5{
    background: url(images/fond5.jpg) 50% 0 no-repeat;
    background-color:#f8d5b8;
    background-size:1300px;

    color: white;
    height: 120%;
    padding:0;	
  }

  #scene5 .bg{
    background: url(images/velo5.png) 50% 85% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene6{
    background: url(images/fond6.jpg) 50% 0 no-repeat;
    background-color:#a0e3ff;
    background-size:1300px;

    color: white;
    height: 120%;
    padding:0;	
  }

  #scene6 .bg{
    background: url(images/velo6.png) 50% 82% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene7{
    background: url(images/fond7.jpg) 50% 0 no-repeat;
    background-color:#f7ca7d;
    background-size:1300px;

    color: white;
    height: 120%;
    padding:0;	
  }

  #scene7 .bg{
    background: url(images/velo7.png) 50% 84% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene8{
    background: url(images/fond8.jpg) 50% 0 no-repeat;
    background-color:#fbdff8;
    background-size:1300px;

    color: white;
    height: 120%;
    padding:0;	
  }

  #scene8 .bg{
    background: url(images/velo8.png) 50% 86% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene9{
    background: url(images/fond9.jpg) 50% 0 no-repeat;
    background-color:#c6deff;
    background-size:1300px;

    color: white;
    height: 120%;
    padding:0;	
  }

  #scene9 .bg{
    background: url(images/velo9.png) 50% 82% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene10{
    background: url(images/fond10.jpg) 50% 0 no-repeat;
    background-color:#91f9d3;
    background-size:1300px;

    color: white;
    height: 120%;
    padding:0;	
  }

  #scene10 .bg{
    background: url(images/velo10.png) 50% 83% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene11{
    background: url(images/fond11.jpg) 50% 0 no-repeat;
    background-color:#f8c075;
    background-size:1300px;

    color: white;
    height: 120%;
    padding:0;	
  }

  #scene11 .bg{
    background: url(images/velo11.png) 50% 80% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene12{
    background: url(images/fond122.jpg) 50% 0 no-repeat;
    background-color:#ffd4ab;
    background-size:1300px;

    color: white;
    height: 120%;
    padding:0;	
  }

  #scene12 .bg{
    background: url(images/velo12.png) 50% 80.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene13{
    background: url(images/fond13.jpg) 50% 0 no-repeat;
    background-color:#b2fad7;
    background-size:1300px;

    color: white;
    height: 120%;
    padding:0;	
  }

  #scene13 .bg{
    background: url(images/velo13.png) 50% 82% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene14{
    background: url(images/fond14.jpg) 50% 0 no-repeat;
    background-color:#dbdbdb;
    background-size:1300px;

    color: white;
    height: 120%;
    padding:0;	
  }

  #scene14 .bg{
    background: url(images/velo14.png) 50% 83.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene15{
    background: url(images/fond15.jpg) 50% 0 no-repeat;
    background-color:#fddcae;
    background-size:1300px;

    color: white;
    height: 120%;
    padding:0;	
  }

  #scene15 .bg{
    background: url(images/velo15.png) 50% 83% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene16{
    background: url(images/fond16.jpg) 50% 0 no-repeat;
    background-color:#fb9d79;
    background-size:1300px;

    color: white;
    height: 120%;
    padding:0;	
  }

  #scene16 .bg{
    background: url(images/velo16.png) 50% 82.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
  #scene17{
    background: url(images/fond17.jpg) 50% 0 no-repeat;
    background-color:#f6978f;
    background-size:1300px;

    color: white;
    height: 120%;
    padding:0;	
  }

  #scene17 .bg{
    background: url(images/velo17.png) 50% 79.5% no-repeat;
    height: 120%;
    padding: 0;
    position: absolute;
    width:inherit;
    z-index: 10;
  }
} */