#plateau > div{
	display: flex;
}
#plateau .case.selected{
	border: solid blue 3px;
}

#plateau .case.highlight{
	border: solid red 3px;
}

.case{
	height: 76px; 
	width:  76px;
    border: 3px solid transparent;

}

#plateau .caseblanc{
	background-color: #EFEFEF;
}

#plateau .casenoir{
	background-color: #222222;
}

.caseimg{
	height: 75px;
	width: 75px;
	background-size: auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.case .pion_n{
	background-image: url("img/pion_n.png");
 }

.case .pion_b{
	background-image: url("img/pion_b.png");	
}

.case .fou_n{
	background-image: url("img/fou_n.png");
}

.case .fou_b{
	background-image: url("img/fou_b.png");
}

.case .tour_n{
	background-image: url("img/tour_n.png");
}

.case .tour_b{
	background-image: url("img/tour_b.png");
}

.case .cavalier_b{
	background-image: url("img/cavalier_b.png");
}

.case .cavalier_n{
	background-image: url("img/cavalier_n.png");
}

.case .dame_b{
	background-image: url("img/dame_b.png");
}

.case .dame_n{
	background-image: url("img/dame_n.png");
}

.case .roi_n{
	background-image: url("img/roi_n.png");
}

.case .roi_b{
	background-image: url("img/roi_b.png");
}