@charset "utf-8";
@import url('boutique.css');
/* CSS Document */
/* Hotel Kaya */
#submenuReservation {
background: #3E3E3E;
font-size: 12px;
left: 675px;
padding: 2px 7px;
position: absolute;
top: 104px;
visibility: hidden;
z-index: 2;
}
#submenuReservation a {text-decoration: none;}
#submenuReservation li {
margin: 2px 0;
}
#submenuReservation ul {
list-style-type: none;
margin: 0;
padding: 0 0 0 2px;
}
/***** Titre des pages *****/
h2#hCgv {
background: #333 url(../img/gb/h_cgv.gif) left top no-repeat;
height: 29px;
margin: 0;
padding: 0;
}
h2#hSituation {
background: #333 url(../img/gb/h_situation.gif) left top no-repeat;
height: 29px;
margin: 0;
padding: 0;
}
h2#hRestaurant {
background: #333 url(../img/gb/h_restaurant.gif) left top no-repeat;
height: 29px;
margin: 0;
padding: 0;
}
h2#hTarif {
background: #333 url(../img/gb/h_tarif.gif) left top no-repeat;
height: 29px;
margin: 0;
padding: 0;
}
h2#hLien {
background: #333 url(../img/gb/h_lien.gif) left top no-repeat;
height: 29px;
margin: 0;
padding: 0;
}
h2#hActu {
background: #333 url(../img/gb/h_actualite.gif) left top no-repeat;
height: 29px;
margin: 0;
padding: 0;
}
h2#hReservation {
background: #333 url(../img/gb/h_reservation.gif) left top no-repeat;
height: 29px;
margin: 0;
padding: 0;
}
h2#hContact {
background: #333 url(../img/gb/h_contact.gif) left top no-repeat;
height: 29px;
margin: 0;
padding: 0;
}
h2#hRetourForm {
background: #333 url(../img/gb/h_contact_reservation.gif) left top no-repeat;
height: 29px;
margin: 0;
padding: 0;
}
h2#hPlan {
background: #333 url(../img/gb/h_plan.gif) left top no-repeat;
height: 29px;
margin: 0;
padding: 0;
}
h2#hCredit {
background: #333 url(../img/gb/h_credit.gif) left top no-repeat;
height: 29px;
margin: 0;
padding: 0;
}
h2#hMateriel {
background: #333 url(../img/gb/h_materiel.gif) left top no-repeat;
height: 29px;
margin: 0;
padding: 0;
}
h2#hMention {
background: #333 url(../img/gb/h_mention.gif) left top no-repeat;
height: 29px;
margin: 0;
padding: 0;
}
h2#hOffre {
background: #333 url(../img/gb/h_offre.gif) left top no-repeat;
height: 29px;
margin: 0;
padding: 0;
}
h2#hPresse {
background: #333 url(../img/gb/h_presse.gif) left top no-repeat;
height: 29px;
margin: 0;
padding: 0;
}
h2#hVideo {
background: #333 url(../img/gb/h_video.gif) left top no-repeat;
height: 29px;
margin: 0;
padding: 0;
}
/***** Navigation principale ******/
/**********************************/
div#globalnav {
	height: 25px;
	width: 988px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #3E3E3E;
	}

div#globalnav ul#menu {
	height: 25px;
	width: 988px;
	background: transparent url(../img/gb/nav.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#globalnav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
/*border: 1px solid red;*/
	height: 25px;
	display: block;
	}
div#globalnav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
#navAccueil			{left: 57px; width: 76px;}
#navSituation		{left: 133px; width: 100px;}
#navEntrez			{left: 233px; width: 108px;}
#navRestaurant		{left: 341px; width: 78px;}
#navServices		{left: 419px; width: 61px;}
#navMateriel		{left: 480px; width: 100px;}
#navTarifs			{left: 580px; width: 43px;}
#navOffre			{left: 623px; width: 95px;}
#navReservations	{left: 718px; width: 90px;}
#navContact			{left: 808px; width: 63px;}
#navMonPanier		{left: 870px; width: 76px;}
#navFr				{left: 946px; width: 42px;}

#navAccueil a:hover			{background: transparent url(../img/gb/nav.gif) -57px -25px no-repeat;}
#navSituation a:hover		{background: transparent url(../img/gb/nav.gif) -133px -25px no-repeat;}
#navEntrez a:hover			{background: transparent url(../img/gb/nav.gif) -233px -25px no-repeat;}
#navRestaurant a:hover		{background: transparent url(../img/gb/nav.gif) -341px -25px no-repeat;}
#navServices a:hover		{background: transparent url(../img/gb/nav.gif) -419px -25px no-repeat;}
#navMateriel a:hover		{background: transparent url(../img/gb/nav.gif) -480px -25px no-repeat;}
#navTarifs a:hover			{background: transparent url(../img/gb/nav.gif) -580px -25px no-repeat;}
#navOffre a:hover			{background: transparent url(../img/gb/nav.gif) -623px -25px no-repeat;}
#navReservations a:hover	{background: transparent url(../img/gb/nav.gif) -718px -25px no-repeat;}
#navContact a:hover			{background: transparent url(../img/gb/nav.gif) -808px -25px no-repeat;}
#navMonPanier a:hover		{background: transparent url(../img/gb/nav.gif) -870px -25px no-repeat;}

/* "Vous etes ici" - Navigation principale */
body#pageAccueil #navAccueil {background: transparent url(../img/gb/nav.gif) -57px -25px no-repeat;}
body#pageSituationExposition #navSituation,
body#pageSituationDomaine #navSituation,
body#pageSituationPiste #navSituation
{background: transparent url(../img/gb/nav.gif) -133px -25px no-repeat;}

body#pageEntrezAccueil #navEntrez,
body#pageEntrezDeco #navEntrez,
body#pageEntrezChambres #navEntrez,
body#pageEntrezSalons #navEntrez
{background: transparent url(../img/gb/nav.gif) -233px -25px no-repeat;}

body#pageRestaurant #navRestaurant {background: transparent url(../img/gb/nav.gif) -341px -25px no-repeat;}

body#pageServicesBienetre #navServices,
body#pageServicesMagasin #navServices
{background: transparent url(../img/gb/nav.gif) -419px -25px no-repeat;}

body#pageMateriel #navMateriel	{background: transparent url(../img/gb/nav.gif) -480px -25px no-repeat;}

body#pageTarifs #navTarifs {background: transparent url(../img/gb/nav.gif) -580px -25px no-repeat;}
body#pageOffre #navOffre {background: transparent url(../img/gb/nav.gif) -623px -25px no-repeat;}
body#pageReservations #navReservations {background: transparent url(../img/gb/nav.gif) -718px -25px no-repeat;}
body#pageContact #navContact {background: transparent url(../img/gb/nav.gif) -808px -25px no-repeat;}
body#pagePanier #navMonPanier {background: transparent url(../img/gb/nav.gif) -870px -25px no-repeat;}
/**/	
/*#navAccueil			{left: 73px; width: 72px;}
#navSituation		{left: 145px; width: 100px;}
#navEntrez			{left: 245px; width: 108px;}
#navRestaurant		{left: 353px; width: 78px;}
#navServices		{left: 431px; width: 60px;}
#navMateriel		{left: 491px; width: 101px;}
#navTarifs			{left: 592px; width: 43px;}
#navActu			{left: 635px; width: 42px;}
#navReservations	{left: 677px; width: 89px;}
#navContact			{left: 766px; width: 63px;}
#navMonPanier		{left: 829px; width: 75px;}
#navFr				{left: 946px; width: 42px;}

#navAccueil a:hover			{background: transparent url(../img/gb/nav.gif) -73px -25px no-repeat;}
#navSituation a:hover		{background: transparent url(../img/gb/nav.gif) -145px -25px no-repeat;}
#navEntrez a:hover			{background: transparent url(../img/gb/nav.gif) -245px -25px no-repeat;}
#navRestaurant a:hover		{background: transparent url(../img/gb/nav.gif) -353px -25px no-repeat;}
#navServices a:hover		{background: transparent url(../img/gb/nav.gif) -431px -25px no-repeat;}
#navMateriel a:hover		{background: transparent url(../img/gb/nav.gif) -491px -25px no-repeat;}
#navTarifs a:hover			{background: transparent url(../img/gb/nav.gif) -592px -25px no-repeat;}
#navActu a:hover			{background: transparent url(../img/gb/nav.gif) -635px -25px no-repeat;}
#navReservations a:hover	{background: transparent url(../img/gb/nav.gif) -677px -25px no-repeat;}
#navContact a:hover			{background: transparent url(../img/gb/nav.gif) -766px -25px no-repeat;}
#navMonPanier a:hover		{background: transparent url(../img/gb/nav.gif) -829px -25px no-repeat;}*/

/*#navFr a:hover {background: transparent url(img/gb/nav.gif) -947px -25px no-repeat;}*/

/* "Vous etes ici" - Navigation principale */
/*body#pageAccueil #navAccueil {background: transparent url(../img/gb/nav.gif) -73px -25px no-repeat;}
body#pageSituationExposition #navSituation,
body#pageSituationDomaine #navSituation,
body#pageSituationPiste #navSituation
{background: transparent url(../img/gb/nav.gif) -145px -25px no-repeat;}

body#pageEntrezAccueil #navEntrez,
body#pageEntrezDeco #navEntrez,
body#pageEntrezChambres #navEntrez,
body#pageEntrezSalons #navEntrez
{background: transparent url(../img/gb/nav.gif) -245px -25px no-repeat;}

body#pageRestaurant #navRestaurant {background: transparent url(../img/gb/nav.gif) -353px -25px no-repeat;}

body#pageServicesBienetre #navServices,
body#pageServicesMagasin #navServices
{background: transparent url(../img/gb/nav.gif) -431px -25px no-repeat;}

body#pageMateriel #navMateriel	{background: transparent url(../img/gb/nav.gif) -491px -25px no-repeat;}


body#pageTarifs #navTarifs {background: transparent url(../img/gb/nav.gif) -592px -25px no-repeat;}
body#pageActu #navActu {background: transparent url(../img/gb/nav.gif) -635px -25px no-repeat;}
body#pageReservations #navReservations {background: transparent url(../img/gb/nav.gif) -677px -25px no-repeat;}
body#pageContact #navContact {background: transparent url(../img/gb/nav.gif) -766px -25px no-repeat;}
body#pagePanier #navMonPanier {background: transparent url(../img/gb/nav.gif) -766px -25px no-repeat;}*/
/*********************************/
/***** Navigation secondaire *****/
/*********************************/
div#subnav {
/*border: 1px solid red;*/
background: #333 url(../img/gb/subnav.gif) top right no-repeat;
font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
height: 21px;
margin: 0 0 0 334px;
padding: 0;
position: relative;
width: 654px;
}
div#subnav ul#menu2 {
height: 19px;
margin: 0 0 0 76px;
padding: 2px 0 0 0;
}
div#subnav ul#menu2 li {
/*border: 1px solid aqua;*/
float: left;
list-style-type: none;
margin: 0 9px 0 0;
padding: 0;
}
div#subnav ul#menu2 li a {
color: #999;
text-decoration: none;
}
div#subnav ul#menu2 li a:hover {
color: #FFF;
}

/*********************************************/
/***** Navigation dans la page Situation *****/
/*********************************************/

div#navPageSituation {
	height: 29px;
	width: 987px;
	margin: -17px 0 0 0;
	padding: 0;
	border: 0;
	background: #333;
	}

div#navPageSituation ul#menu3 {
	height: 29px;
	width: 987px;
	background: transparent url(../img/gb/nav_page_situation.gif) top left no-repeat;
	left: 0;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#navPageSituation ul#menu3 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
div#navPageSituation ul#menu3 li, ul#menu3 a {
/*border: 1px solid red;*/
	height: 29px;
	display: block;
	}
div#navPageSituation ul#menu3 li a {
text-decoration: none;
text-indent: -9999px;
}
#nav3Exposition {left: 388px; width: 70px;}
#nav3Domaine {left: 459px; width: 68px;}
#nav3Piste {left: 528px; width: 107px;}

#nav3Exposition a:hover {background: transparent url(../img/gb/nav_page_situation.gif) -388px -29px no-repeat;}
#nav3Domaine a:hover {background: transparent url(../img/gb/nav_page_situation.gif) -459px -29px no-repeat;}
#nav3Piste a:hover {background: transparent url(../img/gb/nav_page_situation.gif) -528px -29px no-repeat;}

/* "Vous etes ici" - Navigation page Entrez dans l'Hotel */
body#pageSituationExposition #nav3Exposition {background: transparent url(../img/gb/nav_page_situation.gif) -388px -29px no-repeat;}
body#pageSituationDomaine #nav3Domaine {background: transparent url(../img/gb/nav_page_situation.gif) -459px -29px no-repeat;}
body#pageSituationPiste #nav3Piste {background: transparent url(../img/gb/nav_page_situation.gif) -528px -29px no-repeat;}

/**********************************************************/
/***** Navigation dans la page Entrez dans de l'Hotel *****/
/**********************************************************/
div#navPageEntrez {
	height: 29px;
	width: 987px;
	margin: -17px 0 0 0;
	padding: 0;
	border: 0;
	background: #333;
	}

div#navPageEntrez ul#menu3 {
	height: 29px;
	width: 987px;
	background: transparent url(../img/gb/nav_page_entrez.gif) top left no-repeat;
	left: 0;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#navPageEntrez ul#menu3 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
div#navPageEntrez ul#menu3 li, ul#menu3 a {
/*border: 1px solid red;*/
	height: 29px;
	display: block;
	}
div#navPageEntrez ul#menu3 li a {
text-decoration: none;
text-indent: -9999px;
}
#nav3Accueil {left: 388px; width: 83px;}
#nav3Deco {left: 472px; width: 96px;}
#nav3Chambres {left: 569px; width: 131px;}
#nav3Salons {left: 701px; width: 132px;}

#nav3Accueil a:hover {background: transparent url(../img/gb/nav_page_entrez.gif) -388px -29px no-repeat;}
#nav3Deco a:hover {background: transparent url(../img/gb/nav_page_entrez.gif) -472px -29px no-repeat;}
#nav3Chambres a:hover {background: transparent url(../img/gb/nav_page_entrez.gif) -569px -29px no-repeat;}
#nav3Salons a:hover {background: transparent url(../img/gb/nav_page_entrez.gif) -701px -29px no-repeat;}

/* "Vous etes ici" - Navigation page Entrez dans l'Hotel */
body#pageEntrezAccueil #nav3Accueil {background: transparent url(../img/gb/nav_page_entrez.gif) -388px -29px no-repeat;}
body#pageEntrezDeco #nav3Deco {background: transparent url(../img/gb/nav_page_entrez.gif) -472px -29px no-repeat;}
body#pageEntrezChambres #nav3Chambres {background: transparent url(../img/gb/nav_page_entrez.gif) -569px -29px no-repeat;}
body#pageEntrezSalons #nav3Salons {background: transparent url(../img/gb/nav_page_entrez.gif) -701px -29px no-repeat;}

/********************************************/
/***** Navigation dans la page Services *****/
/********************************************/

div#navPageServices {
	height: 29px;
	width: 987px;
	margin: -17px 0 0 0;
	padding: 0;
	border: 0;
	background: #333;
	}

div#navPageServices ul#menu3 {
	height: 29px;
	width: 987px;
	background: transparent url(../img/gb/nav_page_services.gif) top left no-repeat;
	left: 0;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#navPageServices ul#menu3 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
div#navPageServices ul#menu3 li, ul#menu3 a {
/*border: 1px solid red;*/
	height: 29px;
	display: block;
	}
div#navPageServices ul#menu3 li a {
text-decoration: none;
text-indent: -9999px;
}
#nav3Bienetre {left: 388px; width: 85px;}
#nav3Magasin {left: 474px; width: 97px;}

#nav3Bienetre a:hover {background: transparent url(../img/gb/nav_page_services.gif) -388px -29px no-repeat;}
#nav3Magasin a:hover {background: transparent url(../img/gb/nav_page_services.gif) -474px -29px no-repeat;}

/* "Vous etes ici" - Navigation page Services */
body#pageServicesBienetre #nav3Bienetre {background: transparent url(../img/gb/nav_page_services.gif) -388px -29px no-repeat;}
body#pageServicesMagasin #nav3Magasin {background: transparent url(../img/gb/nav_page_services.gif) -474px -29px no-repeat;}

/******************************************************/
/***** Navigation dans la page Acces a la station *****/
/******************************************************/

div#navPageAcces {
	height: 29px;
	width: 987px;
	margin: -17px 0 0 0;
	padding: 0;
	border: 0;
	background: #333;
	}

div#navPageAcces ul#menu3 {
	height: 29px;
	width: 987px;
	background: transparent url(../img/gb/nav_page_acces.gif) top left no-repeat;
	left: 0;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#navPageAcces ul#menu3 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
div#navPageAcces ul#menu3 li, ul#menu3 a {
/*border: 1px solid red;*/
	height: 29px;
	display: block;
	}
div#navPageAcces ul#menu3 li a {
text-decoration: none;
text-indent: -9999px;
}
#nav3Route {left: 388px; width: 66px;}
#nav3Train {left: 455px; width: 68px;}
#nav3Avion {left: 524px; width: 75px;}

#nav3Route a:hover {background: transparent url(../img/gb/nav_page_acces.gif) -388px -29px no-repeat;}
#nav3Train a:hover {background: transparent url(../img/gb/nav_page_acces.gif) -455px -29px no-repeat;}
#nav3Avion a:hover {background: transparent url(../img/gb/nav_page_acces.gif) -524px -29px no-repeat;}

body#pageAccesRoute #nav3Route {background: transparent url(../img/gb/nav_page_acces.gif) -388px -29px no-repeat;}
body#pageAccesTrain #nav3Train {background: transparent url(../img/gb/nav_page_acces.gif) -455px -29px no-repeat;}
body#pageAccesAvion #nav3Avion {background: transparent url(../img/gb/nav_page_acces.gif) -524px -29px no-repeat;}