body {
    overflow-x:hidden;
    overflow-y:hidden;
}

div#repertoire {
	cursor: pointer;
	cursor: hand;
    height: 100px;
}

div#photo {
	background-color:#00CCFF;
	#top: 100px;
    height: 400px;
	overflow : auto;
}

div#Image {
	background-color:#00CCFF;
	#position:relative;
	float:left;
	top:5%;
	# left:17%;
	width:20%;
	height:20%;
	border: 1px black solid;
	margin : 5px;
}
div#Album {
	background-color:#AABBCC;
	#position:relative;
	float:left;
	top:5%;
	# left:17%;
	width:20%;
	height:20%;
	border: 1px black solid;
	margin : 5px;
}
div#res_img {
	background-color:#DDDDDD;
	position: absolute;
	left: 30px;
	top: 100px;
	#border: 1px black solid;
}

.selected {
	background: #DDD ;
}
.notselected {
	#background: #0CF ;
}


p {
	margin : 5px;
} 

span {
	margin : 5px;
} 

BLOCKQUOTE {
	margin-top : 5px;
	margin-bottom : 5px;
	margin-left : 5px;
} 

A { color:#000000; text-decoration:none; }
A:hover { text-decoration:none;}


div#liste_miniature {
	position: absolute;
#	background-color:#CCDD99;
	
	top : 510px;
#	height: 200px;
	
    width : 60%;
	left: 0%;
	margin-left: 0px;
	
#	overflow:hidden;
	cursor: pointer;
	cursor: hand;
	
	transition-duration: 1s;	-moz-transition-duration: 1s;	-webkit-transition-duration: 1s;	-o-transition-duration: 1s;	-ms-transition: 1s;
}

div#gauche {
	position: absolute;
	background-color:#FFFFFF;
	opacity: 0.8;

	bottom: 0px;
	top: 610px;
	height: 50px;
	
	left: 0%;
    width : 50px;
	cursor: pointer;
	cursor: hand;

}

div#droite {
	position: absolute;
	background-color:#FFFFFF;
	opacity: 0.8;

	bottom: 0px;
	top: 610px;
	height: 50px;
	right: 0px;
    width : 50px;
	cursor: pointer;
	cursor: hand;
}