#contenu
{
z-index: 5;
	height: 90%;
	width: 100%;
	position: relative;
	left: 0;
	margin:0!important;
	padding:0!important;
	border:0!important;
}
	
	#photo
	{
		z-index: 0;
		position: float;
		left: 0;
		top: 0;
		max-height: 100%;
		max-width: 60%;
		min-height: 100%;
		min-width: 60%;
		background-color: rgba(255, 255, 255, 0.5);
		margin: 0 0 0 0;
		border: 0!important;
		padding: 0!important;
		text-align: center;
		overflow: hidden;
		direction: ltr!important;
	}
	
		#folio
		{
			z-index:1;
			cursor: pointer;
			margin: auto;
			padding: 0!important;
			height: 100%;
		}
		
		#ascenseur
		{
			position: fixed;
			top: 50%;
			left: 60%;
			width: 60px;
			height: 120px;
			margin-top: -30px;
			margin-left: -60px;
			background-color: rgba(255, 255, 255, 0);
			padding: 0!important;
			border: 0!important;
			opacity: 0.1;
		}
		.modezoomactive:hover
		{
			opacity: 1!important;
			animation : pulse 3s infinite;
			animation-timing-function: linear;	
			-webkit-animation : pulse 3s infinite;
			-webkit-animation-timing-function: linear;
		}
	
			@keyframes pulse
			{
			0%   {background-color: rgba(255, 255, 255, 0.1);}
			50% {background-color: rgba(255, 255, 255, 0.7);}
			100% {background-color: rgba(255, 255, 255, 0.1);}
			}
			@-webkit-keyframes pulse/* Safari and Chrome */
			{
			0%   {background-color: rgba(255, 255, 255, 0.1);}
			50% {background-color: rgba(255, 255, 255, 0.7);}
			100% {background-color: rgba(255, 255, 255, 0.1);}
			}

			#scrollUp
			{
				cursor: auto;
				margin: auto;
				display: block;
				margin-top: 10px;
				margin-bottom: 0px;
			}
			
			#center
			{
				cursor: auto;
				margin: auto;
				display: block;
				margin-top: 14px;
				margin-bottom: 14px;
			}
			
			#scrollDown			
			{	
				cursor: auto;
				margin: auto;
				display: block;
				margin-top: 0px;
				margin-bottom: 10px;
			}
			
	
	#zoneLectHoriz
	{
		z-index: 2;
		position: relative;
		height: 100%;
		width: 40%;
		margin: 0!important;
		border: 0!important;
		padding: 0!important;
	}
		#outils
		{
			clear: both;
			position: absolute;
			top:0;
			left:60%;
			width: 40%;
			margin: 0!important;
			border: 0!important;
			padding: 0!important;
		}
		
		#titreH
		{
			clear: both;
			position: absolute;
			top:6%;
			left:60%;
			width: 40%;
			margin: 0!important;
			border: 0!important;
			padding: 0!important;
		}
			#titreH h1
			{
				display: block;
				float: left;
				margin: 10px 0 15px 30px;
				font-size: 30px;
				font-family: Georgia, serif;
				font-weight: normal;
				line-height: 35px;
				max-width: 40%;		
			}
			#titreH p
			{
				color: #666666;
				display: block;
				text-align: bottom;
				float: left;
				margin: 15px 0 15px 20px;
				font-family: Georgia, serif;
				line-height: 35px;	
				font-size: 1.1em;
				max-width: 50%;
				line-height: 17px;
			}
			
		#appareil_critH
		{
			clear: both;
			position: absolute;
			top:20%;
			left:60%;
			width: 40%;
			margin: 0!important;
			border: 0!important;
			padding: 0!important;
			font-size: 0.9em;
		}		
			.ongletH
			{
				display: inline;
				position: relative;				
				left: 12.5%;
				top: -0.5em;
				z-index: 0;				
				color: grey;
				background-color: rgba(200, 200, 200, 0.5);
				font-size: 1.1em;
				opacity: 0.5;
				margin: 0 ;
				padding-top: 0.2em;
				padding-bottom: 0.2em;
				border-radius: 4px 0 0 0;
			}
			.ongletH:hover
			{
				z-index: 9;
				background-color: white;
				opacity: 0.9;
				border-bottom: 1px solid rgba(200, 200, 200, 0.6);
			}
			
			.ongletFolio
			{
				display: inline;
				position: absolute;				
				right: 7.5%;
				top: -1em;
				z-index: 0;				
				font-size: 1.2em;
				opacity: 0.5;
				margin: 0 0 0 5px ;
				padding-top: 4px;
				padding-bottom: 6px;
				padding-left: 27px;
				padding-right: 27px;
				text-align: center;
				font-family: Georgia, serif;
				background-color: rgba(100, 100, 100, 0.45);
				color: white;
			}
			.ongletFolio:hover
			{
				color: rgb(70, 70, 70);
			}

				.ongletFolio a
				{	
				}				

				#folioMoins
				{
					display: block;
					height: 1em;
					position: absolute;
					left: 0;
					top: 50%;
					margin-top: -0.5em  ;
					opacity: 1;
				}
				
				#folioPlus
				{
					display: block;
					height: 1em;
					position: absolute;
					right: 0;
					top: 50%;
					margin-top: -0.5em ;
					opacity: 1;
				}
		
		#texteH
		{
			clear: both;
			position: absolute;
			top:22%;
			left:65%;
			width: 30%;
			margin-left: auto;
			margin-right: auto;
			height: 67%;
			background-color: rgba(255, 255, 255, 0.9);
			padding-top: 1%;
			padding-left: 1%;
			padding-right: 1%;
			padding-bottom: 1.2em;
			overflow: auto;
		}
			
			#texteH p
			{
				display: block;
				margin: 0 10px 10px 15px;
			}

			span.F0
			{
				color: rgb(150, 150, 150);
			}

			span.F1
			{

			}
				span.F1 .coul1
				{
					background-color: rgba(255, 150, 0, 0.7);
					color: white;
				}
				span.F1 .coul2
				{
					background-color: rgba(200, 0, 150, 0.7);
					color: white;

				}
				span.F1 .coul3
				{
					background-color: rgba(0, 60, 20, 0.5);
					color: white;
				}
				span.F1 .coul4
				{
					background-color: rgba(170, 10, 10,0.8);
					color: white;
				}
				
			span.droiteal
			{
			text-align: right;
			}

			.ancreMarge
			{
				display: block!important ;
				position: absolute!important; 
				left: 0%!important;
			}

			.suppr
			{
				text-decoration: line-through;
				color: rgb(196,0,0);
			}

			.rempOut
			{
				text-decoration: line-through;
				color: rgb(255,145,7);
			}
			.rempIn
			{
				color: rgb(255,145,7);
			}

			.inser
			{
				color: rgb(34,127,8);
			}		

		#etat
		{
			position: absolute;
			top: 87%;
			left: 65%;
			width: 32%;
			margin: -0.1em auto;
			height: 4%;
			background-color: rgba(200, 200, 200, 0.2);
			color: grey;
		}
		#etat:hover
		{
			background-color: rgba(200, 200, 200, 0.8);
			color: white;
		}
		
			#etatMoins
			{
				z-index: 2;
				display: block;
				position: absolute;
				height: 1em;
				left: 10%;
				top: 50%;
				margin-top: -0.5em;
				opacity: 0.8;
			}
			#etatMoins:hover
			{
				opacity: 0.8;
			}
			
			#afficheEtat
			{
				z-index: 1;
				position: absolute;
				top:0;
				left: 50%;
				width: 100%;
				margin-left: -50%;
				margin-top: 3px;
				text-align: center;
				letter-spacing: 0.5em;
			}
			
			#etatPlus
			{
				z-index: 2;
				display: block;
				position: absolute;
				height: 1em;
				right: 10%;
				top: 50%;
				margin-top: -0.5em;
				opacity: 0.8;
			}
			#etatPlus:hover
			{
				opacity: 0.8;
			}
			
#piedReduit
{
	z-index:5;
	position: absolute;
	top: 96%;
	max-height: 2%;
	width: 100%;
	background-color: white;
	margin: 0!important;
	border: 0!important;
	padding: 0!important;
}