/* ToolTips, first example */


div.ToolTipsCollioure, div.ToolTipsStCyprien, div.ToolTipsSteColombe, div.ToolTipsFermob {
	display:block;
	position:absolute;
	z-index:100000;
	border:solid #000 1px;
	width:202px;
}

div.ToolTipsFermob {
	height:20px;
}

div.ToolTipsCollioure div.top, div.ToolTipsStCyprien div.top, div.ToolTipsSteColombe div.top {
	display:block;
	position:relative;
	padding:5px;
}

div.ToolTipsCollioure div.top {
	background:url(http://www.le-petit-jardin.com/joomla/lpj/images/Collioure.jpg) repeat;
}

div.ToolTipsStCyprien div.top  {
	background:url(http://www.le-petit-jardin.com/joomla/lpj/images/StCyprien.jpg) repeat;
}

div.ToolTipsSteColombe div.top {
	background:url(http://www.le-petit-jardin.com/joomla/lpj/images/SteColombe.jpg) repeat;
}

div.ToolTipsCollioure div.message, div.ToolTipsCollioure div.message_loading, div.ToolTipsStCyprien div.message, div.ToolTipsStCyprien div.message_loading, div.ToolTipsSteColombe div.message, div.ToolTipsSteColombe div.message_loading, div.ToolTipsFermob div.message, div.ToolTipsFermob div.message_loading {
	display:block;
	position:static;
	background:#FFF;
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

div.ToolTipsCollioure div.message_loading, div.ToolTipsStCyprien div_message_loading, div.ToolTipsSteColombe div.message_loading, div.ToolTipsFermob div.message_loading { 
	background:url(images/loading.gif) center center no-repeat #333333;
	height:30px;
}

div.ToolTipsCollioure div.footer, div.ToolTipsStCyprien div.footer, div.ToolTipsSteColombe div.footer {
	display:block;
	position:relative;
	height:10px;
}

div.ToolTipsCollioure div.footer {
	background:url(http://www.le-petit-jardin.com/joomla/lpj/images/Collioure.jpg) repeat;
}

div.ToolTipsStCyprien div.footer {
	background:url(http://www.le-petit-jardin.com/joomla/lpj/images/StCyprien.jpg) repeat;
}

div.ToolTipsSteColombe div.footer {
	background:url(http://www.le-petit-jardin.com/joomla/lpj/images/SteColombe.jpg) repeat;
}

div.ToolTips div.top a.sticky_close{
	display:block;
	position:absolute;
	background:url(images/close.gif);
	width:16px;
	height:16px;
}

/* ToolTips, second example */

div.ToolTips2 {
	display:block;
	position:absolute;
	width:400px;	
}

div.ToolTips2 div.top {
	display:block;
	position:relative;
	background:url(images/top_green.jpg) top left no-repeat;
	color:#254b00;
	font-size:14px;
	font-weight:bold;
	padding:5px 30px 5px;	
}

div.ToolTips2 div.message, div.ToolTips div.message_loading {
	display:block;
	position:relative;
	background:#72bd2a;
	color:#FFF;
	font-size:12px;
	padding:10px;
}
div.ToolTips2 div.message_loading{ 
	background:url(images/loading.gif) center center no-repeat #333333;
	height:30px;
}
div.ToolTips2 div.footer {
	display:block;
	position:relative;
	background:#000000;
	height:5px;
}

div.ToolTips2 div.top a.sticky_close{
	display:block;
	position:absolute;
	background:url(images/close.gif);
	width:16px;
	height:16px;
}