* {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	border: none;
}

html, body
{
    height:100%;
    background: url( ../images/backbody.jpg ) repeat-x fixed center center;
}

div#content {
	position: relative;
	background: url( ../images/backcontent.png ) no-repeat center 40px;
	width: 965px;
	height: 540px;
	margin: 0 auto;
}

div#content.up {
	top: 50%;
	left:0px;
 	margin-top: -300px;
}

div#content.down {
	top:0px;
	left:0px;
 	margin-top: 10px;
}

img#logo {
	position: relative;
	top: 90px;
	left: 60px;
}

ul#comments {
	position: relative !important;
	top: 80px;
	list-style: none;
	text-align: center;
	color: white;
	font-size: 18px;
	font-weight: bold;
	width:100%;
}

ul#comments li {
	width: 100%;
}

ul#comments span {
	font-size: 14px;
	font-weight: normal;	
}


/* TABLE D'HOTE */

	table {
		float: left;
		position: relative;
		width: 48%;
		top: 70px;
		left: 25px;
		border-right: 1px solid gray;
	}
		
	td {
		font-size: 16px;
		font-weight: bold;
		color: white;
		text-align: right;
		padding:6px 30px;
		width: 70%;
	}
	
	td.prix {
		font-size: 15px;
		font-style: italic;
		color: black;
		padding: 6px 20px;
		text-align: left;
		width: 20%;
	}

	div#table p {
		position: relative;
		top: 50%;
		margin-top: -75px;
		right: 30px;
		width: 40%;
		float: right;
		color: white;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}
	
	div#dejeuners p, div#specialites p {
		position: relative;
		font-size: 16px;
		color: white;
		font-weight: bold;
		text-align: center;
		width: 80%;
		top:40px;
		margin: 90px auto;
		
	}
	
	div#dejeuners a, div#specialites a {
		color: #ffc429;
	}
	
	ul.images {
		position: relative;
		margin: 0 auto;
		width: 620px;
	}
	
	ul.images li {
		display: inline;
		float: left;
	}


/* CONTACT */

p.adresse {
	position: relative;
	padding-left: 570px;
	top: 150px;
}

p.adresse b {
	font-size: 16px;
	color: white;
}

/* SLIDER */

#slider {
  width: 858px;
  margin: 0 auto;
  position: relative;
}


ul.navigation {
	position: relative;
	margin: auto;
	text-align: center;
}

ul.navigation li {
	padding: 10px;
	display: inline;
}

ul.navigation a {
	font-size: 20px;
	font-weight: bolder;
	color: #ffc429;
	text-decoration: none;
}

ul.bottom {
	top: 60px;
}

ul.bottom a {
	color: #e37025;
}

ul.navigation a:hover {
	color: white;
}

ul.navigation a.selected {
	color: white;
}

.scroll {
  height: 460px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  height: 450px;
  width: 858px; /* change to 560px if not using JS to remove rh.scroll */
  padding-top: 20px;
}

.scrollButtons {
  position: absolute;
  top: 45%;
  cursor: pointer;
}

.scrollButtons.left {
  left: -27px;
}

.scrollButtons.right {
  right: -27px;
}