* {
	margin: 0;
	padding: 0;
}
body {
	color: #333399;
	background:url(../images/background2.jpg) #F3F8FC no-repeat bottom left fixed;
	font-family: "Arial", "Tahoma", "MS Sans Serif", sans-serif;
}
/**************************************************
Logo Blue Note
**************************************************/
div#logoBN {
	position:absolute;
	top: 25px;
	left: 550px;
	width: 212px;
	height: 105px;
}
/**************************************************
calque principal
**************************************************/
div#content {
	position: absolute;
	top: 0;
	left: 260px;
	width: 450px;
	padding: 20px;
}
div#content h2 {
	text-align: right;
	font-style: italic;
	margin: 4.75em 0 1.6em 0;
	font-size: 150%;
	font-family: verdana;
	color: #993300;
	font-weight: normal;
	border: 0;
}
div#content p {
	margin: 1em 0 1em 0;
	background-color: inherit;
	font-size: 80%;
	text-align: justify;
	line-height: 120%;
	text-indent: 1em;
}
div#content p.note, div#content span.note, div#content td.note {
	color: #993300;
	font-weight: bold;
}
div#content p.description {
	text-align: left;
	border: 0;
	font-size: 60%;
}
div#content p.image {
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}
div#content img {
	border: 1px solid #DDD;
	text-align: center;
}
div#content li {
	list-style: square;
	margin-left: 2.5em;
	margin-bottom: 1em;
	padding: 0;
	font-size: 80%;
	text-align: justify;
	line-height: 120%;
}
div#content li.small {
	margin-left: 3em;
	font-size: 70%;
	text-align: left;
	line-height: 70%;
}
div#content li.bateaux {
	font-size: 80%;
	line-height: 80%;
	margin-left: 1.5em;
}
div#content li.image {
	list-style: none;
	margin: 1em 0 1em 0;
	padding: 0;
	text-align: center;
}
div#content table {
	margin-top: 1em;
	margin-left: 1em;
	width: 100%;
	text-align: center;
	font-size: 80%;
}
div#content table.photos {
	margin-top: 1em;
	width: 100%;
	text-align: center;
}
div#content td {
	padding: 0.5em 0;
	border-bottom: 1px solid #EEE;
}
div#content table.photos td {
	padding: 0.5em 0;
	border: 0;
}
div#content td.description {
	text-align: left;
	border: 0;
	font-size: 80%;
}
/**************************************************
menu de navigation
**************************************************/
div#menu {
	left: 0;
	top: 0;
	width: 260px;
}
ul#menu-nav {
	margin: 12em 0 0 0;
	padding: 0;
	list-style: none;
}
ul#menu-nav li {
	text-align: right;
	line-height: 2em;
	font-family: "Arial", "Tahoma", "MS Sans Serif", sans-serif;
}
ul#menu-nav li a, a {
	text-decoration: none;
	color: #993300;
	font-size: 100%;
}
ul#menu-nav li a:hover, a:hover {
	text-decoration: underline;
	color: #993300;
}
ul#menu-nav li a.bold {
	font-weight: bold;
}
/**************************************************
header
**************************************************/
div#header {
	background: transparent;
	position: absolute;
	top: 0px;
	left: 50px;
	width: 350px;
}
div#header h1 {
	font-family: verdana;
	font-size: 200%;
	color: #6b2400;
}
div#header h1.ligne1 {
	text-align: left;
}
div#header h1.ligne2 {
	text-align: right;
	margin-top: -15px;
}
div#header p {
	text-align: right;
	font-size: 100%;
	font-weight: bold;
	color: #993300;
}