@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color:#262b2f;
	background-image:url(../images/background.jpg);
	background-position:center top;
	font-size: 13px;
	color:#ddddde;
	font-family: Arial, Helvetica, sans-serif;
}

img{
padding:0;margin:0;border:0;
}


#wrapper, #container {
  	height: 510px;
  	width: 510px;
}
#wrapper {
  	bottom: 50%;
  	right: 50%;
  	position: absolute;

}
#container {
  	left: 50%;
  	position: relative;
  	top: 50%;
	background-color:#535861;
	border:#3b3f46 solid 5px;
}



#header{
background-image:url(../images/header.jpg);
width:500px;
height:61px;
}

#headerLogo{
padding: 14px 0 0 18px;
}


/* Menu */

#wrapmenu{
width:500px;
background-image:url(../images/bg_menu.gif);
float:left;
}

.menu {
	margin: 0;
	padding: 0 0 0 14px;
	list-style: none;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 30px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 30px;
	background-repeat: no-repeat;
}
.index {background-image: url(../images/btn_roll_home.gif); width: 50px;}
.index a {background-image: url(../images/btn_home.gif);}
.releases {background-image: url(../images/btn_roll_releases.gif); width: 74px;}
.releases a {background-image: url(../images/btn_releases.gif);}
.gallery {background-image: url(../images/btn_roll_gallery.gif); width: 116px;}
.gallery a {background-image: url(../images/btn_gallery.gif);}
.booking {background-image: url(../images/btn_roll_booking.gif); width: 108px;}
.booking a {background-image: url(../images/btn_booking.gif);}

.divider {background-image: url(../images/btn_divider.gif); width: 41px;}


ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/* Contenu */

#headerContent{
background-image: url(../images/header_background.gif);
height:50px;
width:500px;
}

#content{
margin: 0 20px 20px 20px;
width: 460px;
height: 337px;
background-color:#535861;
}


/* Liens */

a:active, a:focus {
outline: 0
}

a:link {
	color: #f23e1f;
	text-decoration: none;
}
a:visited {
	color: #8D8D92;
	text-decoration: none;
}
a:hover {
	color: #D74200;
	text-decoration: none;
	background-color: #484D53;
}


/* juste le styling d'une liste en cas ou tu en aurait de besoin */

#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 10px;
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}