@font-face {
    font-family: 'Adobe Caslon Pro';
    src: url('http://paulsaintbris.com/FONT/ACaslonPro-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'gotham_mediumregular';
    src: url('http://paulsaintbris.com/FONT/gotham-medium-webfont.eot');
    src: url('http://paulsaintbris.com/FONT/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'), url('http://paulsaintbris.com/FONT/gotham-medium-webfont.woff') format('woff'), url('http://paulsaintbris.com/FONT/gotham-medium-webfont.ttf') format('truetype'), url('http://paulsaintbris.com/FONT/gotham-medium-webfont.svg#gotham_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_boldregular';
    src: url('http://paulsaintbris.com/FONT/gotham-bold-webfont.eot');
    src: url('http://paulsaintbris.com/FONT/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://paulsaintbris.com/FONT/gotham-bold-webfont.woff') format('woff'), url('http://paulsaintbris.com/FONT/gotham-bold-webfont.ttf') format('truetype'), url('http://paulsaintbris.com/FONT/gotham-bold-webfont.svg#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, html {
    overflow: hidden;
  }

/*@media screen and (max-width: 1024px) {
body, html {
	height: 100%;
  }	
}*/

body {
	overflow:hidden;
    margin: 0;
    padding: 0;
  	background-color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a:link {
    text-decoration: none;
    color: #000;
}

a:visited {
    color: #000;
}

a:hover {
	border-bottom : 2px solid #000;
}
.current {
	border-bottom : 2px solid #000;
}

.about {
	font-family: 'Adobe Caslon Pro';
	font-size: 24px;
    width: 740px;
    height: auto;
    /*background-color: red;*/
    margin-top: 200px;
    margin-left: auto;
    margin-right: auto;
}
.about a:link {
	border-bottom: 1px solid #000;
}
.about a:hover {
	border-bottom: 2px solid #000;
}
.ref {
	font-size: 18px;
	font-style: italic;
	text-align: left;
	margin-bottom: 300px;
}

.psb {
	position: fixed;
    height: 125px;
    width: 125px;
	top: 35px;
	left: 35px;
	z-index: 200;
	/*background-color: yellow;*/
}
.picto {
	position: fixed;
	width: 350px;
	left: 50%;
	margin-left: -150px;
	top: 30px;
	height: auto;
	z-index: 200;
}
.menu1 {
	position: fixed;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	top: 45px;
	padding-right: 50px;
	font-family: gotham_boldregular;
	font-size: 14px;
	text-align: center;
	z-index: 200;
	/*background-color: green;*/
}

.menu2 {
	position: fixed;
	right: 45px;
	top: 45px;
	width: 360px;
	text-align: right;
	font-family: gotham_boldregular;
	font-size: 14px;
	z-index: 200;
	/*background-color: yellow;*/
}
.fullscreen {
   max-width: 100%;
   min-width: 100%;
   height: auto;
}
.menulabel {
	margin-left: 14px;
}

.story_label {
	display: none;
	position: fixed;
	left: 40px;
	bottom:30px;
	z-index: 10;
	text-align: left;
}
.story_block {
	width: 360px;
	z-index: 200;
}
.story_title {
	font-family: gotham_boldregular;
	font-size: 36px;
	line-height: 40px;
/*	pointer-events: none;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;*/
	text-align: left;
}
.story_title2 {
	font-family: gotham_boldregular;
	font-size: 30px;
	line-height: 28px;
/*	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;*/
	text-align: left;
}
.story_description {
	font-family: Adobe Caslon Pro;
	font-size: 14px;
	padding-left: 5px;
	margin-top: 16px;
	text-align: left;
}

.story_description a:link {
	border-bottom : 1px solid #000;
}
.story_description a:visited {
	border-bottom : 1px solid #000;
}
.story_description a:hover {
	border-bottom : 2px solid #000;
}

.footer {
	margin-top: 100px;
}

.dot {
    font-size: 26px;
    font-weight: bold;
}



  /* Style du parallax
  --------------------------------------------- */
 
/* centre the content in the parallax layers */

/*.title {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
*/
  
.parallax {
    height: 500px; /* fallback for older browsers */
    height: 100vh;
 	overflow-x: hidden;
 	overflow-y: auto;
 	-webkit-perspective: 300px;
 	perspective: 300px;
}
  
.parallax_group {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	/*height: 20px; /* fallback for older browsers */
	/*height: 400px;*/
  	-webkit-transform-style: preserve-3d;
  	transform-style: preserve-3d;
}

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


.parallax_layer1 {
	-webkit-transform: translateZ(-40px) scale(1.15);
	transform: translateZ(-40px) scale(1.15);
 	z-index: 1;
} 
.parallax_layer1b {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
 	z-index: 100;
} 

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

.parallax_layer3 {
 	-webkit-transform: translateZ(20px) scale(0.7);
 	transform: translateZ(20px) scale(0.7);
 	z-index: 3;
}

.parallax_layer4 {
 	-webkit-transform: translateZ(-40px) scale(1);
 	transform: translateZ(-40px) scale(1);
 	z-index: 8;
}

.parallax_layer5 {
 	-webkit-transform: translateZ(0px) scale(1);
 	transform: translateZ(0px) scale(1);
 	z-index:10;
}


#bookclub {
	top: 250px;
	height: 900px;	
}
#bookclub .parallax_layer1 {
	top: 440px;
	left: 240px;
}
#bookclub .parallax_layer1b {
	top: 440px;
	left: 780px;
}
#bookclub .parallax_layer2 {
	top: -100px;
	left: 720px;
}
#bookclub2 {
	top: -600px;
	height: 300px;	
}
#bookclub2 .parallax_layer5 {
	left: 0px;
}


#ninaricci {
	top: 250px;
	height: 1200px;
}
#ninaricci .parallax_layer1 {
	top: 00px;
	left: 270px;
}
#ninaricci .parallax_layer1b {
	top: 600px;
	left: 720px;
}
#ninaricci .parallax_layer2 {
	top: 260px;
	left: 620px;
}

#ninaricci2 {
}
#ninaricci2 .parallax_layer5 {
	top: -660px;
	left: 000px;
 	width: 720px;
}










#perles {
	top: 000px;
	height: 500px;
}
#perles .parallax_layer1 {
	top: 0px;
	left: 10px;
}
#perles .parallax_layer1b {
	top: 600px;
	left: 0px;
}

#perles2 {
	/*height: 850px;*/
}
#perles2 .parallax_layer5 {
	top: -250px;
	left: 300px;
 	width: 720px;
}


#zadig {
margin-top: 600px;
	height: 900px;
}
#zadig .parallax_layer1 {
	top: 00px;
}
#zadig .parallax_layer1b {
	top: 470px;
	left: -10px;
}
#zadig .parallax_layer2 {
	top: 40px;
	left: 400px;
}
#zadig .parallax_layer3{
	top: 30px;
	left: 150px;
}


#laperla {
	top: 100px;
	height: 900px;	
}
#laperla .parallax_layer1 {
	top: 440px;
	left: 240px;
}
#laperla .parallax_layer1b {
	top: 440px;
	left: 780px;
}
#laperla .parallax_layer2 {
	top: -100px;
	left: 720px;
}
#laperla2 {
	top: -700px;
	height: 300px;	
}
#laperla2 .parallax_layer5 {

	left: 0px;
}


#toryburch {
	top: 250px;
	height: 1100px;
}
#toryburch .parallax_layer1 {
	top: 0px;
	left: 10px;
}
#toryburch .parallax_layer1b {
	top: 350px;
	left: 0px;
}

#toryburch2 {
}
#toryburch2 .parallax_layer5 {
	top: -650px;
	left: 300px;
 	width: 720px;
}

#eres {
	margin-top: 150px;
	height: 300px;
}
#eres .parallax_layer1 {
	top: 440px;
	left: 240px;
}
#eres .parallax_layer1b {
	top: 540px;
	left: 780px;
}
#eres .parallax_layer2 {
	top: -100px;
	left: 720px;
}
#eres .parallax_layer3 {
	top: 750px;
}
#eres .parallax_layer4 {
	top: 1500px;
}

#eres2 {
	/*height: 1000px;*/
}
#eres2 .parallax_layer5 {
	top: -190px;
	left: 0px;
}


#louboutin {
	margin-top: 900px;
	height: 900px;
}
#louboutin .parallax_layer1b {
	top: 390px;
	left: 150px;
}
#louboutin .parallax_layer5 {
	top: 0px;
	left: 150px;
}





#canopea2 {
	height: 1000px;
}
#canopea2 .parallax_layer1 {
	top: 00px;
	left: 00px;
}
#canopea2 .parallax_layer1b {
	top: 340px;
	left: 800px;
}
#canopea2 .parallax_layer2 {
	top: -30px;
	left: 600px;
}
#canopea2 .parallax_layer5 {
	top: 240px;
	left: 180px;
}




#br {
	height: 350px;
}
#br .parallax_layer1 {	
	left: 300px;
}
#br .parallax_layer1b {	
	top: 670px;
	left: 720px;
}
#br .parallax_layer2 {	
	top: 300px;
	left: 550px;
}
#br2 {
	/*height: 900px;*/
}
#br2 .parallax_layer5 {
	top: 0px;
	left: 0px;
}



#mauboussin {
	margin-top: 800px;
	height: 500px;
}
#mauboussin .parallax_layer1b {
	top: 420px;
	left: 150px;
}


#mauboussin .parallax_layer5 {
	top: 0px;
	left: 150px;
}



#canopea {
margin-top: 400px;
	height: 1100px;
}
#canopea .parallax_layer1 {
	top: 00px;
}
#canopea .parallax_layer1b {
	top: 450px;
	left: -10px;
}
#canopea .parallax_layer2 {
	top: 40px;
	left: 400px;
}
#canopea .parallax_layer3{
	top: 30px;
	left: 150px;
}


#lacoste {
	height: 1200px;
}
#lacoste .parallax_layer1 {
	top: 00px;
	left: 00px;
}
#lacoste .parallax_layer1b {
	top: 340px;
	left: 800px;
}
#lacoste .parallax_layer2 {
	top: -30px;
	left: 600px;
}
#lacoste .parallax_layer5 {
	top: 240px;
	left: 180px;
}



#castelbajac {
	height:1300px;
}
#castelbajac .parallax_layer1 {
	top: 00px;
	left: 0px;
}
#castelbajac .parallax_layer1b {
	top: 370px;
	left: -10px;
}
#castelbajac .parallax_layer2 {
	top: 00px;
	left: 750px;
}
#castelbajac .parallax_layer5 {
	top: 240px;
	left: 260px;
}






#journe {
	height: 1200px;
}
#journe .parallax_layer1 {
	top: 0px;
}
#journe .parallax_layer1b {
	top: 40px;
	left: 370px;
}
#journe .parallax_layer2 {
	top: 160px;
	left: 300px;
}
#journe .parallax_layer3 {
	top: 600px;
}



#empty2 {
	height: 400px;
}

#sleepingbeauties {
	height:1800px;
}
#sleepingbeauties .parallax_layer1 {
	top: 120px;
	left: 0px;
}
#sleepingbeauties .parallax_layer1b {
	top: 00px;
	left: 630px;
}
#sleepingbeauties .parallax_layer2 {
	top: 260px;
	left: 500px;
}
#sleepingbeauties .parallax_layer3 {
	top: 280px;
	left: 70px;
}
#sleepingbeauties .parallax_layer4 {
	top: 800px;
	left: 450px;
}
#sleepingbeauties .parallax_layer5 {
	top: 950px;
	left: 40px;
}


#captainjet {
	height:1000px;
}
#captainjet .parallax_layer1 {
	top: 10px;
	left: 0px;
}
#captainjet .parallax_layer1b {
	top: 250px;
	left: 730px;
}
#captainjet .parallax_layer2 {
	top: -200px;
	left: 400px;
}
#captainjet .parallax_layer5 {
	top: 180px;
	left: 100px;
}

#taisneriocour {
	height:1100px;
}


#pictoresq {
	height:1100px;
}
#pictoresq .parallax_layer1 {
	top: 00px;
	left: 72px;
}
#pictoresq .parallax_layer1b {
	top: 460px;
	left: 580px;
}
#pictoresq .parallax_layer2 {
	top: 100px;
}
#pictoresq .parallax_layer3 {
	top: 400px;
}
#pictoresq .parallax_layer4 {
	top: 700px;
}
#pictoresq .parallax_layer5 {
	top: 600px;
}



#opium {
	height:1100px;
}
#opium .parallax_layer1 {
	top: 0px;
	left: 20px;
}
#opium .parallax_layer1b {
	top: 0px;
	left: 550px;
}
#opium .parallax_layer2 {
	top: 140px;
	left: 480px;
}
#opium .parallax_layer3 {
	top: 330px;
	left: 100px;
}
#opium .parallax_layer4 {
	top: 400px;
}
#opium .parallax_layer5 {
	top: 1800px;
}




#touch {
	height:1000px;
}
#touch .parallax_layer1 {
	top: 0px;
	left: 100px;
}
#touch .parallax_layer1b {
	top: 280px;
	left: 630px;
}


#princip {
	margin-top:200px;
}