/* Point of ViUU - CSS */
	
	.perspective .perspective_diap:focus { outline:none; }
	/* Plugin container */
	.perspective {
		float:left; overflow:hidden; position:relative; /* <- Do not change this line */
/*!*/	width:850px; /* Required - Adapt to your template */
/*!*/	height:311px; /* Required - Adapt to your template */
		margin:30px 0;
	}
		/* Plugin content */
		.perspective .perspective_diap {
			position:absolute; /* <- Do not change this line */
/*!*/		width:750px; /* Required - Adapt to your template (Add padding if needed) */
/*!*/		height:311px; /* Required - Adapt to your template (Add padding if needed) */
			background:url(../images/shadow_med.png) left bottom no-repeat;
		}
			/* Plugin content image */
			.perspective_diap img {
/*!*/			width:750px; /* Required - Adapt to your template */
/*!*/			height:300px; /* Required - Adapt to your template */
			}
			/* All description will be in this 'p' */
			.perspective_diap p {
				position:absolute; display:none; /* <- Do not change this line */
				z-index:5; /* Change if needed */
				background:#fff;
				padding:10px 20px;
				font-size:24px;
				color:#086b7f;
			}
				/* Add class if you want different display in your description text */
				/* Description position */
				.perspective_diap p.right { right:12px; }
				.perspective_diap p.left { left:12px; }
				.perspective_diap p.top { top:-12px; }
				.perspective_diap p.bottom { bottom:0px; }
				
				/* Description style */
				.perspective_diap p.full_width { width:710px; top:-24px; left:0; background:#086b7f; color:#fff; }
				.perspective_diap p span { display:block; color:#aaa; font-size:12px; padding:5px 0 0 0; }
	
	/* overlay on the images to simulate Darkening */
	em.darkPers {
		position:absolute; top:0; left:0; /* <- Do not change this line */
		cursor:pointer; /* If you want a cursor pointer on your images */
		background:#086b7f; /* <- choose your color here */
	}
	
	
	
/* If you use Timer and/or play */
	
	/* Timer */
	span.timer_rota {
		position:absolute; overflow:hidden; /* <- Do not change this line */
		z-index:10; /* Change if needed */
		width:24px;
		height:24px;
		top:10px; /* Position in container */
		right:10px; /* Position in container */
	}
		span.timer_rota span {
			position:absolute; /* <- Do not change this line */
			width:24px;
			height:576px;
			background:url(sprite_cercle.png) no-repeat;
		}
	
	/* Play - Pause */
	span.pause_rota,
	span.play_rota {
		position:absolute; cursor:pointer; /* <- Do not change this line */
		z-index:10; /* Change if needed */
		width:24px;
		height:24px;
		top:10px; /* Position by default in container */
		right:44px; /* Position by default in container */
		background:url(sprite_lecture.png) right top no-repeat;
		}
		span.play_rota { background-position: right bottom; }
		span.pause_rota:hover { background-position: left top; }
		span.play_rota:hover { background-position: left bottom; }