/************* Style CSS de base de La Croisée Des Chemins ***************/

body{
	background-color: #E2B170;
	color: #000;
	background-image: url("../img/fond.jpg");
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10pt;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

/************* SPLASH ***************/

#splash {
	background-color: transparent;
	color: inherit;
	width: 750px;
	height: 650px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -325px;
	margin-left: -375px;
}

.centre{
	width: 750px;
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-indent: -99999px
}


#splash img {
	border: 0px;
}

.colonne {
	width: 250px;
	float: left;
	text-align: center;
	margin: 50px 0px 50px 0px;
}

.footerSplash{
	width: 750px;
	font-size: 11px;
	text-align: center;
	position: absolute;
	bottom : 0px;
}


/************* MAIN ***************/

#main {
	background-color: transparent;
	color: inherit;
	width: 900px;
	margin: 22px auto;
	position: relative;
}

/************* HEADER ***************/

#headerBg {
	background-image: url("../img/bg_top_header.png");
	background-repeat: repeat-x;
	position: relative;
	z-index: 1;
	top: -25px;
	height: 150px;
}

#header {
	background-color: inherit;
	color: inherit;
	position: relative;
	z-index: 2;
	top: 25px;
}

#header a, #header img {
	border: none;
}

/************* MENU ***************/

#menu {
	background-image: url("../img/ombre_bottom_menu.jpg");
	background-repeat: repeat-x;
	position: relative;
	z-index: 2;
	left: 0px;
	top: 35px;
}

#menuUl {
	background: url("../img/menu_sprite.jpg") no-repeat;
	width: 900px;
	height: 35px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	left: 0px;
	top: -35px;
}

#menuUl li, #menuUl a {
	height: 35px;
	display: block;
}

#menuUl li {
	float: left;
	list-style: none;
	display: inline;
	position: relative;
}

#menuHome 			{width: 70px;}
#menuRiad 			{width: 98px;}
#menuChambres 		{width: 148px;}
#menuPrestations 	{width: 136px;}
#menuTarifs 			{width: 93px;}
#menuDecouverte 		{width: 135px;}
#menuContact 		{width: 111px;}
#menuPhotos 			{width: 109px;}

#menuHome 			a:hover		{background: url("../img/menu_sprite.jpg") 0px -35px no-repeat;}
#menuRiad  			a:hover		{background: url("../img/menu_sprite.jpg") -70px -35px no-repeat;}
#menuChambres 		a:hover 		{background: url("../img/menu_sprite.jpg") -168px -35px no-repeat;}
#menuPrestations 	a:hover		{background: url("../img/menu_sprite.jpg") -316px -35px no-repeat;}
#menuTarifs 			a:hover 		{background: url("../img/menu_sprite.jpg") -452px -35px no-repeat;}
#menuDecouverte 		a:hover 		{background: url("../img/menu_sprite.jpg") -545px -35px no-repeat;}
#menuContact 		a:hover 		{background: url("../img/menu_sprite.jpg") -680px -35px no-repeat;}
#menuPhotos  		a:hover		{background: url("../img/menu_sprite.jpg") -791px -35px no-repeat;}

/************* CONTENT ***************/


#content {
	background-color: #F7DDA0;
	color: inherit;
	min-height: 580px;
	height: auto!important;
	padding: 40px 25px 0px 25px;
	margin: 0px;
}

/************* FOOTER ***************/

#footer {
	background-image: url("../img/bg_bottom_footer.png");
	height: 125px;
	font-size: 11px;
	text-align: center;
	margin: 0px;
	padding: 0;
	clear: both;
}

#footer p {
	margin-top: 0px;
}

#footer li{
	display: inline;
}

#footer a{
	background-color: transparent;
	color: #444444;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}


/************* BACKGROUND ***************/

.bgLeftHeader {
	position: absolute;
	top: -25px;
	left: -39px;
}

.bgRightHeader {
	position: absolute;
	top: -25px;
	right: -39px;
}

.bgLeftMenu {
	position: absolute;
	top: -35px;
	left: -190px;
}

.bgRightMenu {
	position: absolute;
	top: -35px;
	right: -190px;
}

.bgLeft1 {
	position: absolute;
	top: -25px;
	left: -190px;
}

.bgRight1 {
	position: absolute;
	top: -25px;
	right: -190px;
}

.bgContentLeft {
	position: absolute;
	top: 185px;
	left: -39px;
}

.bgContentRight {
	position: absolute;
	top: 185px;
	right: -39px;
}

.bgContentLeft1 {
	position: absolute;
	top: 185px;
	left: -190px;
}

.bgContentRight1 {
	position: absolute;
	top: 185px;
	right: -190px;
}