.no-select{
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}

.hidden{ display: none !important; }


span.unstressed{ color: #aaa; }
span.stressed{ font-weight: bold; }











/**********************/
/*** TABLEAU .BASIC ***/
/**********************/

/* STYLE "BASIC" DES TABLEAUX */
table.basic{
	/* position */
	width: 100%;
	margin-bottom: 0;

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

table.basic.margin{ margin-bottom: 1em; }

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

	width: 25%;

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

	/* foreground */
	color: #4e4e4e;

	/* animation */
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;

	/* extra */
	cursor: default;
}

/* définition de la répartition des éléments en fonction du nombre de colonnes */
table.basic.col1 tr td, table.basic.col1 tr th{ width: 100%; }
table.basic.col2 tr td, table.basic.col2 tr th{ width: 50%; }
table.basic.col3 tr td, table.basic.col3 tr th{ width: 33%; }
table.basic.col4 tr td, table.basic.col4 tr th{ width: 25%; }
table.basic.col5 tr td, table.basic.col5 tr th{ width: 20%; }


/* titre aligné à gauche */
table.basic th{ text-align: left; }

/* <thead> sans background */
table.basic thead tr th{ background-color: transparent; }

table.basic:nth-child(4n+0) tr td:first-child{ border-left: 10px solid #e63c54; }
table.basic:nth-child(4n+1) tr td:first-child{ border-left: 10px solid #3c73e6; }
table.basic:nth-child(4n+2) tr td:first-child{ border-left: 10px solid #e6983c; }
table.basic:nth-child(4n+3) tr td:first-child{ border-left: 10px solid #2dcc70; }



/* @hover */
table.basic tr:hover td{ color: #fff; }

table.basic:nth-child(4n+0) tr:hover td{ background-color: rgba(230, 60, 84, 1);  }
table.basic:nth-child(4n+1) tr:hover td{ background-color: rgba(60, 115, 230, 1); }
table.basic:nth-child(4n+2) tr:hover td{ background-color: rgba(230, 152, 60, 1); }
table.basic:nth-child(4n+3) tr:hover td{ background-color: rgba(45, 204, 112, 1); }



/******************/
/*** PARAGRAPHS ***/
/******************/
#CONTAINER section > p{
	/* position */
	padding: 1em;
	margin: 1em;
	
	/* border */	
	border-radius: 3px;
	border: 1px solid #ddd;

	/* background */
	background-color: #fff;
}

#CONTAINER section > p:hover{
	box-shadow: 1px 1px 3px #ddd;
}


/*********************/
/*** LIENS BOUTONS ***/
/*********************/
span.link{
	/* position */
	padding: .3em .8em;

	/* border */
	border-radius: 5px;
	border: 1px solid #ddd;
	box-shadow: inset 0 0 1px #f5f5f5;

	/* background */
	background: #eee;

	/* foreground */
	color: #333;

	/* extra */
	cursor: pointer;
}

span.link:hover{ color: #000; }