/*tooltip*/

.tooltip {
	width: 300px;
	color: #fff;
	text-align: center;
}

.tool-title{
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(../images/balloon.png) top left no-repeat !important;
	background: url(../images/balloon.gif) top left no-repeat;
	font-size: 11px;
}

.tool-text{
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(../images/balloon.png) bottom left no-repeat !important;
	background: url(../images/balloon.gif) bottom left no-repeat;
	font-size: 10px;
	color: #fff;
}

/*message d erreur en dehors du box*/
.error_message {
  font-size:10px;
  font-weight:bold;
  color:red;
}

/* Tips, Warning and error box*/
#tip {
  display: none;
}

#tip_link {
  position:fixed;
  _position:absolute;
  top:5%;
  right:5%;
  width:auto;
  height:auto;
  border-bottom:2px solid yellow;
  border-right:2px solid yellow;
  border-top:2px solid yellow;
  border-left:2px solid yellow;
  padding:0.2em 0.2em 0.2em 0.2em;
  color:black;
  background:#ffffa7;
}

#error_link {
  position:fixed;
  _position:absolute;
  top:5%;
  right:5%;
  width:auto;
  height:auto;
  border-bottom:2px solid red;
  border-right:2px solid red;
  border-top:2px solid red;
  border-left:2px solid red;
  padding:0.2em 0.2em 0.2em 0.2em;
  color:black;
  background:#ffc0cb;
}
/*Fin Tips Box*/

/* draggables */
.drag {
	position: absolute;
	top: 10%;
	right: 10%;
	width: 500px;
	height: auto;
	background-color: #EEEEEE;
	padding: 5px;
}

.handle {
	position: relative;
	background-color: #CCCCCC;
	border: 1px solid #333333;
	padding: 2px;
	height: 15px;
	cursor: move;
}

.close {
	float: right;	
}
	
.tip_icone{
    float: left;
	width:20%;
}	

.content {
    float: left;
	position: relative;
	padding: 2px;
	margin: 5px 0px 15px 0px;
	float: left;
}

.resize {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 10px;
	width: 10px;
	background-color: #CCCCCC;
	cursor: se-resize;
}