/* tests */





/* =======================================
	positionnement individuel des blocs
 ----------------------------------------*/ 

#example1{
  /* positionnement (si nécessaire), spécifique à chaque bloc
  	 positonnement par défaut: dans le flux (positionné), defini dans div.matrices */
}

#example2{
}

/* ==================================
	positionnement et style général	
 -----------------------------------*/   

/* le div de l'ensemble ( 1 div par opération )*/
div.matrices{
	position:relative;
	border:0px solid #AAAAFF;
	text-align:left;/*text-align:center;*/
	/*background-color:#CCCCCC;*/
}

/* la table dans laquelle sont disposées les matrices */
div.matrices table#global{
   position:relative;
   margin: 0;/*margin:0 auto;*/
   padding:0;
   border:0;
}


/* ==============================
		tables des matrices
 -------------------------------*/ 
 
/* les tables des matrices */ 

div.matrices table, div.matrices tr, div.matrices th, div.matrices td{
	vertical-align: bottom;
}

div.matrices table{
	position:relative;
	border:0px solid black;
	padding:0px;
	margin:5px;
	border-collapse:collapse;
}

div.matrices form{
	display:inline;
}

div.matrices form table tr, div.matrices form table td{
	border:1px solid gray;
}

div.matrices input{
	border:0px solid black;
	padding: 5px 0;
	margin:0px;
	font-size:18px;/*changé en javascript*/
	width:45px;
	text-align:center;
}

div.matrices input.readonly{
	opacity:0.6;
	background-color:#DDDDDD;
}

div.matrices td.readonly{
	background-color:#DDDDDD;
}

div.matrices table table{
	background-color:white;
}

/*  M1 * M2 = P	 */
/* couleurs par défaut */
div.matrices table.M1{
}
div.matrices table.M1, div.matrices table.M1 input{
	color: red;
}
div.matrices table.M2{
}
div.matrices table.M2, div.matrices .M2 input{
	color: green;
}
div.matrices table.P{
}
div.matrices table.P, div.matrices table.P input{
	color: black;
}
div.matrices table.diagonale, div.matrices table.diagonale input{
	color: blue;
}
div.matrices table.permutation, div.matrices table.permutation input{
	color: blue;
}

/* autres couleurs */
div.matrices table.green, div.matrices table.green input{
	color: green !important;
}
div.matrices table.red, div.matrices table.red input{
	color: red !important;
}
div.matrices table.black, div.matrices table.black input{
	color: black !important;
}
div.matrices table.blue, div.matrices table.blue input{
	color: blue !important;
}

div.matrices table td.highlight, div.matrices table tr.highlight{
	background-color:#FFEEEE;
}
div.matrices table tr.highlight input, div.matrices table td.highlight input{
	background-color:#FFDDDD;
	color:#AA7777 !important;
	opacity:0.8;
}