/* GLOBALS */
.ui-tabs-hide {
  display:none;
}

html {
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
/*	background-image: url("../images/background.png");*/
	background-position:top center;
	background-repeat: repeat-x;
}

img {
	border:0;
}

.hiddenPic {
	display:none;
}

.imgBorder2 {
	border-width:1px;
	border-style:solid;
	border-color:#999999;
	padding:1px;
}

input {
	background-color:#F1F1F1;
	font-size:9px;
	font-family: "Courier New", Courier, monospace;
	width:120px;
	margin:0;
	padding:0;
}

select {
	background-color:#F1F1F1;
	font-size:8px;
	font-family: "Courier New", Courier, monospace;
}

#global {
	width:945px;
	height:100%;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	margin-left: auto;
	margin-right: auto;
	/*padding-left:50px;*/
}

#content {
/*	width:890px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
*/
}


/* MIDDLE */

#logo {
	position:relative;
	width:587px;
	height:47px;
}

#MenuVoid {
	height:5px;
}

#MenuItem {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.7em;
	padding-right:8px;
	color: gray;
}

#Tarifs {
	position:absolute;
	top:275px;
}

#xtras {
	position:absolute;
	top:242px;
	font-size:11px;
}

#ctr {
	position:relative;
	left:1px;
	margin-bottom:5px;
	border-width:1px;
	border-style:dashed;
	border-color:#666666;
	padding:1px;
}

/* RIGHT */

#right {
	position:relative;
	left:4px;
	float:left;
	top:59px;
	width:145px;
	margin: 0px;
	padding: 0px;
	height:100%;
}

#clientsContentData {
	margin-top:5px;
	margin-left:5px;
	
}

#clientsContentData a {
	text-decoration:none;
	font-weight:bold;
	color:#666666;
}

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

#basketCacheFinalize {
	z-index:200;
	position:absolute;
	left:-6px;
	top:213px;
	width:158px;
	height:400px;
	overflow:visible;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background-color:white;
}

#basketOrderFinalizeLayer2 input {
	background-color:#F1F1F1;
	font-size:12px;
	font-family: "Courier New", Courier, monospace;
	width:180px;
}

#basketOrderFinalizeLayer2 select {
	background-color:#F1F1F1;
	font-size:12px;
	font-family: "Courier New", Courier, monospace;
	width:180px;
}



#basketContentData {
	margin-top:5px;
	margin-left:2px;
}

#basketItemVoid {
	width:120px;
	margin-top:5px;
	margin-left:5px;
}

#basketItem {
	width:120px;
	height:50px;
	border-top: 1px solid #AAAAAA;
	margin-top:5px;
	margin-left:5px;
}

#basketIconContent {
	position:relative;
	font-size:12px;
	left:2px;
	top:15px;
	text-align:center
}

/* ETC */

#GlobalCart {
	margin-left:-3px;
	float:left;
	width:185px;
	height:600px;
}

#GlobalCartItem {
	font-size:11px;
	font-family: "Courier New", Courier, monospace;
	clear: both;
	height:40px;
}

#CartTitle {
	width:175px;
	padding-top:5px;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}

#CategoryTitle {
	width:137px;
	padding-top:5px;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	font-weight: bold;
	color: #8b008b;
}

#CategoryContent {
	width:137px;
	font-family: "Courier New", Courier, monospace;
	font-size: 0.7em;
	color: #000;
	line-height:15px;
}

/* MENU */

#availLoader {
	z-index: 40;
	position:relative;
	top:340px;
	/*border: solid 1px #CCC;*/
	width:587px;
	height:38px;
}

#availLoader2 {
	z-index: 40;
	position:relative;
	top:340px;
	/*border: solid 1px #CCC;*/
	width:587px;
	height:38px;
}

#availLoaderImage {
	float:left;
	position:relative;
	left:160px;
	top:3px;
}

#availLoaderContent {
	float:left;
	position:relative;
	font-size:12px;
	top:12px;
	left:180px;
}

#homeContent {
	z-index: 1;
	position:absolute;
	top:315px;
	border-top: solid 1px #CCC;
	width:588px;
	height:500px;
}

#homeContentClient {
	z-index: 10000;
	position:relative;
	top:25px;
	border-top: solid 1px #CCC;
	width:588px;
	height:500px;
}

#MenuVoid {
	height:5px;
}

#MenuItem {
	float:left;
	font-family: "Courier New", Courier, monospace;
	font-size: 0.7em;
	padding-right:8px;
	color: gray;
}

#top5 {
	float:left;
	padding-left:2px;
	height:200px;
	width:158px;
}

/* TARIF */

#Title {
	width:588px; /* 730*/
	padding-top:5px;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
}

#TarifPic {
	position:relative;
	left:-120px;
	float:left;
	padding-top:5px;
}

#TarifDesc {
	font-family: Arial, Helvetica, sans-serif;
	padding-right:8px;
	padding-left:8px;
	font-size: 0.7em;
	color: black;
}

#TarifDescExtra {
	font-family: Arial, Helvetica, sans-serif;
	padding-right:8px;
	padding-left:8px;
	font-size: 11px;
	color: black;
}

#TarifButtons {
	position:absolute;
	top:98px;
	left:150px;
	width:650px;
}

#TarifCat {
	width:130px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: gray;
}

#TarifCat2 {
	float:left;
	width:130px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: gray;
}

#TarifDate {
	float:left;
	width:100px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: gray;
}

#TarifDate strong {
	font-weight: bold;
	color: black;
}

#TarifPrice {
	float:left;
	width:110px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: gray;
}

#TarifPrice strong {
	font-weight: bold;
	color: black;
}

#TarifPriceLast {
	width:110px;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	padding-right:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: gray;
}

/* STEPS */

#Step {
	width:726px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:white;
	background-color:grey;
	text-align:center;
	margin-right:4px;
	padding:2px;
	/* border-width:thin;
	border-style:solid; */
}

/* RESERVATION */


#ReservationBis {
	clear: both;
	width:290px;
	overflow:hidden;
	/*height:468px;
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(../img/fond_tarif.png);
	background-repeat: repeat-x;*/
}

#Reservation input {
	background-color:#F1F1F1;
	font-size:11px;
	font-family: "Courier New", Courier, monospace;
	width:180px;
}

#ReservationBis input {
	background-color:#F1F1F1;
	font-size:11px;
	font-family: "Courier New", Courier, monospace;
	width:180px;
}

#ReservationBis select {
	background-color:#F1F1F1;
	font-size:11px;
	font-family: "Courier New", Courier, monospace;
	width:180px;
}

#Reservation1 {
	float:left;
	width:350px;
	overflow:hidden;
	padding-top:5px;
	padding-right:6px;
	font-size:0.9em;
}

#Reservation2 {
	float:left;
	width:360px;
	overflow:hidden;
	padding-top:5px;
	padding-right:6px;
	font-size:0.9em;
}


.Legend {
	font-size:11px;
	padding-bottom:0px;
	padding-left:6px;
}

.Field {
	padding-left:6px;
	padding-bottom:6px;
}

/* EXTRAS */

#Extras input {
	background-color:#F1F1F1;
	font-size:11px;
	font-family: "Courier New", Courier, monospace;
	width:180px;
}


/* OTHERS */

#Space {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	width:6px;
	color: black;
}

.Titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: black;
}

.Texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: black;
}

#Credits {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: black;
}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	text-align: center;
	color: black;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ffffff;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCC;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #F2F2F2;
	border: 1px solid #cccccc;
	cursor: pointer;
	color: #782772;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	/*background-color: #ccc;*/
	/*border: 1px solid #AAAAAA;*/
	color: #6699cc;
	font-weight:bold;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 11px;
	color: #993399;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}
  
/* MAINTENANCE */

#order_overlay
{
          position: fixed;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          z-index:20000;
/*          filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/overlay.png');*/
          background-image:url('../images/overlay.png');
}

#order_overlay[class]
{
		background-image:url('../images/overlay.png');
}

#order_container
{
          position: fixed;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          background: transparent;
          z-index:20001;
}

#order_inner
{
          display: block;
          padding: 10px 10px 10px 10px;
          width: 305px;
          height: 180px;
          margin: 19% auto 0 auto;
/*          filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/overlay.png');*/
          border: dashed 1px red;
          z-index:20002;
}

#order_inner[class] 
{
	background-image:url('../images/overlay.png');
}



table.jCalendar {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	text-align: center;
	color: black;
}
table.jCalendar th {
	color: #000000;
	font-weight:bold;
}
table.jCalendar td {
	border: 1px solid #FFFFFF;
}
table.jCalendar td.other-month {
	background: #FFFFFF;
	color: #FFFFFF;
}
table.jCalendar td.today {
}
table.jCalendar td.selected {
	background: #CCC;
	color: #000;
}
table.jCalendar td.selected:hover {
	background-color: #eee0e5;
	border: 1px solid #888888;
	cursor: pointer;
	color: #993399;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background-color: #eee0e5;
	border: 1px solid #888888;
	cursor: pointer;
	color: #993399;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background-color: #FFFFFF;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	line-height: 1.2em;
  border:1px solid #AAAAAA;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
  color: #993399;
  line-height:16px;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 2px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	display : none;
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */

input.dp-applied {
	width: 148px;
	float: left;
}

/*
// Site	: www.hi-hotel.fr
// Date	: 2008-10-16
*/

html
{
	height			: 100%;
	overflow		: hidden;
}

body
{
	font			: normal normal normal 1em/1.5em Arial, sans-serif;
	overflow		: hidden;
	height			: 100%;

	margin			: 0;
	padding			: 0;
}


/*
// Section : Main.
*/
#main
{
	width			: 100%;
	height 			: 100%;
	overflow		: hidden;
}


/*
// Section : Navigation.
*/
#navigation
{
	background		: #F2F2F2;
	width			: 230px;
	height			: 100%;
}

/*
// Section : Logo.
*/
#logo
{
	position		: absolute;
	top				: 17px;
	left			: 24px;
	width			: 155px;
	height			: 82px;
}

#logo img
{
	display			: block;
}


/*
// Section : Menu Title.
*/
#menu_title
{
	position		: absolute;
	top				: 106px;
	left			: 24px;
	width			: 186px;
	height			: 27px;
}

#menu_title img
{
	display 		: block;
}


/*
// Section : Menu.
*/
#menu {
	width			: 272px;
	position		: absolute;
	top				: 145px;
	left			: 24px;
	margin			: 0;
	padding			: 0;
	width			: 186px;
}

#menu li {
	list-style		: none;
	line-height		: 1;
  display : block;
	padding			: 0 0 2px;
	margin			: 0; 
  height : 35px;
}

#menu a{
  height : 35px;
  display : block;
  background-image: url(../images/menu.png);
  background-repeat: no-repeat;
	margin			: 0;
	padding			: 0;
}

#menu img{
  display : none;
}

a#hidentity  {background-position: 0 0;}
a#hidentity:hover, a#hidentity:active, a#hidentity:focus  {background-position: -190px 0;outline:none;}
a#rooms  {background-position: 0 -35px;}
a#rooms:hover, a#rooms:active, a#rooms:focus  {background-position: -190px -35px;outline:none;}
a#services  {background-position: 0 -70px;}
a#services:hover, a#services:active, a#services:focus  {background-position: -190px -70px;outline:none;}
a#hibookings  {background-position: 0 -105px;}
a#hibookings:hover, a#hibookings:active, a#hibookings:focus  {background-position: -190px -105px;outline:none;}
a#media  {background-position: 0 -140px;}
a#media:hover, a#media:active, a#media:focus  {background-position: -190px -140px;outline:none;}
a#network  {background-position: 0 -175px;}
a#network:hover, a#network:active, a#network:focus  {background-position: -190px -175px;outline:none;}



a#network_contact img {height:14px; width:112px;}
a#network_contact img {background-image: url(../images/contact.gif);}
a#network_contact:hover img {background-image: url(../images/contact_02.gif);
}
a#network_contact_uk img {height:14px; width:82px;}
a#network_contact_uk img {background-image: url(../images/contact_uk.gif);}
a#network_contact_uk:hover img {background-image: url(../images/contact_uk_02.gif);
}

#contact0 li
{
	list-style		: none;
	margin			: 0 0 5px 0;
	padding 		: 0;
	line-height		: 0;
}

#contact0
{
	left			: 24px;
	top				: 525px;
	width			: 130px;
	position		: absolute;
	margin			: 0;
	padding			: 0;
	z-index:100;
}
#check_in {
	position:absolute;
	left:25px;
	top:380px;
	width:180px;
	height:56px;
	z-index:7;
}

/*
// Section : Contenu.
*/
#container
{
	position		: absolute;
	top				: 0;
	left			: 230px;

	width			: 100%;
	height 			: 100%;

	margin			: 0;
	padding			: 0;

	overflow		: auto;
}

#content
{
	width			: 5200px;
	height 			: 100%;
}

#container_contenu_1,
#container_contenu_2,
#container_contenu_3,
#container_contenu_4,
#container_contenu_5,
#container_contenu_6
{
	float			: left;

	width			: 670px;
	height 			: 100%;

	margin			: 0 0 0 0;
	padding			: 0;

	background 		: #FFF url('../images/loadingbar.gif') no-repeat center center;
}

.last
{
	background		: #FFF !important;
}

.contenu
{
	width			: 670px;
	background 		: #FFF;
	border-left		: 1px solid #666;

	padding			: 0 0 0 0px;
	overflow		: auto;
}


/*
// Section : Tools
*/
.block
{
	display			: block;
}

#checkin,
#checkout
{
	width : 110px;
}

/*
// Section : Footer.
*/
#footer
{
	clear			: both;
}

.loader {background: #FFF url('../images/loadingbar.gif') no-repeat left center;}
#videodiv {margin-top:10px; margin-bottom:10px;height:295px}

.diaporama { left: 0px;	}
.nav { width: 588px; margin: 0px; padding-left:0}
.nav li { width: 50px; height: 55px; float: left; margin: 5px; list-style: none; margin-bottom: 35px; margin-right: 12px; }
.nav a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
.nav a.activeSlide { background: #f2f2f2 }
.nav a:focus { outline: none; }
.nav img { border: none; display: block }


@charset "utf-8";
/* CSS Document */
BODY {
	MARGIN: 0px; PADDING: 0px; BACKGROUND-COLOR: #ffffff; overflow: hidden;
}
.gris_masque {
	background-color: #F2F2F2;
}
IMG {
	MARGIN: 0px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.active {
	BORDER-RIGHT: #ccc 0px solid; BORDER-TOP: #ccc 0px solid; MARGIN: 0px 0px 0px; BORDER-LEFT: #ccc 0px solid
}
DIV.scroller {
	Z-INDEX: 1;
	overflow:auto;
	width: 1387px;
	height: 770px;
}
DIV.scroller DIV.section {
	FLOAT: left;
}
DIV.scroller DIV.content {
	WIDTH: 6000px;
}
#global_fixe {
	position:absolute;
	left:-90px;
	top:0px;
	width:1387px;
	height:600px;
	z-index:1;
}
/*#logo {
	position:absolute;
	left:4px;
	top:17px;
	width:203px;
	height:82px;
	z-index:2;
}*/
#apDiv1 {
	position:absolute;
	left:0px;
	top:0px;
	width:230px;
	height:100%;
	z-index:0;
	background-color: #F2F2F2;
}
#masque_gauche {
	position:absolute;
	left:1599px;
	top:0px;
	width:754px;
	height:100%;
	z-index:7;
	background-color: #F2F2F2;
}
#apDiv7 {
	position:absolute;
	left:2px;
	top:0px;
	width:2450px;
	height:100%;
	z-index:0;
	background-color: #f2f2f2;
}
/*#menu_title {
	position:absolute;
	left:24px;
	top:106px;
	width:186px;
	height:27px;
	z-index:6;
}*/
#line {
	position:absolute;
	left:24px;
	top:522px;
	width:182px;
	height:1px;
	z-index:8;
}
#pix {
	position:absolute;
	left:24px;
	width:110px;
	z-index:101;
	bottom: 0px;
	margin-bottom: 5px;
}


@charset "utf-8";
/* CSS Document */
BODY {
	MARGIN: 0px; PADDING: 0px; BACKGROUND-COLOR: #ffffff;
}
.text {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
}
.text_justify {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	text-align: justify;
}
.text_white {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #FFFFFF;
}
.text_white_sm {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #FFFFFF;
}
.u_text {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}
a.menu:link {background:#0000ff;color:#FFFFFF;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;}
a.menu:visited {background:#0000ff;color:#FFFFFF;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;}
a.menu:hover {background:#999999;color:#FFFFFF;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;}
a.menu:active {background:#0000ff;color:#000000;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;
}
a.purple:link, a.grey:hover {background:#782772;color:#FFFFFF;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;}
a.purple:visited {background:#782772;color:#FFFFFF;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;}
a.purple:hover, .grey {background:#999999 !important;color:#FFFFFF !important;text-decoration:none;font-family: "Courier New", Courier, monospace; font-size: 11px;}
a.purple:active {background:#782772;color:#000000;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;
}
a.out:link {color:#782772;text-decoration:underline; font-family: "Courier New", Courier, monospace; font-size: 12px;}
a.out:visited {color:#782772;text-decoration:underline; font-family: "Courier New", Courier, monospace; font-size: 12px;}
a.out:hover {color:#782772;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 12px;}
a.out:active {color:#782772;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 12px;
}
a.flyer:link {color:#FFFFFF;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;}
a.flyer:visited {color:#FFFFFF;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;}
a.flyer:hover {color:#FFFFFF;text-decoration:underline; font-family: "Courier New", Courier, monospace; font-size: 11px;}
a.flyer:active {color:#000000;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;
}
.grey A:link {background:#999999;color:#FFFFFF;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;}
.grey A:visited {background:#999999;color:#FFFFFF;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;}
.grey A:hover {background:#782772;color:#FFFFFF;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;}
.grey A:active {background:#999999;color:#000000;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;
}
a.photo:link {color:#999;}
a.photo:visited {color:#999;}
a.photo:hover {color:#CCC;}
a.photo:active {color:#000;
}
a.billet:link {color:#000;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;}
a.billet:visited {color:#000;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;}
a.billet:hover {color:#000;text-decoration:underline; font-family: "Courier New", Courier, monospace; font-size: 11px;}
a.billet:active {color:#000;text-decoration:none; font-family: "Courier New", Courier, monospace; font-size: 11px;
}
.showhidevideo {
	background:#782772;
	color:#FFFFFF;
	text-decoration:none;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
}
.link_purple {
	background:#782772;
	color:#FFFFFF;
	text-decoration:none;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
}
.gris {
	background-color: #F2F2F2;
}
.white {
	background-color: #fff;
}
.text_purple {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #782772;
}
.champ {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #782772;
	border-top-color: #dfdfdf;
	border-right-color: #555;
	border-bottom-color: #555;
	border-left-color: #dfdfdf;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.champ_booking {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #782772;
	border-top-color: #dfdfdf;
	border-right-color: #555;
	border-bottom-color: #555;
	border-left-color: #dfdfdf;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	width: 100px;
	height: 16px;
	padding: 1px;
}
.champ_book {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #782772;
	border-top-color: #dfdfdf;
	border-right-color: #555;
	border-bottom-color: #555;
	border-left-color: #dfdfdf;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	width: 60px;
	height: 16px;
	padding: 1px;
}
.champ_book2 {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #782772;
	border-top-color: #dfdfdf;
	border-right-color: #555;
	border-bottom-color: #555;
	border-left-color: #dfdfdf;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	height: 16px;
	padding: 1px;
}
.champ_radio {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #000;
	border-top-color: #dfdfdf;
	border-right-color: #555;
	border-bottom-color: #555;
	border-left-color: #dfdfdf;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	width: 100px;
	padding: 1px;
}
.violet {
	background-color: #782772;
}
.updated {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #782772;
}
.msg_list {
	margin: 0px;
	padding: 0px;
	width: 280px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #000000;
}
.msg_head {
	cursor: pointer;
	p/osition: relative;
	background-color:#782772;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #FFFFFF;
}
.msg_body {
	padding: 5px 10px 15px;
	background-color:#F4F4F8;
}
.text11 {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #000000;
}
.bouton_form {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #000000;
	border-top-color: #dfdfdf;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #dfdfdf;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	width: 30px;
	height: 21px;
	padding: 1px;
	background-color: #c0c0c0;
}
.bouton {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #000000;
	border-top-color: #dfdfdf;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #dfdfdf;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	height: 21px;
	padding: 1px;
	background-color: #c0c0c0;
}

#radio_player {
	position:absolute;
	left:24px;
	top:455px;
	width:182px;
	height:65px;
	z-index:8;
}

/* diaporama */
.diaporama{
	position: relative;
	height: 350px;
	padding: 0px;
	margin: 0px;
	left: 0px;
}

.diaporama img, li img {
	display: block;
}
.caption {
	position: absolute;
	z-index: 101;
	background:#782772;
	color:#FFFFFF;
	text-decoration:none; 
	font-family: "Courier New", Courier, monospace; 
	font-size: 11px;
	left: 10px;
	top: 326px;
}
#fade-1 li {
	position: absolute;
	top: 0;
	left: 0;
	width: 588px;
	height: 350px;
	visibility: hidden;
}
.border_grey {
	border: solid #CCC 1px;
}

#title {
	left:0px;
	top:430px;
	width:107px;
	height:19px;
	z-index:101;
}
.fade-1-previous {
	left: 108px;
	top: 430px;
	background:#0000ff;
	color:#FFFFFF;
	text-decoration:none;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
}
.fade-1-next {
	left: 188px;
	top: 430px;
	background:#0000ff;
	color:#FFFFFF;
	text-decoration:none;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
}
.control 
{
  background:#0000ff;
  color:#FFFFFF;
	z-index: 100;
	cursor: pointer;
	text-decoration:none;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
}
.wrapper {
margin:0 auto;
width:280px;
}
a {
color:blue;
cursor:pointer;
}
.myvar {
border:0px solid #ccc;
padding:0px;
}
.bg_violet {
	background:#782772;
	color:#FFFFFF;
	text-decoration:none;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
}

.bg_ecard {
	background-image: url(../network/images/bg_card.jpg);
	background-repeat: no-repeat;
}


@charset "utf-8";
/* CSS Document */
#title-bar {
	left:28px;
	top:430px;
	width:80px;
	height:17px;
	z-index:101;
}
#menu_bar {
	left:-28px;
	top:-63px;
	width:588px;	height:20px;z-index:102;
}
#title-food {
	left:14px;
	top:430px;
	width:94px;
	height:17px;
	z-index:101;
}
#menu_food {
	left:-14px;
	top:-63px;
	width:588px;	height:20px;z-index:102;
}
#title-pool {
	left:63px;
	top:430px;
	width:42px;
	height:17px;
	z-index:101;
}
#menu_pool {
	left:-63px;
	top:-63px;
	width:588px;	height:20px;z-index:102;
}
#title-spa {
	left:70px;
	top:430px;
	width:120px;
	height:18px;
	z-index:101;
}
#menu_spa {
	left:-70px;
	top:-63px;
	width:588px;	height:20px;z-index:102;
}
#title-up_down {
	left:70px;
	top:430px;
	width:44px;
	height:17px;
	z-index:101;
}
#menu-up_down {
	left:-71px;
	top:0px;
	width:588px;	height:20px;z-index:102;
}
#title-strates {
	left:42px;
	top:430px;
	width:37px;
	height:17px;
	z-index:101;
}
#menu-strates {
	left:-42px;
	top:0px;
	width:588px;	height:20px;z-index:102;
}
#title-rv {
	left:14px;
	top:430px;
	width:96px;
	height:17px;
	z-index:101;
}
#menu-rv {
	left:-14px;
	top:0px;
	width:588px;	height:20px;z-index:102;
}
#title-mono {
	left:28px;
	top:430px;
	width:81px;
	height:17px;
	z-index:101;
}
#menu-mono {
	left:-28px;
	top:0px;
	width:588px;	height:20px;z-index:102;
}
#title-indoor {
	left:-14px;
	top:430px;
	width:125px;
	height:17px;
	z-index:101;
}
#menu-indoor {
	left:14px;
	top:0px;
	width:588px;	height:20px;z-index:102;
}
#title-happyday {
	left:28px;
	top:430px;
	width:80px;
	height:17px;
	z-index:101;
}
#menu-happyday {
	left:-28px;
	top:0px;
	width:588px;
	height:20px;
	z-index:102;
}
#title-digital {
	left:42px;
	top:430px;
	width:67px;
	height:17px;
	z-index:101;
}
#menu-digital {
	left:-42px;
	top:0px;
	width:588px;
	height:20px;
	z-index:102;
}
#menu_rooms {
	left:0px;
	top:0px;
	width:545px;
	height:60px;
	z-index:103;
}
#title-business {
	left:14px;
	top:430px;
	width:95px;
	height:17px;
	z-index:101;
}
#menu_business {
	left:-16px;
	top:-67px;
	width:588px;
	height:20px;
	z-index:102;
}
#menu_brochures {
	left:-108px;
	top:-1px;
	width:588px;
	height:20px;
	z-index:102;
}
#title-hibeach {
	left:34px;
	top:430px;
	width:70px;
	height:17px;
	z-index:101;
}
#menu_hibeach {
	left:-36px;
	top:-63px;
	width:588px;
	height:20px;
	z-index:102;
}
#menu_broch_cantine {
	left:-108px;
	top:528px;
	width:588px;
	height:20px;
	z-index:102;
}
#menu_broch_cantine_top {
	left:-108px;
	top:-381px;
	width:588px;
	height:20px;
	z-index:102;
}
/* Diapo images Media */
#title_active {
	left:49px;
	top:430px;
	width:60px;
	height:17px;
	z-index:101;
}
#menu_active {
	left:-50px;
	top:-7px;
	width:588px;
	height:20px;
	z-index:102;
}
#title_urban {
	left:56px;
	top:430px;
	width:50px;
	height:17px;
	z-index:101;
}
#menu_urban {
	left:-56px;
	top:-7px;
	width:588px;
	height:20px;
	z-index:102;
}
#title_studio {
	left:28px;
	top:430px;
	width:80px;
	height:17px;
	z-index:101;
}
#menu_studio {
	left:-28px;
	top:-7px;
	width:588px;
	height:20px;
	z-index:102;
}
#title_terrasse {
	left:35px;
	top:430px;
	width:72px;
	height:17px;
	z-index:101;
}
#menu_terrasse {
	left:-35px;
	top:-7px;
	width:588px;
	height:20px;
	z-index:102;
}
#title_business_med {
	left:14px;
	top:430px;
	width:95px;
	height:17px;
	z-index:101;
}
#menu_business_med {
	left:-14px;
	top:-7px;
	width:588px;
	height:20px;
	z-index:102;
}
#title_body {
	left:42px;
	top:430px;
	width:65px;
	height:17px;
	z-index:101;
}
#menu_body {
	left:-42px;
	top:-7px;
	width:588px;
	height:20px;
	z-index:102;
}
#title_lhotel {
	left:42px;
	top:430px;
	width:65px;
	height:17px;
	z-index:101;
}
#menu_lhotel {
	left:-42px;
	top:-7px;
	width:588px;
	height:20px;
	z-index:102;
}

.hidentity-title {
  background    : #FFFFFF url(../hidentity/images/titre_hidentity.gif) no-repeat center center;
  width         : 299px; 
  height        : 68px;
  padding-left  : 300px;
}

.feed {
  margin-bottom         : 1em;
  padding               : 0;
}

.feed li {
  list-style-type       : none;
  font-family           : "Courier New",Courier,monospace;
  font-size             : 11px;
}

.feed li h5 {
  list-style-type       : none;
  padding-left          : 21px !important;
  background-position   : 3px 0;
  background-repeat     : no-repeat;
  background-image      : url(../images/ico_file_hi.gif);
}

.feed .feed-date {
  float                 : right;
  background-color      : #F2F2F2;
  color                 : #782772;
  font-size             : 11px;
  font-weight           : normal;
  padding               : 0 5px;
}

.feed h5 {
  margin-top            : 2em;
}

.feed a {
  text-decoration       : none;
  color                 : #000000;
}

.feed a:hover {
  text-decoration       : underline;
}

.feed a.l {
  font-size             : 11px;
  height                : 15px;
  line-height           : 15px;
  font-weight           : bolder;
  text-decoration       : none;
  padding               : 1px 5px;
  background-color      : #782772;
  color                 : #FFFFFF;
  margin-right          : 2px;
  text-transform        : capitalize;
  cursor                : pointer;
}

.feed a.l:hover, a.l:active {background-color: #999999;}