body{
	background: #383838 url(gx/bg.gif) repeat-x top;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

body#popUp{
	background: #2C2C2C url(gx/popUp/bg.gif) repeat-x top;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

html{
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, form, div, form, ul, li, a{ 
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}

/* HEADER */

#header{
	text-align: right;
	background: #DFD7C5;
	height: 23px;
}

#header a, #header a:link, #header a:visited{
	color: #947931;
	font-family: Tahoma; font-size: 10px;
	text-decoration: none;
	padding: 3px 12px 3px 0;
	display: block;
	float: right;
}
#header a:hover{ color: #000000; }

#header a.actif, #header a.actif:link, #header a.actif:visited, #header a.actif:hover{ color: #000000; }

/* MENU */
#menu{
	text-align: center;
	width: 124px; height: 88px;
}

#menu a, #menu a:link, #menu a:visited{
	color: #AF9652; font-family: Georgia;
	font-size: 11px; font-weight: bold;
	text-decoration: none;
	background: #FFFFFF url(gx/m/menu.gif) repeat-x top left;
	border-bottom: #EFE7D6 5px solid;
	padding: 39px 0 30px 0;
	width: 124px; display: block;
}
#menu a:hover{ background: #FFFFFF url(gx/m/menu_ov.gif) repeat-x top left; color: #766332; border-bottom: #AF9652 5px solid; }

#menu a.actif, #menu a.actif:link, #menu a.actif:visited, #menu a.actif:hover{
	color: #fff;
	background: #B9A266; border-bottom: #947931 5px solid;
	border-bottom: #AF9652 5px solid;
}

ul.liste{
	margin: 0 0 0 15px;
	list-style: square;
}
ul.liste li{
	margin: 0 0 5px 0;
}
ul.liste li a.actif{
	font-weight: bold;
}

/* FOOTER */

#footer{
	vertical-align: top;
	padding: 8px 0 19px 0;
	margin: 25px 0 0 0;
}

#footer h1{
	color: #FFFFFF;
	font-family: Helvetica;
	font-size: 14px;
	font-weight: bold;
	border-bottom: #000000 1px solid;
	padding: 3px 0 5px 0; margin: 0 5px 11px 0;
}

#footer div.thumb{
	background: url(gx/bg_dropShadow.gif) no-repeat bottom right;
	float: left;
	padding: 0 0 5px 0;
	margin: 0 15px 0 0;
	position: relative;
	width: 113px;
}
#footer div.thumb img{
	background-color: #fff;
	display: block;
	margin: -5px 5px 4px -5px;
	position: relative;
}

/* CONTENU */

#contenu{
	vertical-align: top;
	padding: 20px 0 20px 0;
}

/* hotels */
ul#hotels{
	list-style: none;
}
ul#hotels li{
	float: left;
	width: 124px;
	margin: 0 3px 0 0;
}
ul#hotels li.last{
	margin: 0 0 0 0;
}
ul#hotels li a{
	display: block;
	width: 124px;
	height: 281px;
}
ul#hotels li a strong{
	display: none;
}
ul#hotels li#phillips a{ background: url(Gx/20/hotel1.jpg) no-repeat top center; }
ul#hotels li#phillips a:hover{ background: url(Gx/20/hotel1.jpg) no-repeat 0px -281px; }

ul#hotels li#appartement a{ background: url(Gx/20/hotel2.jpg) no-repeat top center; }
ul#hotels li#appartement a:hover{ background: url(Gx/20/hotel2.jpg) no-repeat 0px -281px; }

ul#hotels li#guy a{ background: url(Gx/20/hotel3.jpg) no-repeat top center; }
ul#hotels li#guy a:hover{ background: url(Gx/20/hotel3.jpg) no-repeat 0px -281px; }

ul#hotels li#place a{ background: url(Gx/20/hotel4.jpg) no-repeat top center; }
ul#hotels li#place a:hover{ background: url(Gx/20/hotel4.jpg) no-repeat 0px -281px; }


/* ÉVÉNEMENTS */
#evenement{
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 150%;
}

/*#evenement h1,*/ #detail_even h1, #hotels h1, #carteFlash h1{
	color: #FFCC51; font-size: 13px;
	height: 23px; _height: 30px;
	padding: 7px 0 0 0; margin: 0 0 8px 0;
	background: transparent url(gx/m/point1.gif) repeat-x top;
	line-height: 100%;
}

#evenement h1 {color: #FFCC51; font-size: 13px; margin: 0 0 8px 0;}

#evenement h2{ font-size: 11px; }
#evenement h3{ font-size: 10px; font-weight: normal; }
#evenement div.lien{ margin: 0 0 5px 0; }

#evenement a, #evenement a:link, #evenement a:visited{
	color: #AF9652;
	font-size: 11px;
	text-decoration: none;
}
#evenement a:hover{ color: #FFCC51; }

#evenement p{
	text-align: justify;
}

#evenement a.actif, #evenement a.actif:link, #evenement a.actif:visited, #evenement a.actif:hover{ color: #FFFFFF; }

#detail_even{
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 160%;
	text-align: justify;	
}


#detail_even h2{ font-size: 13px; }
#detail_even h3{ font-size: 11px; font-weight: normal; }

#detail_even div.photo{
	color: #000000;
	font-size: 10px;
	float: right;
	margin: 7px 0 5px 7px;
	padding: 5px;
	border: 1px solid #4C4C4C;
}

#detail_even div.photo_a{
	color: #FFFFFF; font-size: 10px;
	width: 160px; float: left;
	margin: 0 10px 10px 0;
	padding: 0 4px 10px 0;
	background: transparent url(gx/10/bg_aphoto.gif) no-repeat top left;
}

#detail_even a, #detail_even a:link, #detail_even a:visited{
	color: #FFFFFF;
	font-size: 10px; font-weight: bold;
	text-decoration: none;
}
#detail_even a:hover{ color: #FFCC51; }

/* POP-UP */

#popUp div.photo{
	width: 160px;
	margin: 0 0 30px 0;
	padding: 0 4px 4px 0;
	background: transparent url(gx/20/bg_photo.gif) no-repeat top left;
}

#popUp div.thumb{
	width: 84px;
	margin: 0 10px 10px 0; padding: 0 4px 4px 0;
	float: left;
	background: transparent url(gx/popUp/photo.gif) no-repeat top left;
}

#popUp #titre{
	color: #75612B;
	font-size: 11px; font-weight: bold;
	background: #FFFFFF;
	padding: 0 10px 0 10px;
}

#popUp .border{ background: #75612B; }

#popUp a, #popUp a:link, #popUp a:visited{
	color: #FFFFFF;
	font-size: 14px; font-weight: bold;
	text-decoration: none;
	margin: 0 5px 0 0;
}
#popUp a:hover{ color: #000000; }

#popUp .msg{
	color: #FFFFFF;
	font-size: 10px; font-style: italic;
	margin: 0 0 0 5px;
}


/* FORM */

input{
	color: #FFFFFF; font-size: 11px;
	font-family: Tahoma;
	background: #947931;
	border: 1px solid #947931;
	width: 230px;
	margin: 2px 0 10px 0;
	padding: 4px;
}
input:focus, textarea:focus{
	background: #BE9C3F;
}
input.bouton{
	color: #947931;
	background: #FFFFFF;
	border: #CCCCCC 2px outset;
	width: 150px; height: 25px;
}
textarea{
	color: #FFFFFF; font-size: 11px;
	font-family: Tahoma;
	background: #947931;
	border: #000000 1px solid;
	width: 480px;
	margin: 0 0 10px 0;
	padding: 5px;
}