/*
Christian Porri D'après Darko Bunic
http://www.redips.net/
May, 2010.

*/

body {
	font-family: arial;
	margin: 0px;
}
/* Container principal */
#main_container {
	margin: auto;
	width: 900px;
}
/* container pour la table/grille */
#main_container #left {
	width: 900px;
	height: 900px;
	background-color: #fff;
}

/* objets draggable (DIV dans les cellules de table) */

.redips-drag {
	cursor: move;
	z-index: 10;
	background-color: #ccc;
	text-align: center;
	/*opacity: 0.7;
	filter: alpha(opacity=70);*/
	width: 100px;
	height: 100px;
}
/*Changement de propiétés pour chaque objet par addition 
de classe (ici par exemple, la couleur de fond)*/

.drag0 {
	 background-image:url(Pyramide1.jpg); 	
		}


.drag1 { 
background-image:url(Pyramide2.jpg); 
		}
		
		
.drag2 { 
background-image:url(Pyramide3.jpg); 
		}
		
.drag3 {
	 background-image:url(Pyramide4.jpg); 
		}


.drag4 { 
background-image:url(Pyramide5.jpg); 	
		}
		
		
.drag5 { 
background-image:url(Pyramide6.jpg); 
		}
		
.drag6 {
	 background-image:url(Pyramide7.jpg); 
		}


.drag7 { 
background-image:url(Pyramide8.jpg); 	
		}
		
		
.drag8 { 
background-image:url(Pyramide9.jpg); 
		}
		
.drag9 {
	 background-image:url(Pyramide10.jpg); 
		}


.drag10 { 
background-image:url(Pyramide11.jpg); 
		}
		
		
.drag11 { 
background-image:url(Pyramide12.jpg); 
		}


	

/* table */
div#redips-drag table {
	background-color: #eee;
	border-collapse: collapse;
	width: 900px;
}
/* cellules de la table */
 div#redips-drag table td, th {
	height: 100px;
	width: 100px;
}