@charset "UTF-8";.page.palmares>.boox {
	position: relative;
	float: left;
	width: 316.5px;
	margin-left: 10px;
	margin-bottom: 10px;
 }
 
.page.palmares>.boox:nth-child(3n+1) {margin-left: 0;}
 
.page.palmares>.boox>.title {
	width: 100%;
	background: rgba(0,0,0,0.1);
	border-radius: 3px;
	line-height: 40px;
	padding: 0 15px;
	color: #666;
 }
 
.page.palmares>.boox>.content {position: relative;}
 
	.page.palmares>.boox>.content:not(.newPres)>.caz {
		width: 90px;
		overflow: hidden;
		position: relative;
		height: 140px;
		margin-top: 10px;
	 }
 
		.page.palmares>.boox>.content:not(.newPres)>.caz.left {
			border-radius: 3px 0 0 3px;
			float: left;
			margin-left: 0;
			background: #717171;
		 }
 
		.page.palmares>.boox>.content:not(.newPres)>.caz.center {
			float: left;
			position: absolute;
			border-radius: 0;
			left: 90px;
			width: 137px;
			background: #d5a209;
		 }
 
		.page.palmares>.boox>.content:not(.newPres)>.caz.right {
			float: right;
			background: #905413;
			border-radius: 0 3px 3px 0;
		 }
 
		.page.palmares>.boox>.content:not(.newPres)>.caz>.number {
			width: 100%;
			position: absolute;
			top: 5px;
			left: 5px;
			color: #fff;
			font-weight: 600;
			text-shadow: 0 1px 3px rgba(0,0,0,0.3);
		 }
 
		.page.palmares>.boox>.content:not(.newPres)>.caz>.avatar {text-align: center;}
 
		.page.palmares>.boox>.content:not(.newPres)>.caz.center>.avatar {
			overflow: hidden;
			height: 90px;
			margin-top: 15px;
		 }
 
			.page.palmares>.boox>.content:not(.newPres)>.caz.center>.avatar>img {margin-top: -40px;}
 
		.page.palmares>.boox>.content:not(.newPres)>.caz>a {
			float: left;
			color: #fff;
			line-height: 26px;
			margin-top: -3px;
			width: 100%;
			text-align: center;
			font-size: 12px;
			text-shadow: 0 1px 3px rgba(0,0,0,0.3);
		 }
 
		.page.palmares>.boox>.content:not(.newPres)>.caz.center>a {
			margin-top: 0;
			line-height: 35px;
			font-weight: bold;
			font-size: 14px;
		 }
 
	.page.palmares>.boox>.content:not(.newPres)>.bloc {
		position: relative;
		float: left;
		width: 100%;
		clear: both;
		background: #fff;
		margin-top: 10px;
		height: 64px;
		border-radius: 3px;
		overflow: hidden;
	 }
 
		.page.palmares>.boox>.content:not(.newPres)>.bloc>.avatar {
			float: left;
			width: 64px;
			margin-top: -5px;
		 }
 
		.page.palmares>.boox>.content:not(.newPres)>.bloc>.info {
			float: left;
			width: calc(100% - 64px);
		 }
 
			.page.palmares>.boox>.content:not(.newPres)>.bloc>.info>a {
				margin-top: 12px;
				float: left;
				width: 100%;
				margin-left: 5px;
			 }
 
			.page.palmares>.boox>.content:not(.newPres)>.bloc>.info>i {
				position: relative;
				z-index: 4;
				font-size: 13px;
				color: #999;
				margin-left: 5px;
			 }
 
		.page.palmares>.boox>.content:not(.newPres)>.bloc:after {
			content: '';
			position: absolute;
			z-index: 1;
			background: #333;
			top: 0;
			right: 0;
			bottom: 0;
			width: 70px;
		 }
 
		.page.palmares>.boox>.content:not(.newPres)>.bloc:before {
			content: '';
			position: absolute;
			right: 50px;
			border-radius: 0 10px 0 0;
			background: #fff;
			width: 50px;
			top: 0px;
			bottom: 0;
			transform: rotate(30deg);
			z-index: 2;
		 }
 
	.page.palmares>.boox>.content.newPres>.bloc {
		float: left;
		width: 100%;
		height: 64px;
		background: #fff;
		margin-top: 10px;
		border-radius: 3px;
		overflow: hidden;
	 }
 
		.page.palmares>.boox>.content.newPres>.bloc>.avatar {float: left;}
 
			.page.palmares>.boox>.content.newPres>.bloc>.avatar>img {margin-top: -5px;}
 
		.page.palmares>.boox>.content.newPres>.bloc>.info {
			float: left;
			width: calc(100% - 64px);
		 }
 
			.page.palmares>.boox>.content.newPres>.bloc>.info>.p {
				margin-left: 5px;
				width: calc(100% - 157px);
				overflow: hidden;
				float: left;
			 }
 
				.page.palmares>.boox>.content.newPres>.bloc>.info>.p>p {
					font-family: 'Habbfont','Roboto',sans-serif;
					float: left;
					width: 100%;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					margin-top: 13px;
				 }
 
				.page.palmares>.boox>.content.newPres>.bloc>.info>.p>i {
					float: left;
					width: 100%;
					overflow: hidden;
					margin-top: 3px;
					white-space: nowrap;
					text-overflow: ellipsis;
					font-size: 13px;
					color: #aaa;
				 }
 
			.page.palmares>.boox>.content.newPres>.bloc>.info>.go {
				float: right;
				width: 142px;
			 }
 
				.page.palmares>.boox>.content.newPres>.bloc>.info>.go>a {
					font-size: 13px;
					float: left;
					margin-top: 12px;
					color: #fff;
					clear: both;
					text-align: center;
					width: 130px;
					text-shadow: 0 1px 2px rgba(0,0,0,0.2);
					line-height: 40px;
					padding: 0 20px;
					background: #6c9c14;
					border-radius: 3px;
					cursor: pointer;
				 }
 
		.page.palmares>.boox>.content.newPres>.bloc>.badge {float: left;}
 
			.page.palmares>.boox>.content.newPres>.bloc>.badge>img {margin: 12px;}
 
	.page.palmares>.boox>.content.newPres.animations>.bloc {
		float: left;
		width: 100%;
		height: 64px;
		background: #fff;
		margin-top: 10px;
		border-radius: 3px;
		overflow: hidden;
	 }
 
		.page.palmares>.boox>.content.newPres.animations>.bloc>.avatar {float: left;}
 
			.page.palmares>.boox>.content.newPres.animations>.bloc>.avatar>img {margin-top: -5px;}
 
		.page.palmares>.boox>.content.newPres.animations>.bloc>.info {
			float: left;
			width: calc(100% - 64px);
		 }
 
			.page.palmares>.boox>.content.newPres.animations>.bloc>.info>.p {
				margin-left: 5px;
				width: calc(100% - 135px);
				overflow: hidden;
				float: left;
			 }
 
				.page.palmares>.boox>.content.newPres.animations>.bloc>.info>.p>p {
					font-family: 'Habbfont','Roboto',sans-serif;
					float: left;
					width: 100%;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					margin-top: 13px;
				 }
 
				.page.palmares>.boox>.content.newPres.animations>.bloc>.info>.p>i {
					float: left;
					width: 100%;
					overflow: hidden;
					margin-top: 3px;
					white-space: nowrap;
					text-overflow: ellipsis;
					font-size: 13px;
					color: #aaa;
				 }
 
			.page.palmares>.boox>.content.newPres.animations>.bloc>.info>.go {
				float: right;
				width: 115px;
			 }
 
				.page.palmares>.boox>.content.newPres.animations>.bloc>.info>.go>a {
					font-size: 13px;
					float: left;
					margin-top: 12px;
					color: #fff;
					clear: both;
					text-align: center;
					width: 102px;
					text-shadow: 0 1px 2px rgba(0,0,0,0.2);
					line-height: 40px;
					padding: 0 20px;
					background: #6c9c14;
					border-radius: 3px;
					cursor: pointer;
				 }
 
		.page.palmares>.boox>.content.newPres.animations>.bloc>.badge {float: left;}
 
			.page.palmares>.boox>.content.newPres.animations>.bloc>.badge>img {margin: 12px;}
 
.page.palmares>.boox.CityCash>.content>.bloc>.img {
	z-index: 3;
	position: absolute;
	right: 12px;
	width: 16px;
	height: 16px;
	background: url('../img/community/ricos/sprite_palmares_1.png') 16px;
	top: 25px;
 }
 
.page.palmares>.boox.diamants>.content>.bloc>.img {
	z-index: 3;
	position: absolute;
	right: 12px;
	width: 16px;
	height: 16px;
	background: url('../img/community/ricos/sprite_palmares_1.png') -22px;
	top: 25px;
 }
 
.page.palmares>.boox.CityClub>.content>.bloc>.img {
	z-index: 3;
	position: absolute;
	right: 12px;
	width: 16px;
	height: 16px;
	background: url('../img/community/ricos/sprite_palmares_1.png');
	top: 25px;
 }
 
.page.palmares>.boox.WinWin>.content>.bloc>.img {
	z-index: 3;
	position: absolute;
	right: 12px;
	width: 16px;
	height: 21px;
	background: url('../img/community/ricos/sprite_palmares_2.png');
	top: 25px;
 }
 
.page.palmares>.boox.respects>.content>.bloc>.img {
	z-index: 3;
	position: absolute;
	right: 12px;
	width: 16px;
	height: 21px;
	background: url('../img/community/ricos/sprite_palmares_2.png') 16px;
	top: 25px;
 }
 
.page.palmares>.boox.connexionTime>.content>.bloc>.img {
	z-index: 3;
	position: absolute;
	right: 12px;
	width: 16px;
	height: 21px;
	background: url('../img/community/ricos/sprite_palmares_2.png') -28px;
	top: 25px;
 }
 
.page.palmares>.games>.box {
	width: calc(100% - 316.5px - 10px);
	float: left;
 }
 
.page.palmares>.games>.right {
	float: left;
	width: 316.5px;
	margin-left: 10px;
 }
 
	.page.palmares>.games>.right>.boox {
		margin-bottom: 10px;
		position: relative;
	 }
 
		.page.palmares>.games>.right>.boox>.title {
			width: 100%;
			background: rgba(0,0,0,0.1);
			border-radius: 3px;
			line-height: 40px;
			padding: 0 15px;
			color: #666;
		 }