body{
background: #495151; /* Old browsers */
background: -moz-linear-gradient(top,  #495151 0%, #aaa594 53%, #aaa594 65%, #494941 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#495151), color-stop(53%,#aaa594), color-stop(65%,#aaa594), color-stop(100%,#494941)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #495151 0%,#aaa594 53%,#aaa594 65%,#494941 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #495151 0%,#aaa594 53%,#aaa594 65%,#494941 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #495151 0%,#aaa594 53%,#aaa594 65%,#494941 100%); /* IE10+ */
background: linear-gradient(to bottom,  #495151 0%,#aaa594 53%,#aaa594 65%,#494941 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#495151', endColorstr='#494941',GradientType=0 ); /* IE6-9 */
z-index:0;
text-shadow:1px 1px 1px #555;
font-family:'Open sans condensed';
}


body, html {
font-style:10px;
}

* {
padding:0;
}

a {
text-decoration:none;
}

ul, ul li{
list-style:none;
}

/* centre the content in the parallax layers */
img {
display:block;
position: absolute;
left: 0;
top:0;
}

figure img{
display:block;
position: relative;
left:0;
top:0;
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}

.fig1{
width:82%;
left:5%;
}
.img1{
width:100%;
}

.fig2{
width:82%;
left:5%;
}
img2{
width:100%;
}

.title {
display:block;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.trailer_title {
font-size:2em;
color:#7F94BD;
}

.trailer_trailer {
font-size:2em;
color:#C3CDE1;
}

.phone_trailer_title {
font-size:3em;
color:#7F94BD;
}

.phone_trailer_trailer {
font-size:3em;
color:#C3CDE1;
}
.texte {
display:block;
text-align: justify;
position: absolute;
width:60%;
left: 35%;
top:25%;
-webkit-transform: translate(-25%, -25%);
transform: translate(-25%, -25%);
z-index:100 !important;
}

#resume h1, #resume h4 {
display:block;
position:relative;
text-align:center;
}

#resume h4 {
font-weight:normal;
}

#resume p {
display:block;
position:relative;
color:rgba(255,255,255,1);
text-shadow:1px 1px 1px #111;
opacity:1;
z-index:1000;
}

.footer{
position: absolute;
z-index: 100;
bottom: 1vh;
top: auto;
font-size: 80%;
text-align: center;
width: 100%;
}

/* Parallax base styles
--------------------------------------------- */

.parallax {
height:500px;
height:100vh;
overflow-x: hidden;
overflow-y: auto;
-webkit-perspective: 300px;
perspective: 300px;
}

.pl_slide {
position: relative;
height: 100%; /* fallback for older browsers */
height:100vh;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.pl {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.pl_a{
-webkit-transform: scale(1);
transform: scale(1);
z-index: 6;
}

.pl_b {
-webkit-transform: translateZ(400px) scale(.5);
transform: translateZ(400px) scale(.5);
z-index: 6;
}

.pl_fore-fore {
-webkit-transform: translateZ(150px) scale(.7);
transform: translateZ(150px) scale(.7);
z-index: 5;
}

.pl_fore {
-webkit-transform: translateZ(110px) scale(.7);
transform: translateZ(110px) scale(.7);
z-index: 1;
}

.pl_base {
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 4;
}

.pl_back {
-webkit-transform: translate(-300px) scale(.6);
transform: translate(-300px) scale(.6);
z-index: 3;
}

.pl_back_back {
-webkit-transform: translateZ(-600px) scale(1);
transform: translateZ(-600px) scale(1);
z-index: 2;
}




/* style the slides
--------------------------------------------- */

#1 {
z-index: 5; 
}
#1.pl_base {
background:transparent;
}

#2 {
z-index: 4; 
}
#2.pl_base{
background:transparent;
}
#2.pl_fore {
z-index:3;
background: transparent;
background-size:cover;
}

#slide3 {
z-index: 4; 
}
#slide3.pl_a {
background:transparent;
}

#4 {
z-index: 2; /* slide under slide 3 and 5 */
}
#4 .pl_back_back {
background: rgb(184,223,101);
}

#5 {
z-index: 3; /* slide over slide 4 and 6 */
}
#5 .pl_base {
background: rgb(214,229,100);
}

#6 {
z-index: 2; /* slide under slide 5 and 7 */
}
#6 .pl_back {
background: rgb(245,235,100);
}

#7 {
z-index: 3; /* slide over slide 7 */
}
#7 .plr_base {
background: rgb(255,241,100);