/*~~~~~~~~~~~~~~~~~~~  Photos  ~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#photoContainer {
	width  : 90%;
	height : 450px;
}

#divMiniatures {
	overflow-y       : auto;
	width            : 150px;
	height           : 260px;
	background-color : black;
}

#divDiapo {
	top              : 0px;
	left             : 0px;
	width            : 600px;
	height           : 450px;
	background-color : black;
	border           : 1px solid #CCCCCC;
}

#diaporama {
	width      : 100%;
	height     : 100%;
	text-align : center;
	margin     : auto;
}

li img {
	border: 2px solid white;
}

.liensMini {
	width          : 150px;
	height         : 100px;
	display        : table-cell;
	vertical-align : middle;
}

#btnNouveau {
	width            : 116px;
	height           : 56px;
	background-image : url('../media/thumbs/archivesBtn.gif');
}

#btnAncien {
	width            : 116px;
	height           : 56px;
	background-image : url('../media/thumbs/maintenantBtn.gif');
}

#btnElectro {
	width            : 116px;
	height           : 56px;
	background-image : url('../media/thumbs/electroBtn.gif');
}

ul.crossfade {
	padding    : 0;
	margin     : 0;
	list-style : none;
}

.control {
	position : absolute;
	z-index  : 100;
	cursor   : pointer;
	color    : #FFF;
}

.caption {
	clear            : both;
	text-align       : center;
	background-color : #FFF;
	position         : absolute;
	width            : 600px;
}

#diaporama-previous {
	top : 88%;
	left: 21.5%;
	width            : 116px;
	height           : 56px;
	background-image : url('../media/thumbs/precedentBtn.gif');
}

#diaporama-next {
	right            : 2%;
	top              : 88%;
	width            : 116px;
	height           : 56px;
	background-image : url('../media/thumbs/suivantBtn.gif');
}