#CONTAINER section{
	/* position */
	display: none;
	position: relative;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		height: auto;
	padding: 2em;
	
	/* background */
	background-color: #ecf0f1;

	/* Z */
	z-index: 7;
}


#CONTAINER section.active{ display: block; }



/* STYLE "BASIC" DES TABLEAUX */
table.basic{
	/* position */
	float: left;
	margin: 1em;
	


	/* border */
	border-radius: 5px;
	border-spacing: 0; 
	box-shadow: 0 0 4px #e3e3e3;
}


table.basic tr td,
table.basic tr th{
	/* position */
	padding: 1em 1.5em;

	/* border */
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #e0e1e3;
	
	/* backgroud */
	background-color: #fff;

	/* foreground */
	color: #4e4e4e;
}

table.basic tr th{ background-color: #f7f8fc; }
table.basic tr th:first-letter{ text-transform: uppercase; }


/* on ajoute les rebords pour ceux à gauche */
table.basic tr td:first-child,
table.basic tr th:first-child{ border-left-width: 1px;   }
/* on ajoute les rebords pour ceux en bas */
table.basic tr:last-child td { border-bottom-width: 1px; }


/* angle haut gauche */ 
table.basic tr:first-child th:first-child{ border-radius: 5px 0 0 0; }
/* angle haut droit */ 
table.basic tr:first-child th:last-child { border-radius: 0 5px 0 0; }
/* angle bas gauche */ 
table.basic tr:last-child td:first-child { border-radius: 0 0 0 5px; }
/* angle bas droit */ 
table.basic tr:last-child td:last-child  { border-radius: 0 0 5px 0; }

/* @hover */
table.basic tr:hover td{
	background-color: #f7f8fc;
	color: #333;
}