/*---------------------------------------------------- / TOOLTIPS */
 a.tooltip:hover {
	background:#000; 
	text-decoration:none;} /*BG color is a must for IE6*/

a.tooltip div.tooltip-holder {
	display:none;
	margin: 2px 0 0 -133px;
	z-index:9999;}

a.tooltip:hover div.tooltip-holder {
	display:inline; 
	position:absolute;
	opacity:0.8;
	filter:alpha(opacity=80);}

a.tooltip img.arrow {
	position:relative;
	top:4px;}

a.tooltip:hover div.tooltip-holder div.tooltip-text {
	width:247px;
	padding:3px;
	background: #222;
	text-align:center;
	font-weight:normal;}


/*---------------------------------------------------- / MENU */

#menu ul {
	list-style-type:none inside;
	margin:0;
	padding:0;}
#menu li, #menu li a {
	position:relative;
	cursor:pointer;}

#menu a:hover {
	background-position: 0 -65px;}
	
	
/*---------------------------------------------------- / ROLLOVERS */

#menu a, #arrowR, #arrowL, #arrowR-sm, #arrowL-sm {
	float:left;
	display:block;
	text-indent:-1000em;}

#menu a {
	height:65px;
	background-position: 0 0;}
	
#accueil {
	width:132px;
	background-image:url('../img/site/menu/accueil.png');}
	

#events {
	width:178px;
	background-image:url('../img/site/menu/events.png');}
	

#cal {
	width:165px;
	background-image:url('../img/site/menu/cal.png');}
	

#galerie {
	width:134px;
	background-image:url('../img/site/menu/galerie.png');}
	
	
#contact {
	width:171px;
	background-image:url('../img/site/menu/contact.png');}
	
	

#arrowR {
	float:right;
	background-image:url('../img/site/gallery-arrowR.gif');}
	
#arrowL {
	background-image:url('../img/site/gallery-arrowL.gif');}

#arrowR-sm {
	float:right;
	background-image:url('../img/site/gallery-arrowR-sm.gif');}
	
#arrowL-sm {
	float:left;
	background-image:url('../img/site/gallery-arrowL-sm.gif');}

#arrowL, #arrowR {
	height:82px;
	width:48px;
	background-position:0 -82px;}
	
#arrowL-sm, #arrowR-sm {
	width:27px;
	height:32px;
	background-position:0 -32px;}

#arrowL:hover, #arrowR:hover, #arrowL-sm:hover, #arrowR-sm:hover {
	background-position: 0 0;}