div.itp_postit /* post-it flottant */
{
	position:	fixed;
	
	/*
	width:		25vw;
	height:		33vw;
	*/
	min-width:	200px;
	min-height:	150px;
	
	top:60px;
	left:10px;
	
	background-color: rgba(232,227,140,1);
	color:				rgb(148,83,57);
	
	font-size: 			12px;
	
	padding: 	5px;
	border :		solid 5px rgba(232,227,140,1);
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-top-left-radius: 5px 5px 5px 5px;
	
	opacity:		1;
	filter : alpha(opacity=100);
	-moz-opacity:		1;	
	
	transition:  width 1s ;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-o-transition: width 1s;
	transition:  height 1s ;
	-webkit-transition: height 1s;
	-moz-transition: height 1s;
	-o-transition: height 1s;
	transition: opacity .2s;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	
	-webkit-box-shadow: 1px 1px 2px  rgba(120,120,120,0.5);
	-moz-box-shadow:    1px 1px 2px   rgba(120,120,120,0.5);
	box-shadow:         1px 1px 2px  rgba(120,120,120,0.5);
	
	cursor: 	move;
	
	z-index:	4200;
	display:	block;
}
div.itp_postit:hover 
{
	/*background-color: rgba(232,227,100,1);*/
	border :		solid 1px rgb(148,83,57);
	padding: 	9px;
	
	opacity:		1;
	filter : alpha(opacity=100);
	-moz-opacity:		1;	
	
	-webkit-box-shadow: 2px 2px 4px  rgba(120,120,120,0.5);
	-moz-box-shadow:    2px 2pxx 4px  rgba(120,120,120,0.5);
	box-shadow:         2px 2px 4px rgba(120,120,120,0.5);
}
#pi_header
{
	float:		left;
	width:		15vw;
	height:		40px;
	font-size: 			10px;
}
#pi_body
{
	clear:		both;
	float:		left;
	width:		15vw;
	height:		10vw;
}
#pi_footer
{
	clear:		both;
	float:		left;
	font-size: 			18px;
	width:		15vw;
	height:		20px;
}