/*?
 * @need template/categorie.css
?*/

#list.moo3DCarousel
{
	width: 100%;
}

#focus
{
	position: absolute;
	top: 0;
	bottom: 50%;
	left: 20%;
	right: 20%;
}

#focus .item
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;

	padding: 15px 20px;

	background: white;
	background-color: rgba(255, 255, 255, 0.75);

	color: black;

	border: 1px solid rgb(157, 9, 17);

	border-radius: 20px;

	opacity: 0;

	z-index: 0;

	transition-property: opacity, z-index;
	transition-delay: 0s, 1s;
	transition-duration: 1s, 0s;
	-moz-transition-property: opacity, z-index;
	-moz-transition-delay: 0s, 1s;
	-moz-transition-duration: 1s, 0s;
	-webkit-transition-property: opacity, z-index;
	-webkit-transition-delay: 0s, 1s;
	-webkit-transition-duration: 1s, 0s;
	-o-transition-property: opacity, z-index;
	-o-transition-delay: 0s, 1s;
	-o-transition-duration: 1s, 0s;
}

#focus .item.presented
{
	opacity: 1;

	z-index: 300;

	transition-delay: 0s;
	-moz-transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
}

#focus .item h2
{
	margin-bottom: 10px
	text-align: center;
}

#focus .item p
{
	color: white;
}