body {
background: rgb(154,71,47);
/* Old browsers */
background: -moz-linear-gradient(top,  rgba(154,71,47,1) 20%, rgba(150,86,65,1) 26%, rgba(201,103,88,1) 34%, rgba(170,119,75,1) 41%, rgba(89,91,91,1) 47%, rgba(89,91,91,1) 50%, rgba(170,119,75,1) 55%, rgba(242,115,106,1) 60%, rgba(150,86,65,1) 65%, rgba(154,71,47,1) 80%, rgba(67,22,16,1) 99%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(154,71,47,1)), color-stop(26%,rgba(150,86,65,1)), color-stop(34%,rgba(201,103,88,1)), color-stop(41%,rgba(170,119,75,1)), color-stop(47%,rgba(89,91,91,1)), color-stop(50%,rgba(89,91,91,1)), color-stop(55%,rgba(170,119,75,1)), color-stop(60%,rgba(242,115,106,1)), color-stop(65%,rgba(150,86,65,1)), color-stop(80%,rgba(154,71,47,1)), color-stop(99%,rgba(67,22,16,1)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(154,71,47,1) 20%,rgba(150,86,65,1) 26%,rgba(201,103,88,1) 34%,rgba(170,119,75,1) 41%,rgba(89,91,91,1) 47%,rgba(89,91,91,1) 50%,rgba(170,119,75,1) 55%,rgba(242,115,106,1) 60%,rgba(150,86,65,1) 65%,rgba(154,71,47,1) 80%,rgba(67,22,16,1) 99%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(154,71,47,1) 20%,rgba(150,86,65,1) 26%,rgba(201,103,88,1) 34%,rgba(170,119,75,1) 41%,rgba(89,91,91,1) 47%,rgba(89,91,91,1) 50%,rgba(170,119,75,1) 55%,rgba(242,115,106,1) 60%,rgba(150,86,65,1) 65%,rgba(154,71,47,1) 80%,rgba(67,22,16,1) 99%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(154,71,47,1) 20%,rgba(150,86,65,1) 26%,rgba(201,103,88,1) 34%,rgba(170,119,75,1) 41%,rgba(89,91,91,1) 47%,rgba(89,91,91,1) 50%,rgba(170,119,75,1) 55%,rgba(242,115,106,1) 60%,rgba(150,86,65,1) 65%,rgba(154,71,47,1) 80%,rgba(67,22,16,1) 99%);
/* IE10+ */
background: linear-gradient(to bottom,  rgba(154,71,47,1) 20%,rgba(150,86,65,1) 26%,rgba(201,103,88,1) 34%,rgba(170,119,75,1) 41%,rgba(89,91,91,1) 47%,rgba(89,91,91,1) 50%,rgba(170,119,75,1) 55%,rgba(242,115,106,1) 60%,rgba(150,86,65,1) 65%,rgba(154,71,47,1) 80%,rgba(67,22,16,1) 99%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a472f', endColorstr='#431610',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: 98%;
max-width:230px;
margin:0 auto;
}

.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 {
position: relative;
text-align: center;
line-height: 1.2em;
padding-top: 2em;
}


#resume h4 {
font-weight: normal;
}

#resume p {
display: block;
position: relative;
padding-top: 2em;
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: url('../img/bg_2.png')no-repeat center top;
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);