@charset "utf-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#conteneur_salle{
	width: 1202px;
	height: 722px;
	text-align: center;
	font-size: 20px;
	font-family: "Arial Black", Gadget, sans-serif;
	border: 1px solid #F00;	
	border-collapse: collapse;
}

#secteur_a {
	width:1200px;
	height:60px;
	text-align: center;
	float:left;
	display:block;
}
#secteur_c {
	width:960px;
	height:60px;
	text-align: center;
	display:block;
	float:left;
	margin-top:-60px;
	margin-left:60px;
}

#gradins {
	width:1200px;
	height:60px;
	display:block;
	float:left;
}
#gradin_a,
#gradin_b,
#gradin_c {
	background-color: #624;
	width: 300px;
	height: 60px;
	line-height: 50px;
	text-align: center;	
	margin-right: 150px;
	display:block;
	float:left;
}
#gradin_c {
	margin-right: 0px;
}

#secteur_d,
#secteur_b {
	/*background-color: #654;*/
	width: 60px;
	height: 600px;
	/*text-align: center;	
	text-orientation: sideways-right;*/
	display:block;
	float:left;
	overflow:visible;
	text-wrap:none;
}
.rotate {
	transform: rotate(270deg);
	transform-origin: left top 0;
	margin-top:300px;
	float:left;
}
#secteurs {
	/*background-color: #982;*/
	width: 1080px;
	height: 600px;
	display:block;
	float:left;
	border: 2px solid #00F;	
	border-collapse: collapse;
}

#coin_hg,
#coin_hd,
#coin_bg,
#coin_bd {
	width: 60px;
	height: 60px;
	text-align: center;	
	float: left;
	display:block;
}


#table_a,
#table_c {
	width: 80px;
	height: 60px;
	text-align: center;	
	float: left;
	display:inline-block;
	margin:0px;
	padding:0PX;
}
#juge {
	background-color:#999;
	width: 70px;
	height: 50px;
	text-align: center;	
	float: left;
	display:inline-block;
	margin:5px;
}

#table_b,
#table_d {

	width: 60px;
	height: 80px;
	text-align: center;	
	float: left;
	display:block;
	margin:0px;
	padding:0px;
	text-align:justify;
}

#centre {

	width: 1075px;
	height: 480px;
	float: left;
	display:block;
}

#gaucheg,
#droited {
	width: 60px;
	height: 480px;
	float: left;
	display:block;	
}
#piste{
	background-color:#FC6;
	width: 955px;
	height: 478px;	/* 478px */
	text-align: center;
	float: left;
	display:block;	
	padding-top:180px;
}
#haut,
#bas {
	width:1080px;
	height:60px;
	float: left;
	display:block;	
}


#secteurs table {
	border:none;
	/*
	border: #000 solid 1px;
    border-collapse: collapse;
	border-spacing:0;*/
	font-size:  12px; /* 0.7em;*/
	line-height: 12px; /*0.7em;*/
	margin:0px;
	padding:0px;
	border-collapse: collapse;
}
#secteurs table tr td > * {
	background-color:#333;
}
.small {
	font-size:1.0em;
	alignment-adjust:central;
	line-height:1.0em;
	background-color:#999;
}

#secteurs table.t_hor {
	width:80px;
	height:60px;
	margin:0px;
	padding:0px;
}
#secteurs table.t_ver {
	width:60px;
	height:80px;
	margin:0px;
	padding:0px;
}
#table_b .t_ver .small::first-line {
	margin-top:-15px;
}
#secteurs [type="checkbox"]:not(:checked),
#secteurs [type="checkbox"]:checked {
	display:none;
}
#secteurslabel{
	cursor:pointer;
	width: 15px;
	height: 15px;
}
#secteurs input[type="checkbox"]:not(:checked) + label{
	color:#FFF;
	cursor:pointer;
	width: 15px;
	height: 15px;
}
#secteurs input[type="checkbox"]:checked + label  {
	cursor:pointer;
	width: 15px;
	height: 15px;
	background-image:url('../images/check.png');
	background-repeat:no-repeat;
	background-position:center center;
	color:transparent;
	background-color:#fff;
	z-index:-1;
}
#secteurs input[type="checkbox"]:checked:disabled + label {
	cursor:default;
	background-image:url('../images/cross.png');
	background-repeat:no-repeat;
	background-position:center center;
	color:transparent;
	width:15px;
	height:15px;
	background-color:#fff;
	z-index:-1;
}

.tok{
	color:#0C0;	
}
.tbad{
	color:#F00;	
}