/* extrait du theme pricipal */

body {
	font-family: "Open sans Condensed", sans-serif;
	font-weight:100;
	}

.navigation, .credits, .switches {
	display: none;
	}

.ft-page {
    padding: 4rem;
    padding:40px;
    background-color:#B93D30;
	} 
	
.black{background-color:#222;}
.white{background-color:#eee;}

.flowtime h1
 {
	display: block;
	-o-transition: all 0.3s cubic-bezier(.77, .10, .22, 1);
	-moz-transition: all 0.3s cubic-bezier(.77, .10, .22, 1);
	-webkit-transition: all 0.3s cubic-bezier(.77, .10, .22, 1);
	transition: all 0.3s cubic-bezier(.77, .10, .22, 1);
	}

/* headings */

.flowtime .white h1,
.flowtime .white h2{
	font-family: 'Lato', sans serif;
	font-weight: 700;
	color:#000;
	text-shadow: -1px -3px 0px rgba(255,255,255,0.9);
	}

.flowtime .black h1,
.flowtime .black h2{
	font-family: 'Lato', sans serif;
	font-weight: 700;
	color:#eee;
	text-shadow: -1px -3px 0px rgba(55,55,55,0.9);
	}

.flowtime h3, 
.flowtime h4,
.flowtime h5,
.flowtime h6 {
	font-family: 'PT sans narrow', sans serif;
	font-weight:100;
	color: #A49376;
	text-shadow: -1px -2px 0 rgba(255,255,255,0.9);
	}

.flowtime h1 {
	font-size: 4rem;
	line-height: 4rem;
	margin: 1rem 0 2rem 0;
	}



    
    
/* paragraph */

.flowtime p {
	font-size: 1.6rem;
	line-height: 1.8rem;
	text-align:justify;
	}

.flowtime .white p em, .white em{
	font-family:Open sans;
	font-style:italic;
	font-weight:100;
	color:#A59D92;
	}

.flowtime .black p em, .black em  {
	font-family:Open sans;
	font-style:italic;
	font-weight:100;
	color:#D8BA5A;
	}

.flowtime p strong {
	font-family:'Open sans';
	color:#A59D92;	
	font-weight:100;
	}



/* variations */

.flowtime strong {
	font-family:'Open sans';
	color:#D8BA5A;	
	font-weight:100;
	}
	
.flowtime .small {
	font-size: 0.6em;
	}

.flowtime .attention {
	color: #F03B13;
	text-shadow: 1px 2px 0 #205E0D, 1px -1px 0 
	rgba(117, 163, 58, 0.47), 1px -1px 0 rgba(117, 163, 58,0.3), -1px -1px 0 rgba(117, 163, 58,0.3), -1px 1px 0 rgba(117, 163, 58,0.3);
	}

.flowtime sup {
	font-size: 0.7em;
	position: relative;
	top: -0.5em;
	}


/* lists */



.flowtime li,
.flowtime dd {
	line-height: 1.75rem;
	margin-bottom: 1rem;
	position: relative;
	}

.flowtime li:last-child{
margin-bottom:30rem;
}

/* links and focus */

.flowtime a,
.flowtime a:link,
.flowtime a:visited,
.flowtime a:hover,
.flowtime a:active,
.flowtime a:focus, 
.flowtime a:hover img,
.flowtime a:active img,
.flowtime a:focus img {
color:#FFF;
	text-decoration:none;
	text-shadow: 1px 1px 1px #111;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	}


.flowtime a:hover,
.flowtime a:active,
.flowtime a:focus, 
.flowtime a:hover img,
.flowtime a:active img,
.flowtime a:focus img {
	color: #F3C250;
	outline: none;
	padding:0.1rem;
	text-decoration:none;
	background-color: rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.2);
	box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.2);
	}

.flowtime a:hover img,
.flowtime a:active img,
.flowtime a:focus img {
	-webkit-box-shadow: 1px 2px 10px 5px rgba(0,0,0,0.5);
	box-shadow: 1px 2px 10px 5px rgba(0,0,0,0.5);
	}

/* stackable content */

.flowtime .stack {
	width: 100%;
	height: 100%;
	margin: 1rem 0;
	position: relative;
	}

.flowtime .stacked {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	}

.flowtime img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	}

/* horizontally and vertically centered stackable content */

.flowtime .stack-center {
	text-align: center;
	white-space: nowrap;
	position: absolute;
	top: 	2rem;
	right: 	2rem;
	bottom: 2rem;
	left: 	2rem;
}

.flowtime .stack-center:before {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.flowtime .stack-center .stacked-center {
	white-space: normal;
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
}


.title{
	display:block;
	position:absolute;
	white-space:pre-wrap;
	top:10%;
	left:10%;
	width:80%;
	height:80%;
	}
	
/* page titre */
.title h1{
   position:relative;
    font-size:6rem;
    line-height:5rem;
    padding-top:1rem;
    text-align:center;
    }
    
.realisateur {
    font-size:4rem;
    margin-top:-3rem;
    color:#C5C4BE;
    font-family:"Open Sans Condensed";
    font-weight:normal;
    text-align:center;
    }
  
    
.thine {
	width:70%;
	margin:0.2rem auto;
	display:block;
	position:relative;
	font-family:'Open Sans Condensed';
	color:#eee;	
	font-weight:100;
	font-size:1.1rem !important;
	line-height:1.4rem !important;
	}
    
.title, .title p{
    font-size:2.5rem;
    margin-top:-0.1rem;
    font-family:"Open Sans Condensed";
    font-weight:400;	
    color:#666;
    text-align:center;
}

.crosse {
    	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(/img/white_cross.png) no-repeat center center;
	text-indent: 200%;
	color: #eee;
	outline: none;
	z-index: 100;
	} 
	
	
/* parallax demo */

.parallax-demo {
	overflow: hidden;
	}

.parallax-demo .kingmix {
	position: absolute;
	left: 20%;
	bottom: -10%;
	z-index: 50;
	}

.parallax-demo .sax {
	position: absolute;
	left: 6%;
	bottom: -18%;
	z-index: 40;
	}

.parallax-demo .tone {
	position: absolute;
	left: 49%;
	bottom: -32%;
	z-index: 30;
	}