.buttonWithMenuComp {
	width: 200px;
	height: 124px;
	overflow: hidden;
	position: relative;
	color: #4D4C4E;
	background-color: #ffffff;
	overflow: hidden;
	cursor: pointer;
}

.buttonWithMenuComp:hover {
	-webkit-box-shadow: 3px 3px 3px rgba(215, 200, 200, 0.5);
    -moz-box-shadow: 3px 3px 3px rgba(215, 200, 200, 0.5);
	box-shadow: 3px 3px 3px rgba(215, 200, 200, 0.5);
	background-color: #eeeeee;
}

.buttonWithMenuComp .icon {
	position: absolute;
	top: 20px;
	left: 76px;  /* (comp->width - img->width) / 2*/
	width: 48px;
	height: 48px;
}

.buttonWithMenuComp .text {
	position: absolute;
	top: 83px; /* icon->top + img->height + 15 */
	width: 150px;
}

.buttonWithMenuComp .title {
	position: relative;
	text-align: center;
	overflow: hidden;
	white-space:nowrap;
	/* text-overflow: ellipsis; */ /* don't work properly ... so i do it in js for the moment */
}

.buttonWithMenuComp .trInfo {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 12px;
	color: #777777;
}

.buttonWithMenuComp .openMenuButton {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.buttonWithMenuComp .menu {
	display: none;
}
