body {
margin-left: 20%;
margin-right: 20%;
background-color : #f1f1f1;
}

a
{
	color: #FF6347;
}
div#contenu
{
	margin-right: 10%;
	margin-left: 10%;
}

table{
	display:inline-block;
	text-align:center;
}

table#poutre
{
min-width: 600px;	
}

td#tab {
	
	/*width: 100%;*/
	
	padding: 5px 10px 5px 10px;
	
	/*padding: 0% 0.5% 0% 0.5%;*/
}

td#poutre {
	color: #FFFFFF;
	/*padding-right: 5px;*/
	
	height: 82px; 
	width: 104px;
	
	background-repeat: no-repeat; 
}

/*
td#poutre :hover{
	color: #FFFFFF;
	padding-right: 5px;
	height: 80px; 
	width: 98px;
	background-repeat: no-repeat; 
background-image: url('');
background-color : dark;
}*/


/* WORKS */

label > input{ 
  visibility: hidden; 
  position: absolute; 
}
label > input + img{ 
  cursor:pointer;
  border:2px solid transparent;
}
label > input:checked + img{ 
 /* border:2px solid #f00;*/
}


label#mg > input:checked + img{ 
 border:2px solid blue;
 background-color : lightblue;
}

label#md > input:checked + img{ 
border:2px solid green;
background-color : #33FF00;
}


label#lg > input:checked + img{ 
 border:2px solid orange;
 background-color : yellow;
}

label#ld > input:checked + img{ 
border:2px solid purple;
background-color : pink;
}



/*
label {
  display: inline-block;
  position: relative;
}
label > input {
    visibility: hidden;
    position: absolute;
}
label#mg > .radio-image1::before {
  content: url("../images/g0.png");
}
label#mg > input[type="radio"]:checked + .radio-image1::before {
  content: url("../images/g1.png");
}




label#md > .radio-image2::before {
  content: url("../images/d0.png");
}
label#md > input[type="radio"]:checked + .radio-image2::before {
  content: url("../images/d1.png");
}*/