#btnValid {display:none;}

	#pontu {
		border-collapse: collapse;
		margin:auto;
		padding:0px;
	}


	#pontu td {
		margin:0px;
		padding:2px;
		width:60px;height: 60px;
	}

	.ile span {
		display:inline-block;
		width:60px;	height:60px;
		border-radius : 50%;
		border: 2px solid black;
	}

	.pont_h, .pont_v {
		position:relative;
	}

	.pont_h span {
		display:inline-block;
		width:60px;	height:30px;
		border: 2px solid black;
		position:relative; 
	}

	.pont_v span{
		display:inline-block;
		width:30px;	height:60px;
		border: 2px solid black;
		position:relative;
		left:15px; 
	}

	.selectionne {
		border: 2px solid black;
	}

	.j1 {
		background-color:red;	
	}

	.j2 {
		background-color:blue;	
	}

	.trait:hover {
		cursor:pointer; 
		background-image: repeating-linear-gradient(90deg,
		white 0px, white 5px, 
		transparent 30px,
		white 55px, white 60px) !important;
	}
	
	.j {
		text-align:center; 
	}

	.j.selectionne {
		cursor:pointer; 
		background-image: repeating-linear-gradient(90deg,
		transparent 0px, 
		transparent 15px,
		white 30px,
		transparent 45px,
		transparent 60px) !important;
	}

	.candidat-j1:hover,.candidat-j2:hover {
		background-color:lightgrey;
		cursor:pointer; 
	}

	.candidat-j1 {
		border:2px red dashed !important;
	}

	.candidat-j2 {
		border:2px blue dashed !important;
	}


	.candidat-p1 span {
		border : 2px dashed red; 
	}

	.candidat-p2 span {
		border : 2px dashed blue; 
	}

	.candidat-p1 span:hover, .candidat-p2 span:hover {
		background-color:lightgrey;
		cursor:pointer; 
	}

	.bloque {
		background-image:url(croix.png);
		background-position:center center;
	}