@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

.container {
	max-width:960px;
	margin:0 auto;
}

.morpion {
	width:600px;
	height:600px;
	margin:0 auto;
	border:1px solid black;
}

.morpion .line {
	width:100%;
	height:33.33%;
}

.morpion .case {
	width:33.33%;
	height:100%;
	float:left;
}

.morpion .case button {
	border:1px solid black;
	background-color:white;
	width:100%;
	height:100%;
	
}

.morpion .case button:hover {
	border-color:red;
}

.morpion .cross, .morpion .circle {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

.morpion .cross {
	background-image:url(../images/cross.png);
}

.morpion .circle {
	background-image:url(../images/circle.png);
}