* {
	margin:0;
	padding:0;
	list-style:none;
}

body {
	background:#e0e0e0 url(/images/bg.gif);
	margin-bottom:2px;
	margin-bottom:2px;
	font-family:georgia;
	color:#333;
}


h1,h2,h3 {
	font-family:"trebuchet ms";
}

p {
	font-size:13px;
}

a {
	color:#00b;
	text-decoration:none;
}

a:hover {
	color:#00f;
	text-decoration:underline; 
}

#container {
	margin:auto;
	width:740px;
	background:#d5e8a4;
	border:2px solid #c1c1c1;
	padding:2px;
}

#header {
	height:152px;
	background:url(/images/quai2.jpg);
	border-bottom:1px solid #c1c1c1;
	position:relative;
}

#header h1 {
	text-align:center;
	color:#fff;
	font-size:30px;
}

#header h2 {
	color:#fff;
	font-size:20px;
	position:absolute;
	bottom:20px;
	width:100%;
	left:0;
	text-align:center;
}

#header h3 {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	position:absolute;
	bottom:0px;
	width:100%;
	left:0;
	text-align:center;
}

#menu {
	background:#eee;
	height:28px;
	border-bottom:1px solid #aaa;
	padding:2px;
}

#menu li {
	float:left;
	width:25%;
	text-align:center;
	height:28px;
}

#menu li a {
	display:block;
	padding-top:4px;
	border:1px solid #aaa;
	font-family:arial;
	font-size:16px;
	text-decoration:none;
	height:22px;
	color:#000;
	background:#ffcc00;
}

#menu li a:hover {
	background:#FFFF66;
	color: #006699;
}

#menu li #mainmenuSel {
	background:#FFFF66;
}

#content {
	padding:0 15px 15px 15px;
	color:#333;
}

#contentalbum { color:#333;padding:0 0 15px 0; }

#adresse {
	text-align:center;
	color:#888;
	font-style:italic;
	font-size:12px;
	margin-top:5px;
	font-family:arial;
}

#content h2,#contentalbum h2 {
	 color: #006699;
	 font-family:"Times New Roman", Times, serif;
	 font-size:24px;	
	 margin-top:15px;
	 text-align:center;
}

#contentalbum #ws { text-align:left; float:right;padding-left:15px;width:605px; }

#content p,#contentalbum p {
	padding-top:30px;
	clear:both;
	text-align:justify;
	font-size:16px;
	line-height:22px;
}

#content p.l img,#contentalbum p.l img {
	float:left;
	border:1px solid #333;
	margin-right:15px;
}

#content p.r img,#contentalbum p.r img {
	float:right;
	border:1px solid #333;
	margin-left:15px;
}

#sections {
	float:left;
	width:120px;
	padding-top:15px;
}

#sections li {
	border:1px solid #000;
	margin:2px;
}

#sections li a {
	display:block;
	padding:5px;
	background:#FFFF66;
	color:#000;
	text-decoration:none;
}


#sections li a:hover {
	background:#ffc;
	color: #006699;
	text-decoration:underline;
}

#sections li a#mnuSel {
	background:#ffc;
	color:#000;
}

#photobox {
	float:left;
	padding-left:20px;
	width:560px;
}

#photobox p {
	margin-top:-10px;
}

#photobox ul {
	text-align:center;
	margin-top:15px;
}

#photobox li {
	display:inline;
	margin-left:10px;
	margin-right:10px;
}

#photobox li a img {
	border:2px solid #006699;
}

#photobox li a:hover img {
	border:2px solid #c00;
}

#photo {
	padding-top:20px;
	clear:both;
	width:500px;
	margin:auto;
	text-align:center;
}

#photo a img {
	border:2px solid #006699;
	margin:auto;
}

#photo a:hover img {
	border:2px solid #c00;
	margin:auto;
}


#reservation {
	padding-left:20px;
	list-style-type:disc;
	margin-top:20px;
}

#reservation li,#tarifs li {
	list-style-type:disc;
	padding-bottom:15px;
	text-align:justify;
}

#calendrier {
	float:left;
	width:326px;
	margin-right:10px;
	padding:10px;
	border:1px solid #aaa;
	text-align:center;
	background:#fff;
}
#calendrier h2,#tarifs h2 {
	margin-bottom:10px;
	margin-top:0;
}

#tarifs {
	float:right;
	width:326px;
	padding:10px;
	border:1px solid #aaa;
	text-align:center;
	background:#fff;
}

#tarifs ul {
padding-left:20px
}



#carte ul {
	text-align:center;
	margin-top:15px;
	height:30px;
	margin-bottom:10px;
}

#carte li {
	display:inline;
	margin-left:10px;
	margin-right:10px;
}

#carte li a {
	padding:5px;
	background:#FFFF66;
	color:#000;
	text-decoration:none;
	border:1px solid #000;
	display:inline-block;
}

#carte li a:hover {
	background:#ffc;
	color: #006699;
	text-decoration:underline;
}

#carte li a#mnumapSel {
	background:#ffc;
}

#map {
	height: 490px; 
	border: 1px solid #000;
	float:left;
	width:342px;
}

#route { 
	height: 480px; 
	border: 1px solid #000;
	float:right;
	width:342px;
	background:#eee;
	overflow:scroll;
	overflow-x:hidden;
	font-size:11px;
	font-family:arial;
}

#printbox {
	clear:both;
	text-align:center;
	margin-top:20px;
}

#printbox a {
	display:block;
	width:300px;
	margin:auto;
	margin-top:20px;
	padding:5px;
	border:1px solid #000;
	color:#000;
	background:#FFFF66;
}

#printbox a:hover {
	background:#ffc;
	color: #006699;
	text-decoration:underline;

}

#footer {
	text-align:center;
	padding:10px;
	font-size:11px;
	font-family:arial;
	border-top:1px solid #aaa;
}

.clear {
	clear:both;
}

.album { clear:right;width:616px;margin:15px auto;border:0;border-spacing:2px;table-layout:fixed; }
.album td { background:#ffc;border:1px solid #aaa; padding:0;text-align:center;width:auto;vertical-align:top;}
.album td.hidden { background:transparent; border:0; }
.album td a { text-decoration:none;display:block; }
.album td a img { border:1px solid #666;width:190px; height:190px;margin:4px; }
.album td a:hover img { border:1px solid #900; }
#contentalbum p { float:right;width:590px;clear:right;padding-left:15px;padding-top:10px;padding-right:15px; }
#contentalbum .album td p { background:#ffe;float:none; width:auto;font-size:11px;font-family:"Times New Roman";line-height:10px;margin:0 3px 3px 3px;padding:2px;height:30px;overflow-y:hidden;border:1px solid #888; }

#lng { position:absolute;top:0;right:0;display:block;font-family:arial;font-size:10px;text-decoration:none;padding:3px;color:#000;background:#fff;border:0;border-left:1px solid #000;border-bottom:1px solid #000; }