#partie5{
		background-color: #f4dcbd;
}

#partie5a{
	background-color: white;
	padding-left:3em;
	padding-right:3em;
}
#partie5b{
	background-color: white;
	padding-left:3em;
	padding-right:3em;
}
	#partie5a h3, #partie5b h3{
			padding-top:2em;
			margin-bottom:2em;
			font-size:1.6em;
			line-height:1.5em;
			text-align:left;
			color:#333;
		 text-transform:uppercase;
		  text-shadow: 0.05em 0.02em 0.07em gray;
		}
	#partie5a p, , #partie5b p{
		margin-bottom:1em;
	}
	
	
.bibliographie{
height:100%;
	text-align:left;
	padding-top:2%;
	padding-left:7%;
	padding-right:5%;
}	
	
.bibliographie p{
	display:block;
	clear:both;
}		
.bibliographie2{
	padding-left:7%;
}
.bibliographie2 h5{
	font-size:1.2em;
	padding-bottom:1.3em;
	text-align:left;
	text-transform:uppercase;
	text-shadow: 0.05em 0.02em 0.07em gray;
}
	.bibliographie2 p{
	font-size:0.8em;
	line-height:1em;
	display:block;
	clear:both;
	padding-right:10%;
	text-align:left;
}	

	
	
	#partie5a .signe{
		text-align:right; 
		line-height:1.4em;
		font-size:0.8em;
		padding-left:60%; 
	}
	#partie5a .soustitre{
		font-family:kreon, garamond, serif;
		font-weight:600;
		text-align:left;
		margin-left:-2em;
	}
	#partie5a .soustitre2{
		font-family:kreon, garamond, serif;
		font-weight:400;
		text-align:left;
		margin-top:-2.5em;
	}

	.textright{
	padding-top:2%;
		padding-left:52%;
		float:right;
	}
	.textleft{
		padding-top:2%;
		padding-right:52%;
		float:left;
	}
	.textcenter{
		text-align:center;
		padding-top:2%;
		padding-left:20%;
		padding-right:20%;
	}
										/*//////////////////////
													PARTIE SUIVANTE
										//////////////////////*/
											.partiesuivante{
												float:right; 
												text-align:right; 
												padding-right:1em; 
												padding-top:0.7em;
											}
												.partiesuivante a{
													-webkit-transition: all 0.2s linear;
													-moz-transition: all 0.2s linear;			
													-o-transition: all 0.2s linear;
													-ms-transition: all 0.2s linear;
													transition: all 0.2s linear;
												}
												.partiesuivante a:hover{
													color:inherit;
												  text-shadow: 0.1em 0.02em 0.1em gray;		
												}
										/*//////////////////////
													PARTIE PRECEDENTE
										//////////////////////*/
											.partieprecedente{
												float:left; 
												text-align:left; 
												padding-left:1em; 
												padding-top:0.7em;
											}
												.partieprecedente a{
													-webkit-transition: all 0.2s linear;
													-moz-transition: all 0.2s linear;			
													-o-transition: all 0.2s linear;
													-ms-transition: all 0.2s linear;
													transition: all 0.2s linear;
												}
												.partieprecedente a:hover{
													color:inherit;
												  text-shadow: 0.1em 0.02em 0.1em gray;		
												}
		#partie5 a{
			-webkit-transition: all 0.15s linear;
			-moz-transition: all 0.15s linear;			
			-o-transition: all 0.15s linear;
			-ms-transition: all 0.15s linear;
			transition: all 0.15s linear;
		}
		#partie5 a:hover{
			color:inherit;
		  text-shadow: 0.03em 0.03em 0.05em gray;		
		}
/*///////////  ANIMATION DES PARTIES ACTIVEES     ///////////*/					
					#generalites{display:none; z-index:10; height:auto; bottom:0;}
					#generalites:target {display:block; z-index:10; height:auto; bottom:1em;}
					#qumran{display:none; z-index:10; height:auto; bottom:0;}
					#qumran:target {display:block; z-index:10; height:auto; bottom:1em;}
					#ougarit{display:none; z-index:10; height:auto; bottom:0;}
					#ougarit:target {display:block; z-index:10; height:auto; bottom:1em;}
					#bible{display:none; z-index:10; height:auto; bottom:0;}
					#bible:target {display:block; z-index:10; height:auto; bottom:1em;}
.apparition {
z-index:10;
top:0;
	-webkit-animation: apparition 1.4s ease-out;
	-moz-animation: apparition 1.4s ease-out;
	animation: apparition 1.4s ease-out;
}
		@-webkit-keyframes apparition {
			from { opacity: 0; }
			to { opacity: 1; }
		}
		@-moz-keyframes apparition {
			from { -moz-opacity: 0; }
			to { -moz-opacity: 1; }
		}
		@keyframes apparition {
			from { opacity: 0; }
			to { opacity: 1; }
		}		
							.fromRight {
							z-index:10;
							top:0;
								-webkit-animation: fromRight 1.4s ease-out;
								-moz-animation: fromRight 1.4s ease-out;
								animation: fromRight 1.4s ease-out;
							}
									@-webkit-keyframes fromRight {
										from { -webkit-transform:translateX(80%); }
										to { -webkit-transform:translateX(0%); }
									}
									@-moz-keyframes fromRight {
										from { -moz-transform:translateX(80%); }
										to { -moz-transform:translateX(0%); }
									}
									@keyframes fromRight {
										from { transform:translateX(80%); }
										to { transform:translateX(0%); }
									}			
/*///////////////////////////////////////////////////////
					Scroll-top
///////////////////////////////////////////////////////*/		
	#scroll-top{
		display:none;
		position:fixed;
		bottom:20px;
		right:20px;
		margin:0;
		padding:0;
		width:3.5%;
		height:7.5%;
		background-image:url(../partie5/scroll-top.png);
		background-size: auto auto;
		background-position:center center;
		background-repeat:no-repeat;
		background-color:rgba(0,0,0,0.4);
		text-indent:-9999px;
		cursor:pointer;
		z-index:2000;
	}
	#scroll-top:hover{
		background-color:rgba(0,0,0,0.7);
		-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);
		-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);
		-o-box-shadow:0 0 5px rgba(0,0,0,0.3);
		-ms-box-shadow:0 0 5px rgba(0,0,0,0.3);
		box-shadow:0 0 5px rgba(0,0,0,0.3);
	}
	#scroll-top{
		-webkit-transition:all 0.35s ease;
		-moz-transition:all 0.35s ease;
		-o-transition:all 0.35s ease;
		-ms-transition:all 0.35s ease;
		transition:all 0.35s ease;
		-webkit-transform:translateZ(0);
		-moz-transform:translateZ(0);
		-o-transform:translateZ(0);
		-ms-transform:translateZ(0);
		transform:translateZ(0);
	}
		
/*//////////////////////////////////////////////////
							LIVRES  POUR  BIBLIOGRAPHIE
//////////////////////////////////////////////////*/
				/* basic grid, only for this demo */
				.index{ z-index:1;}
				.align {
				background-color:white;
				z-index:400;
				margin-left:-2em;
					clear: both;
					margin: 70px auto 20px;
					margin-left:0;
					width: 100%;
					text-align: center;
				}
				.align > li {
					width: 6.7em;
					display: inline-block;
					margin: 1em 1.7em 2em 1.7em;
					padding: 0 0 0 0px;
					vertical-align: top;
				}
/*
	1. container
*/

.book {
	position: relative;
	width: 5.7em; 
	height: 8em;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.book p{
	text-transform:uppercase;
}
.book ul li{
	padding-top:2.4em;	
}
/*
	2. background & color
*/

/* HARDCOVER FRONT */

.paperback_front {
	background-color: #000;
}

.paperback_front::after{
	background-image: -webkit-linear-gradient( -135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
	background-image: -moz-linear-gradient( -135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
	background-image: linear-gradient( -135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.paperback_back {
	background-color: #333;
}

/* page */

.ruled_paper > li {
	background-color: #fff;
	background-image: -webkit-linear-gradient(rgba(200, 200, 200, 0.1) 0.1em, transparent 0.1em), -webkit-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
	background-image: -moz-linear-gradient(rgba(200, 200, 200, 0.1) 0.1em, transparent 0.1em), -moz-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
	background-image: -ms-linear-gradient(rgba(200, 200, 200, 0.1) 0.1em, transparent 0.1em), -moz-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
	background-image: linear-gradient(rgba(200, 200, 200, 0.1) 0.1em, transparent 0.1em), linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
	background-size: 100% 0.6em;
	box-shadow: inset 0px -1px 2px rgba(50, 50, 50, 0.1), inset -1px 0px 1px rgba(150, 150, 150, 0.2);
	border-radius: 0px 10px 10px 0px;
}

/*
	3. opening cover, back cover and pages
*/

.paperback_front {
	-webkit-transform: rotateY(-38deg) translateZ(0px);
	-moz-transform: rotateY(-38deg) translateZ(0px);
	transform: rotateY(-38deg) translateZ(0px);
	z-index: 100;
}

.paperback_back {
	-webkit-transform: rotateY(-25deg);
	-moz-transform: rotateY(-25deg);
	transform: rotateY(-25deg);
}

.ruled_paper li:nth-child(1) {
	-webkit-transform: rotateY(-27deg);
	-moz-transform: rotateY(-27deg);
	transform: rotateY(-27deg);
}

.ruled_paper li:nth-child(2) {
	-webkit-transform: rotateY(-29deg);
	-moz-transform: rotateY(-29deg);
	transform: rotateY(-29deg);
}

.ruled_paper li:nth-child(3) {
	-webkit-transform: rotateY(-31deg);
	-moz-transform: rotateY(-31deg);
	transform: rotateY(-31deg);
}

.ruled_paper li:nth-child(4) {
	-webkit-transform: rotateY(-33deg);
	-moz-transform: rotateY(-33deg);
	transform: rotateY(-33deg);
}

.ruled_paper li:nth-child(5) {
	-webkit-transform: rotateY(-35deg);
	-moz-transform: rotateY(-35deg);
	transform: rotateY(-35deg);
}

/*
	4. position, transform y transition
*/

.paperback_front,
.paperback_back,
.paperback_front li,
.paperback_back li {
	border-radius: 2px 8px 8px 2px;
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.paperback_front,
.paperback_back {
	-webkit-transform-origin: 0% 100%;
	-moz-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
}

.paperback_front{
	-webkit-transition: all 0.5s ease, z-index 0.6s;
	-moz-transition: all 0.5s ease, z-index 0.6s;
	transition: all 0.5s ease, z-index 0.6s;
}

.paperback_front li img,
.paperback_back li img {
	border-radius: 2px 8px 8px 2px;
	position: absolute;
	top: 0;
	left: 0;
}

/* Ruled paper */

.ruled_paper,
.ruled_paper > li {
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.ruled_paper {
	width: 98%;
	height: 98%;
	top: 1%;
	left: 1%;
	z-index: 10;
}

.ruled_paper > li {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ruled_paper > li {
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition-property: transform;
	-moz-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	transition-timing-function: ease;
}

.ruled_paper li:nth-child(1) {
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	transition-duration: 0.6s;
}

.ruled_paper li:nth-child(2) {
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	transition-duration: 0.6s;
}

.ruled_paper li:nth-child(3) {
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.ruled_paper li:nth-child(4) {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.ruled_paper li:nth-child(5) {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

/*
	5. events
*/

.book:hover > .paperback_front {
	-webkit-transform: rotateY(-125deg) translateZ(0px);
	-moz-transform: rotateY(-125deg) translateZ(0px);
	transform: rotateY(-125deg) translateZ(0px);
	z-index: 0;
}

.book:hover > .ruled_paper li:nth-child(1) {
	-webkit-transform: rotateY(-30deg);
	-moz-transform: rotateY(-30deg);
	transform: rotateY(-30deg);
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	transition-duration: 1.5s;
}

.book:hover > .ruled_paper li:nth-child(2) {
	-webkit-transform: rotateY(-35deg);
	-moz-transform: rotateY(-35deg);
	transform: rotateY(-35deg);
	-webkit-transition-duration: 1.8s;
	-moz-transition-duration: 1.8s;
	transition-duration: 1.8s;
}

.book:hover > .ruled_paper li:nth-child(3) {
	-webkit-transform: rotateY(-110deg);
	-moz-transform: rotateY(-110deg);
	transform: rotateY(-110deg);
	-webkit-transition-duration: 2.2s;
	-moz-transition-duration: 2.2s;
	transition-duration: 2.2s;
}

.book:hover > .ruled_paper li:nth-child(4) {
	-webkit-transform: rotateY(-115deg);
	-moz-transform: rotateY(-115deg);
	transform: rotateY(-115deg);
	-webkit-transition-duration: 1.8s;
	-moz-transition-duration: 1.8s;
	transition-duration: 1.8s;
}

.book:hover > .ruled_paper li:nth-child(5) {
	-webkit-transform: rotateY(-120deg);
	-moz-transform: rotateY(-120deg);
	transform: rotateY(-120deg);
	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	transition-duration: 1.2s;
}

/* Cover colors */
.green {
	background: #aad4ad;
}
.sable {
	background: #cbb599;
}
.blue {
	background: #99c8cb;
}
.red {
	background: #f79e91;
}	
		
		
		
		
		
		
		
		
		
		
		
		
		
@media only screen and (min-width: 400px) {
	.titrepartie h2{
		font-size:1.5em;
		line-height:1em;
	}
	img{
	
	}
	
}

@media only screen and (min-width: 700px) {
	.titrepartie h2{
		font-size:1.5em;
	}
	.align > li {
		display: inline-block;
		margin: 1em 1.15em 2em 1.15em;
	}
.book {
	position: relative;
	width: 5em; 
	height: 7em;
}
.book p{
	font-size:0.8em;
	line-height:1.2em;
}
	.align > li {
		display: inline-block;
		margin: 1em 0.75em 2em 0.75em;
	}
.book {
	position: relative;
	width: 5em; 
	height: 7em;
}
.book p{
	font-size:0.8em;
	line-height:1.2em;
}
}

@media only screen and (min-width: 900px) {
	.titrepartie h2{
		font-size:1.5em;
	}
	img{
		width:65%;
	}
	.align > li {
		display: inline-block;
		margin: 1em 0.75em 2em 0.75em;
	}
.book {
	position: relative;
	width: 5em; 
	height: 7em;
}
.book p{
	font-size:0.8em;
	line-height:1.2em;
}
}

@media only screen and (min-width: 1100px) {
	.titrepartie h2{
		font-size:1.8em;
	}
	img{
		width:50%;
	}
	.align > li {
		display: inline-block;
		margin: 1em 1.15em 2em 1.15em;
	}
.book {
	position: relative;
	width: 5em; 
	height: 7em;
}
.book p{
	font-size:0.8em;
	line-height:1.2em;
}
}

@media only screen and (min-width: 1280px) {
	.titrepartie h2{
		font-size:2em;
	}
	img{
		width:55%;
	}
	.align > li {
		display: inline-block;
		margin: 1em 1.4em 2em 1.4em;
	}
.book {
	position: relative;
	width: 5.6em; 
	height: 7.8em;
}
.book p{
	font-size:0.8em;
	line-height:1.2em;
}
}