div.contenu
{
	height: auto;
	background: black;
	width: auto;
}

div.contenu div.left
{
	Float: left;
	height: auto;
}


div.contenu div.full
{
	Float: left;
	height: 440px;
	width: 1000px;
	padding:30px;
	padding-left:50px;
	/*margin-left:20px;*/
	/*border: 1px solid red;*/
}

div.contenu div.center
{
	Float: none;
	height: auto;
	width: auto;
	/*border: 1px solid red;*/
}

div.contenu div.right
{
	Float: right;
	height: 500px;
	width: 250px;
	background: white;
}

div.demobox{
		overflow:hidden;
	}
	
div.demobox{position:relative;}

div.details{
		width: 88px;
		height: 184px;
		background:#000;
		color:#fff;
		text-align:center;
	}
	
div.demobox img{
		opacity:1;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
		transition: opacity;
		transition-timing-function: ease-out;
		transition-duration: 500ms;
	}
div.demobox div.details{
		position:absolute;
		top:0;
		left:0;
		opacity: 0;
		filter:alpha(opacity=0);
		-moz-opacity:0;

		-webkit-transition: 0;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
		transition: opacity;
		transition-timing-function: ease-out;
		transition-duration: 500ms;
	}
	
div.demobox div.details:hover{
		opacity: .9;
		filter:alpha(opacity=100);
		-moz-opacity:.9;
		
		width: 88;
		height: 184;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
		transition: opacity;
		transition-timing-function: ease-out;
		transition-duration: 500ms;
	}