@charset "utf-8";
@import url('boutique.css');
/* CSS Document */
/***** Titre des pages *****/
h2#hBienvenue {
background: #333 url(../img/gb/h_bienvenue.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hCgv {
background: #333 url(../img/gb/h_cgv.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hSituation {
background: #333 url(../img/gb/h_situation.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hRestaurant {
background: #333 url(../img/gb/h_restaurant.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hTarif {
background: #333 url(../img/gb/h_tarif.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hLien {
background: #333 url(../img/gb/h_lien.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hActu {
background: #333 url(../img/gb/h_actualite.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hReservation {
background: #333 url(../img/gb/h_reservation.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hContact {
background: #333 url(../img/gb/h_contact.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hRetourForm {
background: #333 url(../img/gb/h_contact_reservation.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hPlan {
background: #333 url(../img/gb/h_plan.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hCredit {
background: #333 url(../img/gb/h_credit.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hMateriel {
background: #333 url(../img/gb/h_materiel.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hMention {
background: #333 url(../img/gb/h_mention.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hNewsletter {
background: #333 url(../img/gb/h_newsletter.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hOffre {
background: #333 url(../img/gb/h_offre.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hPresse {
background: #333 url(../img/gb/h_presse.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hSeminaire {
background: #333 url(../img/gb/h_seminaire.gif) left top no-repeat;
height: 38px;
margin: 0;
padding: 0;
}
h2#hVideo {
background: #333 url(../img/gb/h_video.gif) left top no-repeat;
height: 38px;
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: 30px; width: 53px;}
#navHotel			{left: 83px; width: 52px;}
#navSituation		{left: 135px; width: 74px;}
#navRestaurant		{left: 209px; width: 87px;}
#navSpa				{left: 296px; width: 43px;}
#navService			{left: 339px; width: 70px;}
#navMateriel		{left: 409px; width: 72px;}
#navTarifs			{left: 481px; width: 57px;}
#navOffre			{left: 538px; width: 105px;}
#navSeminaire		{left: 643px; width: 76px;}
#navReservation		{left: 719px; width: 75px;}
#navContact			{left: 794px; width: 74px;}
#navMonPanier		{left: 868px; width: 77px;}
#navUk				{left: 945px; width: 43px;}

#navAccueil a:hover		{background: transparent url(../img/gb/nav.gif) -30px -25px no-repeat;}
#navHotel a:hover		{background: transparent url(../img/gb/nav.gif) -83px -25px no-repeat;}
#navSituation a:hover	{background: transparent url(../img/gb/nav.gif) -135px -25px no-repeat;}
#navRestaurant a:hover	{background: transparent url(../img/gb/nav.gif) -209px -25px no-repeat;}
#navSpa a:hover			{background: transparent url(../img/gb/nav.gif) -296px -25px no-repeat;}
#navService a:hover		{background: transparent url(../img/gb/nav.gif) -339px -25px no-repeat;}
#navMateriel a:hover	{background: transparent url(../img/gb/nav.gif) -409px -25px no-repeat;}
#navTarifs a:hover		{background: transparent url(../img/gb/nav.gif) -481px -25px no-repeat;}
#navOffre a:hover		{background: transparent url(../img/gb/nav.gif) -538px -25px no-repeat;}
#navSeminaire a:hover	{background: transparent url(../img/gb/nav.gif) -643px -25px no-repeat;}
#navReservation a:hover	{background: transparent url(../img/gb/nav.gif) -719px -25px no-repeat;}
#navContact a:hover		{background: transparent url(../img/gb/nav.gif) -794px -25px no-repeat;}
#navMonPanier a:hover	{background: transparent url(../img/gb/nav.gif) -868px -25px no-repeat;}

/* "Vous etes ici" - Navigation principale */
body#pageAccueil #navAccueil 				{background: transparent url(../img/gb/nav.gif) -30px -25px no-repeat;}
body#pageHotel #navHotel 					{background: transparent url(../img/gb/nav.gif) -83px -25px no-repeat;}
body#pageSituation #navSituation 			{background: transparent url(../img/gb/nav.gif) -135px -25px no-repeat;}
body#pageRestaurant #navRestaurant 			{background: transparent url(../img/gb/nav.gif) -209px -25px no-repeat;}
body#pageSpa #navSpa 						{background: transparent url(../img/gb/nav.gif) -296px -25px no-repeat;}
body#pageService #navService 				{background: transparent url(../img/gb/nav.gif) -339px -25px no-repeat;}
body#pageBoutique #navMateriel				{background: transparent url(../img/gb/nav.gif) -409px -25px no-repeat;}
body#pageTarifs #navTarifs 					{background: transparent url(../img/gb/nav.gif) -481px -25px no-repeat;}
body#pageOffre #navOffre 					{background: transparent url(../img/gb/nav.gif) -538px -25px no-repeat;}
body#pageSeminaire #navSeminaire 			{background: transparent url(../img/gb/nav.gif) -643px -25px no-repeat;}
body#pageReservation #navReservation 		{background: transparent url(../img/gb/nav.gif) -719px -25px no-repeat;}
body#pageContact #navContact 				{background: transparent url(../img/gb/nav.gif) -794px -25px no-repeat;}
body#pagePanier #navMonPanier 				{background: transparent url(../img/gb/nav.gif) -861px -25px no-repeat;}
/***** Navigation dans la page Situation *****/
/*********************************************/
div#navPageSituation {
	height: 38px;
	width: 987px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #333;
	}
div#navPageSituation ul {
	height: 38px;
	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 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
div#navPageSituation ul li, div#navPageSituation ul a {
/*border: 1px solid red;*/
	height: 38px;
	display: block;
	}
div#navPageSituation ul li a {
text-decoration: none;
text-indent: -9999px;
}
#navPageSituationExposition {left: 196px; width: 61px;}
#navPageSituationStation {left: 257px; width: 58px;}
#navPageSituationDomaine {left: 315px; width: 89px;}
#navPageSituationAcces {left: 404px; width: 62px;}

#navPageSituationExposition a:hover {background: transparent url(../img/gb/nav_page_situation.gif) -196px -38px no-repeat;}
#navPageSituationStation a:hover {background: transparent url(../img/gb/nav_page_situation.gif) -257px -38px no-repeat;}
#navPageSituationDomaine a:hover {background: transparent url(../img/gb/nav_page_situation.gif) -315px -38px no-repeat;}
#navPageSituationAcces a:hover {background: transparent url(../img/gb/nav_page_situation.gif) -404px -38px no-repeat;}

/* "Vous etes ici" - Navigation page Entrez dans l'Hotel */
body#pageSituation.rubExposition #navPageSituationExposition {background: transparent url(../img/gb/nav_page_situation.gif) -196px -38px no-repeat;}
body#pageSituation.rubStation #navPageSituationStation {background: transparent url(../img/gb/nav_page_situation.gif) -257px -38px no-repeat;}
body#pageSituation.rubDomaine #navPageSituationDomaine {background: transparent url(../img/gb/nav_page_situation.gif) -315px -38px no-repeat;}
body#pageSituation.rubAcces #navPageSituationAcces {background: transparent url(../img/gb/nav_page_situation.gif) -404px -38px no-repeat;}
/***** Navigation dans la page Hotel *****/
/**********************************************************/
div#navPageHotel {
	height: 38px;
	width: 988px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #333;
	}

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

div#navPageHotel ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
div#navPageHotel ul li, div#navPageHotel ul li a {
/*border: 1px solid red;*/
	height: 38px;
	display: block;
	margin: 0;
	padding: 0;
	}
div#navPageHotel ul li a {
text-decoration: none;
text-indent: -9999px;
}
#navPageHotelAmbiance	{left: 151px; width: 61px;}
#navPageHotelChambre 	{left: 212px; width: 147px;}
#navPageHotelSalon 		{left: 359px; width: 124px;}

#navPageHotelAmbiance a:hover 	{background: transparent url(../img/gb/nav_page_accueil_hotel.gif) -151px -38px no-repeat;}
#navPageHotelChambre a:hover 	{background: transparent url(../img/gb/nav_page_accueil_hotel.gif) -212px -38px no-repeat;}
#navPageHotelSalon a:hover 		{background: transparent url(../img/gb/nav_page_accueil_hotel.gif) -359px -38px no-repeat;}

/* "Vous etes ici" - Navigation page Hotel */
body#pageHotel.rubAmbiance #navPageHotelAmbiance 	{background: transparent url(../img/gb/nav_page_accueil_hotel.gif) -151px -38px no-repeat;}
body#pageHotel.rubChambre #navPageHotelChambre 		{background: transparent url(../img/gb/nav_page_accueil_hotel.gif) -212px -38px no-repeat;}
body#pageHotel.rubSalon #navPageHotelSalon 			{background: transparent url(../img/gb/nav_page_accueil_hotel.gif) -359px -38px no-repeat;}
/***** Navigation dans la page Restaurant *****/
/**********************************************/
div#navPageRestaurant {
	height: 38px;
	width: 988px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #333;
	}

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

div#navPageRestaurant ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
div#navPageRestaurant ul li, div#navPageRestaurant ul li a {
/*border: 1px solid red;*/
	height: 38px;
	display: block;
	margin: 0;
	padding: 0;
	}
div#navPageRestaurant ul li a {
text-decoration: none;
text-indent: -9999px;
}
#navPageRestaurantMidi	{left: 331px; width: 58px;}
#navPageRestaurantSoir 	{left: 389px; width: 61px;}
#navPageRestaurantCarte {left: 450px; width: 60px;}

#navPageRestaurantMidi a:hover 	{background: transparent url(../img/gb/nav_page_restaurant.gif) -331px -38px no-repeat;}
#navPageRestaurantSoir a:hover 	{background: transparent url(../img/gb/nav_page_restaurant.gif) -389px -38px no-repeat;}
#navPageRestaurantCarte a:hover {background: transparent url(../img/gb/nav_page_restaurant.gif) -450px -38px no-repeat;}

/* "Vous etes ici" - Navigation page Hotel */
body#pageRestaurant.rubMidi #navPageRestaurantMidi 		{background: transparent url(../img/gb/nav_page_restaurant.gif) -331px -38px no-repeat;}
body#pageRestaurant.rubSoir #navPageRestaurantSoir 		{background: transparent url(../img/gb/nav_page_restaurant.gif) -389px -38px no-repeat;}
body#pageRestaurant.rubCarte #navPageRestaurantCarte 	{background: transparent url(../img/gb/nav_page_restaurant.gif) -450px -38px no-repeat;}
/***** Navigation dans la page Spa *****/
/********************************************/

div#navPageSpa {
	height: 38px;
	width: 988px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #333;
	}

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

div#navPageSpa ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
div#navPageSpa ul li, div#navPageSpa ul a {
/*border: 1px solid red;*/
	height: 38px;
	display: block;
	}
div#navPageSpa ul li a {
text-decoration: none;
text-indent: -9999px;
}
#navPageSpaPiscine {left: 128px; width: 114px;}
#navPageSpaSoin {left: 242px; width: 223px;}

#navPageSpaPiscine a:hover {background: transparent url(../img/gb/nav_page_spa.gif) -128px -38px no-repeat;}
#navPageSpaSoin a:hover {background: transparent url(../img/gb/nav_page_spa.gif) -242px -38px no-repeat;}

/* "Vous etes ici" - Navigation page Spa */
body#pageSpa.rubPiscine #navPageSpaPiscine {background: transparent url(../img/gb/nav_page_spa.gif) -128px -38px no-repeat;}
body#pageSpa.rubSoin #navPageSpaSoin {background: transparent url(../img/gb/nav_page_spa.gif) -242px -38px no-repeat;}

/***** Navigation dans la page Service *****/
/********************************************/

div#navPageService {
	height: 38px;
	width: 988px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #333;
	}

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

div#navPageService ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
div#navPageService ul li, div#navPageService ul a {
/*border: 1px solid red;*/
	height: 38px;
	display: block;
	}
div#navPageService ul li a {
text-decoration: none;
text-indent: -9999px;
}
#navPageServiceDispo {left: 191px; width: 106px;}
#navPageServiceMagasin {left: 297px; width: 86px;}

#navPageServiceDispo a:hover {background: transparent url(../img/gb/nav_page_service.gif) -191px -38px no-repeat;}
#navPageServiceMagasin a:hover {background: transparent url(../img/gb/nav_page_service.gif) -297px -38px no-repeat;}

/* "Vous etes ici" - Navigation page Services */
body#pageService.rubDispo #navPageServiceDispo {background: transparent url(../img/gb/nav_page_service.gif) -191px -38px no-repeat;}
body#pageService.rubMagasin #navPageServiceMagasin {background: transparent url(../img/gb/nav_page_service.gif) -297px -38px no-repeat;}
/******************************************************/
/***** Navigation dans la page Acces a la station *****/
/******************************************************/

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

div#navPageAcces ul {
	height: 38px;
	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 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
div#navPageAcces ul li, div#navPageAcces ul a {
/*border: 1px solid red;*/
	height: 38px;
	display: block;
	}
div#navPageAcces ul li a {
text-decoration: none;
text-indent: -9999px;
}
#nav3Route {left: 388px; width: 77px;}
#nav3Train {left: 466px; width: 73px;}
#nav3Avion {left: 540px; width: 79px;}

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

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