#credits{
		background-color: #f4dcbd ;
}
	.titrepartie h2{
			font-size:1.7em;
			line-height:1.2em;
			text-align:center;
			color:#333;
			margin-top:0.47em;
			margin-bottom:1.3em;
		 text-transform:uppercase;
		  text-shadow: 0.05em 0.02em 0.07em gray;
		}


#creditsa, #creditsb{
	background-color: white;
	padding-left:3em;
	padding-right:0;
	border:none;
}

.creditsb{
	padding-left:3em;
	font-size:0.8em;
}

	#creditsa a, #creditsb a{
		text-decoration: none;
		color: #2a2828;
		-webkit-transition: all 0.6s ease-in-out,;
			-moz-transition: all 0.6s ease-in-out,;
			-o-transition: all 0.6s ease-in-out,;
			-ms-transition: all 0.6s ease-in-out,;
			transition: all 0.6s ease-in-out,;
		}
		#creditsa a:hover, #creditsb a:hover{
			cursor:pointer;
			color:#2a2828;
			text-shadow: 0.8px 0.5px 1.8px rgba(0, 0, 0, 1);
		}


	#creditsa h3, #creditsb h3{
			padding-left:0em;
			padding-top:2em;
			margin-bottom:1em;
			font-size:1.6em;
			line-height:1.2em;
			text-align:left;
			color:#333;
		 text-transform:uppercase;
		  text-shadow: 0.05em 0.02em 0.07em gray;
		}

/*/////////////////////////////////////////////
					UCO et biblitohèque UCO
////////////////////////////////////////////*/

		ul.menu {
				cursor: default;
			}
			
				ul.menu li {
					display: inline-block;
					line-height: 1em;
					border-left: solid 1px rgba(145,146,147,0.25);
					padding: 0 0 0 0.5em;
					margin: 0 0 0 0.5em;
				}
				
				ul.menu li:first-child {
					border-left: 0;
					padding-left: 0;
					margin-left: 0;
				}
		
		
		
		
		
		
		
	.effetexte{
		font-family:kreon, garamond, serif;
		font-weight:600;
	}
	.small{
		padding-top:0;
		margin-bottom:2em;
		font-size:0.7em;
		line-height:1em;
		text-align:left;
	}
	.lettrine{
		float:left;
		font-size:4em;
		line-height:0.8em;
		font-family:Garamond, Serif;
		text-shadow: 0.01em 0.01em 0.01em gray;
		padding-top:0;
		margin:0;
		vertical-align:top;
		margin-right:5px;
	}
	
					.textright{
					padding-top:2%;
						padding-left:45%;
					}
					.textleft{
						padding-top:1.25%;
						padding-right:7%;
						text-align:justify;
						line-height:1.5em;
					}
					.textcenter{
						text-align:center;
						padding-top:1.25%;
						padding-left:7%;
						padding-right:7%;
						line-height:1.5em;
					}
.signe{
		text-align:right; 
		line-height:1.4em;
		font-size:0.8em;
		padding-left:40%; 
	}					
	/*//////////////////////
													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;		
												}

	
/*/////////////////////////////////////////////////////////											
///////////////////////////////////////////////////////////*/		
	/* Button */

		.button {
			background-color:#cbb599;
			border: 0;
			border-radius: 3.5em;
			color: #fff;
			cursor: pointer;
			display: inline-block;
			height: 3.5em;
			line-height: 3.5em;
			outline: 0;
			padding: 0 2em 0 2em;
			margin-bottom:2em;
			position: relative;
			text-align: center;
			text-decoration: none;
				-moz-appearance: none;
				-webkit-appearance: none;
				-o-appearance: none;
				-ms-appearance: none;
			appearance: none;
				-moz-transition: all 0.2s ease-in-out;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}
			.button.down {
				width: 4em;
				height: 4em;
				line-height: 4.5em;
				padding: 0;
				background-image: url('images/dark-arrow.svg');
				background-position: center center;
				background-repeat: no-repeat;
				text-indent: -10em;
				overflow: hidden;
			}
			.button:hover {background-color:#ba9c77;}
			.button:active {background-color:#cbb599;	}

/*/////////////////////////////////////////////////////////////
					Animation pdf Inventaires
/////////////////////////////////////////////////////////////*/
		.menuimage {
			display:block;
			overflow-y:hidden;
			overflow:hidden;
		}		
.menuimage img{
		margin:0 auto;
		}	




											
@media only screen and (min-width: 400px) {
	.titrepartie h2{
		font-size:1.5em;
		line-height:1em;
	}
	#creditsb{

	}
	img{

	}
	.manus{
padding-bottom:4%;
	width:280px;
	height:250px;
	}
}
@media only screen and (min-width: 700px) {
	.titrepartie h2{
		font-size:1.5em;
		line-height:1em;
	}
	#creditsb{
	padding-left:3em;
	}
	img{

	}
	.manus{
padding-bottom:10%;
	width:380px;
	height:350px;
	}
}
@media only screen and (min-width: 900px) {
	.titrepartie h2{
		font-size:1.5em;
		line-height:1em;
	}
	#creditsb{
	padding-left:3em;
	}
	img{

	}
	.manus{
padding-bottom:10%;
	width:400px;
	height:375px;
	}
}

@media only screen and (min-width: 1100px) {
	.titrepartie h2{
		font-size:1.8em;
		line-height:1em;
	}
	#creditsb{
	padding-left:3em;
	}
	img{
	}
	.manus{
padding-bottom:15%;
	width:450px;
	height:425px;
	}
}
@media only screen and (min-width: 1250px) {
	.titrepartie h2{
		font-size:1.8em;
		line-height:1em;
	}
	#creditsb{
	padding-left:3em;
	}
	img{
	}
	.manus{
padding-bottom:5%;
	width:450px;
	height:425px;
	}
}
@media only screen and (min-width: 1280px) {
	.titrepartie h2{
		font-size:2em;
		line-height:1em;
	}
	#creditsb{
	padding-left:5em;
	}
	.manus{
padding-bottom:2%;
	width:525px;
	height:425px;
	}
}