body{
	margin-left: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
	font-family: Arial;
	font-size: 13px;
	color: #333;	
	background-image: url('fondentree.png);
	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-position: center center;	
	}
	
table#t01 {
  width: 100%;
  background-color: #f1f1c1;
}
table#t02 {
  width: 100%;
  background-color: yellow;
}
#conteneurInput div
{
    background     : #def;
    position       : relative;
    border         : 1px solid #999;
    text-align     : center;
    float          : left;
}
 
#conteneurInput input
{
    background     : none;
    border         : 0;
    padding        : 0 6px;
    width          : 130px;
}
 
span.top-left
{
    position       : absolute;
    width          : 4px;
    height         : 4px;
    overflow       : hidden;
    top               : -1px;
    left           : -1px;
    background     : url("top-left.gif");
}
 
span.bottom-left
{
    position       : absolute;
    width          : 4px;
    height         : 4px;
    overflow       : hidden;
    bottom         : -1px;
    left           : -1px;
    background     : url("bottom-left.gif");
}
 
span.bottom-right
{
    position       : absolute;
    width          : 4px;
    height         : 4px;
    overflow       : hidden;
    bottom         : -1px;
    right          : -1px;
    background     : url("bottom-right.gif");
}
 
span.top-right
{
    position       : absolute;
    width          : 4px;
    height         : 4px;
    overflow       : hidden;
    top            : -1px;
    right          : -1px;
    background     : url("top-right.gif");
}
.monsieur{
	background-color:lightgray;
	color: blue;
	}
.madame{
	background-color: pink;
	color: red;
	}
.imagecell {
  background-image: url("fondentree.png"), url("fondentree.png");
  background-color: transparent;
}