.pion:hover, .top:hover, .bottom:hover{
	/*cursor:pointer;*/
}

.top.selectionne, .pion.selectionne, .bottom.selectionne {
	background-image: repeating-linear-gradient(90deg,
		transparent 0px, 
		transparent 20px,
		white 50px,
		transparent 80px,
		transparent 100px) !important;
}

.top.allume, .pion.allume, .bottom.allume {
	background-image: repeating-linear-gradient(90deg,
		transparent 0px,
		white 50px,
		white 50px,
		transparent 100px);
}

td.allume{
	background-color:lightgrey;
}

#palette td {
	position:relative;
}

.pile {
	position:relative;
	margin:auto;
	width:100px;
}
.top {
	position:absolute;
	z-index:30;
	top:0px;
 	width: 100px;
    height: 25px;
    border-radius: 90px / 25px;
	border: 1px solid black;
}

.bottom {
	position:absolute;
 	width: 100px;
    height: 25px;
    border-radius: 90px / 25px;
	border: 1px solid black;
}


.pion {
	position:absolute;
	z-index:5;
	width:100px;height:24px;
	border: 1px solid black;
	border-bottom:none !important;
}

.orange {
	background: purple;
}

.vert {
	background: green;
}

.bleu {
	background: blue;
}

.rouge {
	background: red;
	
}

.jaune {
	background: orange;
}

.pion.n1 {
	z-index:28;
	top:14px;
}

.bottom.n1 {
	z-index:26;
	top:25px;
}

.pion.n2 {
	z-index:24;
	top:39px;
}

.bottom.n2 {
	z-index:22;
	top:50px;
}

.pion.n3 {
	z-index:20;
	top:64px;
}

.bottom.n3 {
	z-index:18;
	top:76px;
}

.pion.n4 {
	z-index:16;
	top:90px;
}

.bottom.n4 {
	z-index:14;
	top:102px;
}

.pion.n5 {
	z-index:12;
	top:116px;
}

.bottom.n5 {
	z-index:10;
	top:128px;
}

.nb5 {top:2px;}
.nb4 {top:20px;}
.nb3 {top:30px;}
.nb2 {top:40px;}
.nb1 {top:50px;}



#kengi {
	margin:auto;
	padding:0px;
}


#kengi td {
	margin:2px;
	padding:2px;
	border:1px dashed black;
	display:inline-block;
	width:160px;height:160px;
}