body.cPicker{
	cursor:url("../img/cur_colorpicker.png"), pointer;
}

#toolbar{
	background-color:#5D5E60;
	padding:3px 13px;
}

#toolbar h1{
	font-size:27px;
	color:white;
	margin-bottom:0;
	font-weight:normal;
}

#toolbar li{
	display:inline-block;
	display:inline!ie7;
	zoom:1;
	vertical-align:middle;
	padding:5px;
}

#toolbar li button{
	width:32px;
	height:32px;
	overflow:hidden;
	text-indent:32px;
	line-height:32px;
	border:none;
	background-color:transparent;
	background-image:url(../img/lm_sprite-x.png);
	position:relative;
}

	#toolbar li.title{
		/*height:42px;
		line-height:42px;
		padding:0;*/
	}
	
	#toolbar li.sep{
		background-color: #404142;
		height: 42px;
		margin-left: 10px;
		margin-right: 10px;
		padding: 0;
		position: relative;
		width: 2px;
	}
	
	#toolbar li.sep:before{
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:1px;
		background-color:#999999;
		content:"";
	}

	#toolbar li.rotate button{
		background-position:0 -2176px;
	}
	
		#toolbar li.rotate button:hover,
		#toolbar li.rotate.active button{
			background-position:-32px -2176px;
		}

	#toolbar li.scale button{
		background-position:0 -2336px;
	}
	
		#toolbar li.scale button:hover,
		#toolbar li.scale.active button{
			background-position:-32px -2336px;
		}

	#toolbar li.rotateLeft button{
		background-position:0 -2208px;
	}

		#toolbar li.rotateLeft button:hover,
		#toolbar li.rotateLeft.active button{
			background-position:-32px -2208px;
		}
	
	#toolbar li.rotateRight button{
		background-position:0 -2240px;
	}
	
		#toolbar li.rotateRight button:hover,
		#toolbar li.rotateRight.active button{
			background-position:-32px -2240px;
		}
	
	#toolbar li.moveTofront button{
		background-position:0 -2272px;
		}
		
		#toolbar li.moveTofront button:hover,
		#toolbar li.moveTofront.active button{
			background-position:-32px -2272px;
		}
	
	#toolbar li.supprimer button{
		background-position:0 -2304px;
		}
		
		#toolbar li.supprimer button:hover,
		#toolbar li.supprimer.active button{
			background-position:-32px -2304px;
		}
	
	#toolbar li.addText button{
		background-position:0 -2368px;
		}
		
		#toolbar li.addText button:hover,
		#toolbar li.addText.active button{
			background-position:-32px -2368px;
		}
	
	#toolbar li.colorpicker button{
		background-position:0 -2400px;
		}
		
		#toolbar li.colorpicker button:hover,
		#toolbar li.colorpicker.active button{
			background-position:-32px -2400px;
		}
	
	#toolbar li.colorpicker button:before{
		display:inline-block;
		display:inline-ie7;
		zoom:1;
		
		color: white;
		left: 0;
		margin-top: -3px;
		position: absolute;
		text-indent: 0;
		top: 0;
		font-weight:bold;
		font-size:12px;
	}
	
		#toolbar li.pickColor1 button:before{
			content:"1";
		}
		
		#toolbar li.pickColor2 button:before{
			content:"2";
		}
		
		#toolbar li.pickColor3 button:before{
			content:"3";
		}
		
		#toolbar li.pickColor4 button:before{
			content:"4";
		}
		
		#toolbar li.pickColor5 button:before{
			content:"5";
		}
		
		#toolbar li.pickColor6 button:before{
			content:"6";
		}
		
#board{
	background-image:url("../img/bg_white-80.png");
	border:solid 1px #BFC0C1;
	padding:22px 30px;
}

	#board .header{
		border-bottom: 1px solid #bfc0c1;
		padding-bottom: 10px;
	}
	
	#board .footer{
		text-align:right;
	}
	
#board #container{
	margin-bottom:30px;
}

#board #container .kineticjs-content{
	/*height: 0 !important;
	padding-top: 39%;
	position: relative;
	width: 100% !important;*/
}


/*#board #container canvas{
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	bottom: 0;
	display: block;
	height: 100% !important;
	left: 0 !important;
	margin: 0;
	padding: 0;
	position: absolute !important;
	right: 0;
	top: 0 !important;
	width: 100% !important;
}*/

.NFI-wrapper{
	
}

.NFI-wrapper .NFI-button{
	background:#5D5E60;
	height:28px;
	line-height:28px;
	padding:0;
	margin:0;
	border:none;
	font-size:16px;
	color:white;
	padding-left:1em;
	padding-right:1em;
	margin-right:1px;
}

	.NFI-wrapper .NFI-button:hover{
		background-color:black;
	}

.NFI-wrapper .NFI-filename{
	height:28px;
	line-height:28px;
	padding:0;
	margin:0;
	border:none;
	width:240px;
}

button.btn{
	background-color:#444546;
	border:none;
	color:white;
	height:28px;
	line-height:28px;
	padding:0;
	margin:0;
	padding:0 0.5em;
	font-size:16px;
}

	button.btn:hover{
		background-color:black;
	}
	