body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(images/fond.jpg);
	background-repeat: no-repeat;
	margin-top: 3px;
	color: #7d7d7d;
}

a {
	font-size: 12px;
	color: #01366c;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #01366c;
}
a:hover {
	text-decoration: underline;
	color: #01366c;
}
a:active {
	text-decoration: none;
	color: #01366c;
}

a.petit {
	font-size: 10px;
	color: #01366c;
}
a.petit:link {
	text-decoration: none;
}
a.petit:visited {
	text-decoration: none;
	color: #01366c;
}
a.petit:hover {
	text-decoration: underline;
	color: #01366c;
}
a.petit:active {
	text-decoration: none;
	color: #01366c;
}

a.gris {
	font-size: 11px;
	color: #7d7d7d;
	font-weight: bold;
}
a.gris:link {
	text-decoration: none;
	font-weight: bold;
}
a.gris:visited {
	text-decoration: none;
	color: #7d7d7d;
	font-weight: bold;
}
a.gris:hover {
	text-decoration: underline;
	color: #7d7d7d;
	font-weight: bold;
}
a.gris:active {
	text-decoration: none;
	color: #7d7d7d;
	font-weight: bold;
}







a.blanc {
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}
a.blanc:link {
	text-decoration: none;
	font-weight: bold;
}
a.blanc:visited {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}
a.blanc:hover {
	text-decoration: underline;
	color: #ffffff;
	font-weight: bold;
}
a.blanc:active {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}















.style1 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
.style2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7d7d7d;
	font-weight: bold;
}
.style3 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.style4 {
	font-size: 11px;
	color: #7d7d7d;
	font-weight: bold;
}
.style40 {
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}




.holder {
				float: left;
				margin: 10px;
			}
			.scroll-pane {
                position: relative;
				width: 415px;
				overflow: auto;
				float: left;
			}
			#pane3 {
				height:495px;
			}
			a.jScrollArrowUp {
				background: url(http://www.directory-saintbarth.com/basic_arrow_up.gif) no-repeat 0 0;
			}
			a.jScrollArrowUp:hover {
				background-position: 0 -15px;
			}
			a.jScrollArrowDown {
				background: url(http://www.directory-saintbarth.com/basic_arrow_down.gif) no-repeat 0 0;
			}
			a.jScrollArrowDown:hover {
				background-position: 0 -15px;
			}
			a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
				background-position: 0 -30px;
			}
			.orange-bar .jScrollPaneTrack {
				background: url(http://www.directory-saintbarth.com/images/lignes_r1_c3copy2.gif) ;
			}
			.orange-bar .jScrollPaneDrag {
				background: #aaaaaa;
			}
			.orange-bar .scroll-pane {
			}