/* CSS Document */
			
	#artiste .photo{
		float:left;
		margin-bottom:20px;
	}
	
	#artiste h1{
		float:left;
		font-size:16px;
		vertical-align:top;
		margin-left:20px;
	}
	
	#artiste p{
		margin-top:20px;
		margin-bottom:20px;
		clear:left;
		font-size:11px;
		color:#333333;
		text-align:justify;
	}
	
	#artiste table td{
		width:100px;
		text-align:center;
		font-size:10px;
		color:#929292;
	}
	
	#artiste .cale{
		width:30px;
	}

	#droite{
		float:left;
		padding:0 20px 20px 20px;
		width:160px;
		height:100%;
		
		color:#686868;
		font-size:11px;
		font-weight:bold;
		text-align:right;
		height:540px;
		overflow:auto;
	}
	
	#droite img{
		margin-top:15px;
		margin-bottom:15px;
	}
	#droite ul{
		margin:0;
		margin-top:15px;
		padding:0;
		list-style:none;
	}
	#droite li{
		color:#000000;
		margin-top:5px;
		margin-bottom:5px;
	}
	#droite a{
		text-decoration:none;
	}
	#droite .on{
		color:#9C9688;
	}
	
	
	#oeuvres{
		border-spacing:0;
	}
	
	.oeuvre{
		padding:0;
		height:136px;
		width:100px;
		background-position:center;
		background-repeat:no-repeat;
	}
	
	.oeuvre a{
		display:block;
		height:100%;
		width:100%;
		background:none;
		background-position:top left;
	}
	
	.oeuvre a:hover{
		background:url(../images/loupe.png);
	}
	
	.cale{
		width:20px;
		overflow:hidden;
	}

	#zoom{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		text-align:center;
		display:none;
	}
	
	#fond_zoom{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:#FFFFFF;
		display:none;
		cursor:pointer;
	}
	
	#image{
		position:absolute;
		top:50%;
		left:50%;
		display:block;
		cursor:pointer;
	}
	
	
	#loading{
		background:url(../images/ajax-loader.gif) no-repeat;
		position:absolute;
		top:50%;
		left:50%;
		width:20px;
		height:20px;
		margin-top:-10px;
		margin-left:-10px;
	}