body#main{
	background: #bfb9a7 url(gx/M/bg_site.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
	text-align:center;
}
html{
	color: #000000;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica; 
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{ color: #000000; outline:none; }

h1{color: #000000; font-size:19px; padding-bottom: 15px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color: #000000; font-size:12px; padding-bottom: 10px;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

h3 {color: #000000; font-size:14px; padding-bottom: 5px;}

p{ line-height: 150%;  padding-bottom: 10px; }
p.textePetit{font-size:10px; margin: 0px; }
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited { color: #000000; text-decoration:underline; }
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{ color:#9d0020; }

UL { padding-bottom: 10px; }
ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:disc; margin-left:16px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#haut {
	background: url(gx/M/header.jpg) no-repeat;
	display: block;
	height: 301px;
	width: 918px;
}

#conteneur{
	margin: 0px auto;
	padding-bottom: 30px;
	text-align:left;
	width:918px;
}

#contenu { position: relative; }

.page { min-height: 350px; width: 630px; }

.both{clear:both;}


#lnk_logo { font-size: 1px; line-height: 0px; float: left; }

#panonceau { padding: 8px 30px 0px 30px; }

#logo_tripadvisor { padding-bottom: 8px; }

#fil_arianne {
	color:#9d0020; 
	font-size: 11px; 
	height: 10px;
	padding: 15px 0px 20px 0px;
}
#fil_arianne a, #fil_arianne a:link, #fil_arianne a:visited { color: #1d1713; text-decoration: none; }
#fil_arianne a:hover { text-decoration: underline; }

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{clear: both; height:46px; margin:0px; padding:0px;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0; display:inline; list-style-type:none;}

#menu ul li A#menu01 {
	background: url(Gx/M/menu_01.jpg) no-repeat;
	display: block;
	float: left;
	text-indent: -1000px;
	height: 46px;
	width: 106px;
}
#menu ul li A#menu01:hover, #menu ul li.actif A#menu01 { background: url(Gx/M/over/menu_01.jpg) no-repeat; }

#menu ul li A#menu02 {
	background: url(Gx/M/menu_02.jpg) no-repeat;
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
	height: 46px;
	width: 156px;
}
#menu ul li A#menu02:hover, #menu ul li.actif A#menu02 { background: url(Gx/M/over/menu_02.jpg) no-repeat; }

#menu ul li A#menu03 {
	background: url(Gx/M/menu_03.jpg) no-repeat;
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
	height: 46px;
	width: 108px;
}
#menu ul li A#menu03:hover, #menu ul li.actif A#menu03 { background: url(Gx/M/over/menu_03.jpg) no-repeat; }

#menu ul li A#menu04 {
	background: url(Gx/M/menu_04.jpg) no-repeat;
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
	height: 46px;
	width: 108px;
}
#menu ul li A#menu04:hover, #menu ul li.actif A#menu04 { background: url(Gx/M/over/menu_04.jpg) no-repeat; }

#menu ul li A#menu05 {
	background: url(Gx/M/menu_05.jpg) no-repeat;
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
	height: 46px;
	width: 136px;
}
#menu ul li A#menu05:hover, #menu ul li.actif A#menu05 { background: url(Gx/M/over/menu_05.jpg) no-repeat; }

#menu ul li A#menu06 {
	background: url(Gx/M/menu_06.jpg) no-repeat;
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
	height: 46px;
	width: 120px;
}
#menu ul li A#menu06:hover, #menu ul li.actif A#menu06 { background: url(Gx/M/over/menu_06.jpg) no-repeat; }

#menu ul li A#menu07 {
	background: url(Gx/M/menu_07.jpg) no-repeat;
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
	height: 46px;
	width: 85px;
}
#menu ul li A#menu07:hover, #menu ul li.actif A#menu07 { background: url(Gx/M/over/menu_07.jpg) no-repeat; }

#menu ul li A#menu08 {
	background: url(Gx/M/menu_08.jpg) no-repeat;
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
	height: 46px;
	width: 99px;
}
#menu ul li A#menu08:hover, #menu ul li.actif A#menu08 { background: url(Gx/M/over/menu_08.jpg) no-repeat; }

/* MENU FRANÇAIS
----------------------------------------------------------------------------------------------------------- */

#menu ul li A#menu01_FR {
	background: url(Gx/M/FR/menu_01.jpg) no-repeat;
	display: block;
	float: left;
	text-indent: -1000px;
	height: 46px;
	width: 103px;
}
#menu ul li A#menu01_FR:hover, #menu ul li.actif A#menu01_FR { background: url(Gx/M/FR/over/menu_01.jpg) no-repeat; }

#menu ul li A#menu02_FR {
	background: url(Gx/M/FR/menu_02.jpg) no-repeat;
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
	height: 46px;
	width: 169px;
}
#menu ul li A#menu02_FR:hover, #menu ul li.actif A#menu02_FR { background: url(Gx/M/FR/over/menu_02.jpg) no-repeat; }

#menu ul li A#menu03_FR {
	background: url(Gx/M/FR/menu_03.jpg) no-repeat;
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
	height: 46px;
	width: 127px;
}
#menu ul li A#menu03_FR:hover, #menu ul li.actif A#menu03_FR { background: url(Gx/M/FR/over/menu_03.jpg) no-repeat; }

#menu ul li A#menu04_FR {
	background: url(Gx/M/FR/menu_04.jpg) no-repeat;
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
	height: 46px;
	width: 97px;
}
#menu ul li A#menu04_FR:hover, #menu ul li.actif A#menu04_FR { background: url(Gx/M/FR/over/menu_04.jpg) no-repeat; }

#menu ul li A#menu05_FR {
	background: url(Gx/M/FR/menu_05.jpg) no-repeat;
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
	height: 46px;
	width: 126px;
}
#menu ul li A#menu05_FR:hover, #menu ul li.actif A#menu05_FR { background: url(Gx/M/FR/over/menu_05.jpg) no-repeat; }

#menu ul li A#menu06_FR {
	background: url(Gx/M/FR/menu_06.jpg) no-repeat;
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
	height: 46px;
	width: 115px;
}
#menu ul li A#menu06_FR:hover, #menu ul li.actif A#menu06_FR { background: url(Gx/M/FR/over/menu_06.jpg) no-repeat; }

#menu ul li A#menu07_FR {
	background: url(Gx/M/FR/menu_07.jpg) no-repeat;
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
	height: 46px;
	width: 74px;
}
#menu ul li A#menu07_FR:hover, #menu ul li.actif A#menu07_FR { background: url(Gx/M/FR/over/menu_07.jpg) no-repeat; }

#menu ul li A#menu08_FR {
	background: url(Gx/M/FR/menu_08.jpg) no-repeat;
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
	height: 46px;
	width: 107px;
}
#menu ul li A#menu08_FR:hover, #menu ul li.actif A#menu08_FR { background: url(Gx/M/FR/over/menu_08.jpg) no-repeat; }

#menu_chambres { margin-bottom: 15px; }
#menu_chambres LI { 
	display: inline; 
	list-style: none; 
	margin: 0px 5px 15px 0px;
	text-transform: uppercase;
}
#menu_chambres LI A { text-decoration: none; margin-right: 5px; }
#menu_chambres LI A.actif { color: #9D0020; }

#flash { position: absolute; top: -88px; left: 678px; }

/* MODULE CHAMBRE 
--------------------------------------------------------------------------------------- */

#chambres { 
	background-color: #d9d2c1;
	float: left;
	font-family: Georgia, 'Times New Roman', Serif;
	margin-top: 0px;
	padding: 10px 5px 15px 15px;
	/* height: 257px; */
	width: 670px;
}

#chambres .chambre {
	background-color: #e8e3d6;
	float: left;
	margin: 15px 9px 0px 0px;
	padding: 3px;
	height: 98px;
	width: 320px;
}
#chambres .chambre IMG { float: left; margin-right: 20px; }
#chambres .chambre P { margin: 20px 0px; }
#chambres .chambre A { color: #7a121b; }

#chambre_detail #cadre { 
	border: 5px solid #FFFFFF;
	float: left;
	overflow: hidden;
	margin-right: 10px;
	height: 213px;
	width: 340px;
}
#chambre_detail IMG { float: left; }
#chambre_detail #detail_txt { 
	background-color: #d9d2c1;
	display: block;
	float: left; 
	margin-right: 10px;
	padding: 20px;
	height: 183px; 
	width: 287px;	
}
#chambre_detail #detail_txt #titre { 
	display: block;
	font-size: 14px; 
	font-weight: bold; 
	padding-bottom: 5px;
}
#chambre_detail #detail_txt #prix {
	font-family: Georgia, 'Times New Roman', Serif;
	font-size: 15px;
	font-weight: bold;
}
#chambre_detail #detail_txt #btn_reserve_en { 
	background: url(Gx/02/btn_reserve.gif) no-repeat;
	display: block;
	float: right;
	height: 33px;
	width: 154px;
	overflow: hidden;
	text-indent: -1000px;
}
#chambre_detail #detail_txt #btn_reserve_fr { 
	background: url(Gx/02/btn_reserve_fr.gif) no-repeat;
	display: block;
	float: right;
	height: 33px;
	width: 183px;
	overflow: hidden;
	text-indent: -1000px;
}
/* MODULE ACTIVITE
-------------------------------------------------------------------------------------- */

#activite { 
	background-color: #60584c;
	float: right; 
	height: 282px;	
	width: 224px;
}
#activite #titre { 
	color: #e5b66b; 
	font-family: Georgia, 'Times New Roman', Serif; 
	font-size: 17px; 
	padding:  0px 0px 5px 10px;
}
#activite P {
	color: #f9e6b8; 
	 font-size: 11px; 
	 line-height: 13px;
	 margin: 0px;
	 padding: 10px;
}

#activite #lnk_detail { float: right; padding-right: 15px; }
#activite A { color: #f9e6b8; }
#activite A:hover { text-decoration: none; }

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

/* PAGE ACTIVITY
--------------------------------------------------------------------------------------- */

.activite { clear: both; padding: 20px 0px; }
.activite IMG { float: right; margin-left: 10px; }
.activite P { margin: 10px 0px; } 
.activite A { text-decoration: none; }
.activite A:hover { text-decoration: underline; }

.detailActivite .btnRetour { display: block; margin-bottom: 15px; }
.detailActivite P { margin: 10px 0px; } 


/* PAGE LIENS
--------------------------------------------------------------------------------------- */

/* .section_liens { float: left; min-height: 210px; width: 250px; padding-right: 20px; } */
.section_liens H3 { margin: 20px 0px 10px 0px; }
.section_liens UL { margin: 0px 0px 15px 20px; }
.section_liens UL LI { list-style-type: disc; }


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage { color:#000000; font-size:10px; width:918px;}
#piedPage #pied_boite { background-color: #aca693; display: block;  height:40px; line-height: 40px; margin: 10px 0px; padding:0px 10px; }
#piedPage a{color:#000000; text-decoration:none;}
#piedPage a:hover{ color:#FFFFFF; }
#piedPage #copyrights{ font-size: 11px; margin: 0px; text-align: left;}

#piedPage #menuBas {
	float: left; 
	width: 500px;
}
#piedPage #menuBas LI { display: inline; list-style: none; }

*+ HTML #piedPage #menuBas { height: 12px; margin-top: 14px; } /* HACK IE 7 & 8 */

/* Partager cette page (bookmarker) */
#socialBookmarker {float:right; font-size: 11px; text-transform: uppercase; height: 16px; margin-top: 12px; line-height: 16px; }
#socialBookmarkerPrefix {float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px; }
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
	border: 1px solid #fff;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

/* Plan du site 
------------------------------------------------------------------------------------- */

#planSite { margin: 0px 0px 30px 30px; }
#planSite LI { margin : 10px 0px; font-size: 12px; font-weight: bold; list-style: disc; }
#planSite LI UL { margin: 5px 10px; }
#planSite UL LI { margin : 2px 0px; font-size: 10px; }
#planSite LI A { text-decoration: none; }

/* FORMULAIRES
--------------------------------------------------------------------------------------- */

FORM { padding: 10px 0px 0px 0px; }
FORM fieldset{border:1px solid #000; margin-bottom:10px; padding:10px;}
FORM legend{border: 1px solid #000; color:#333; font-size:12px; padding: 2px 5px;}
FORM label{ color:#000; display: block; margin: 10px 0 5px 0;}

.champTexte{
	background: #FFFFFF;
	border: 1px solid #666666;
	color: #333333;
	font-size: 11px;
	margin: 0px;
	padding: 3px;
}
.listeDeroulante{
	background: #FFFFFF;	
	border: 1px solid #666666;
	color: #333333;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #FFFFFF;
	border: 1px solid #666666;
	color: #333333;
	font-size: 11px;
	margin: 0px;
	padding: 3px;
}
.bouton{
	background-color: #E8E3D6;
	color: #7A121B;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	margin-right: 20px;
}
.bouton:hover{background-color:#7A121B; color:#FFF; cursor: pointer; }

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}

/* CALENDRIER (Calendrier d'événements calendrierEvenement.js)
--------------------------------------------------------------------------------------- */
#CalendrierEvenement FORM { margin: 0px; padding: 0px; }
div#CalendrierEvenement { background-color: #d9d2c1; float:left; font-size:12px; height:223px;}
div#CalendrierEvenement div#CalendrierEvenement {background:url(gx/M/bg_calendar.jpg) 0px 30px no-repeat; margin: 0px 18px; width: 185px;}
#CalendrierEContent, #Calendrier {position:relative;}
div#CalendrierEvenement .header { clear: both; padding:0px 0px 0px 15px; }
	div#CalendrierEvenement .header .titre { float: left; font-size: 16px; font-weight: bold; padding:15px 0px 0px 0px;}

div#CalendrierEvenement .header .legende { font-size: 10px; float: right; padding: 5px 16px 0px 0px; }
div#CalendrierEvenement .header .legende #disponible { background: #352C23; color: #F1CE93; margin: 3px; padding: 3px; }
div#CalendrierEvenement .header .legende #non-disponible { background: #5D0F13; color: #F1CE93; margin: 3px; padding: 3px; }

div#CalendrierEvenement .controls {background:url(gx/M/bg_tiCalendar.jpg) no-repeat; height: 20px; padding:10px 10px 0px 7px;}
div#CalendrierEvenement input {outline:none;}
div#CalendrierEvenement div.weekdays div {color:#FFFFFF; font-weight:bold; padding:0 0 1px 1px; font-size:11px;}

div#CalendrierEvenement div.days div {color:#f1ce93; font-weight:bold; height:18px; line-height:18px; padding:1px;}
div#CalendrierEvenement div.days .dayEvent SPAN {background:#5d0f13; color:#f1ce93; display:block; }
div#CalendrierEvenement div.days div ul {position:absolute; left:0; display:none; width:210px; font-weight:normal; background:#99c417; margin:0px; padding:5px; z-index:100;}
div#CalendrierEvenement div.days div ul li {font-size:11px; color:#324700; list-style-type:square; margin:3px 16px; text-align:left;}
div#CalendrierEvenement div.days div ul li a, div#CalendrierEvenement div.days ul li a:link, div#CalendrierEvenement div.days ul li a:visited {
	display:inline;
	color:#324700; font-weight:bold;
	padding:0px;
	margin:0px;
	text-indent:0;
	background:none;
}

div#CalendrierEvenement div.days div {margin:-1px 0 0 -1px; }

/* CARTE
--------------------------------------------------------------------------------------- */
div#carte{ background: #343537; color:#fff; float: right; margin-bottom: 20px; padding: 10px; width: 400px;}
div#carte div#map{border:1px solid #b7b7b7;width:400px;height:300px; color: #000;}
div#carte div#formDirection{ margin: 10px 0 0 0; }
div#carte div#formDirection input#fromAddress{ color: #000000; font-size: 12px; border: #CCCCCC 1px solid; background: #FFFFFF; width: 145px; margin: 0 10px 0 0; }
div#carte div#formDirection input#bouton{ color: #000000; text-align: left; background: url(Gx/00/bouton2g_bg.gif) no-repeat top left; border: 0px; width: 168px; height: 27px; padding: 0 0 2px 18px; }
div#carte div#formDirection a, div#cabinet div#carte div#formDirection a:link, div#cabinet div#carte div#formDirection a:visited{ color: #fff; font-size: 11px; text-decoration: none; background: url(Gx/M/sousmenu_bg_on.gif) no-repeat 0px 5px; padding: 0 0 0 14px; } div#cabinet div#carte div#formDirection a:hover{ color: #999999; }
div#carte div#directions{ color: #fff; font-size: 11px; min-height: 0px; margin: 10px 0 0 0; display: none; }
div#carte a, div#carte a:link, div#carte a:visited, div#carte a:active, div#carte a:hover{ color: #fff; text-decoration: none; }
div#carte p{float:right; font-size: 11px; color:#000000;}

#carte FIELDSET { border: none; padding: 0px; width: 100%; }

#coordonnees { float: left; width: 200px; }
#carte FIELDSET { border: none; padding: 0px; width: 100%; }

#coordonnees { float: left; width: 200px; }