@charset "utf-8";
/* CSS Document */
@import url(html.css);
@import url(social.css);
body {
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:13px;
color:#FFF;
background-color:#333333;
}

#Header {
background-image:url(../img/bg-hdr.jpg);
background-repeat:repeat-x;
background-position:top left;
background-color:#FFFFFF;
text-align:center;
width:100%;
border-bottom:1px solid #999999;
}

#Menu {
background:url(../img/bg-menu.gif) repeat-x top left #cc9966;
border-top:1px solid #ffcc99;
border-bottom:1px solid #330000;
height:49px;
}
#Menu 		h1 {
color:#330000;
text-align:center;
font-size:24px;
text-transform:uppercase;
font-weight:bolder;
line-height:49px;
letter-spacing:-1px;
}
#Content {
border-top:1px solid #666666;
padding-top:26px;
padding-bottom:60px;
}

#ContentCenter {
width:842px; /* 842 + 12 = 854 */
height:430px;/* 428 +12 = 440*/
margin:0 auto;
padding:6px;
background-color:#666666;
position:relative;
}
#ContentCenter 	img {
				position:absolute;
				top:6;
				left:6;
				z-index:8;
				opacity:0.0;
				}

#ContentCenter	img.active {
				z-index:10;
				opacity:1.0;
				}

#ContentCenter	img.last-active {
				z-index:9;
				}


#HomeTexte {

padding: 20px 10px;
position:absolute;
top:6px;
left:25px;
z-index:20;


/* Transparence de background .png */

background:url(../img/bg-transparency.png) top left transparent !important;

background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg-transparency.png', sizingMethod='scale');
zoom: 1;
width:300px;
height:388px; /* 428 - ( 20 + 20 ) = 388 */

}




#FirstFooter {
width:842px; /* 854 - (6+6) = 842 px */
margin:0 auto;
padding:6px 6px 20px 6px;
background:url(../img/bg-gallery.gif) top left repeat-x #666666;
position:relative;
}
#FirstFooter 	h3 {
					color:#cccccc;
					font-size:16px;
					display:block;
					padding:3px;
					font-weight:bold;
					}
#FirstFooter		p {
					padding-top:5px;
					padding-left:10px;
					padding-bottom:10px;
					}	
#FirstFooter		#ContentGallery {
					width:380px;
					display:block;
					float:left;
					}					
#FirstFooter		ul {
					width:380px;
					display:block;
					}
	
#FirstFooter		ul li {
					display:inline;
					float:left;
					padding:4px;
					}
#FirstFooter		ul li img {
					width:40px;
					height:40px;
					border:6px solid #333333;
					}
#FirstFooter		.Quote {
					padding-top:30px;
					padding-bottom:45px;
					width:200px;
					margin-left:380px;
					background:transparent url(../img/quote2.jpg) bottom right no-repeat;
					}					

#FirstFooter		.Quote blockquote {
					background:transparent url(../img/quote.jpg) top left no-repeat;
					padding-top:40px;
					font-style:italic;
					color:#99cc33;
					font-size:15px;
					}
#FirstFooter		.Quote blockquote span.Author {
					display:block;
					font-size:12px;
					font-weight:bold;
					color:#CCCCCC;
					font-style:italic;
					}

#FirstFooter		.ContactInfo {
					float:right;
					width:240px;
					}
#FirstFooter		a.FindUs {
					display:block;
					width:217px;
					text-indent:-99999px;
					height:24px;
					background: transparent url(../img/find-us-goten-localisation-map.gif) no-repeat left top ;
					color:#CCCCCC;
					}
#FirstFooter		a.FindUs:hover {
					background: transparent url(../img/find-us-goten-localisation-map.gif) no-repeat  left -24px;
					}



#NewsLetterContainer {
padding-top:20px;
padding-left:6px;
display:block;
position:relative;
}

form#NewsLetter {
background:url(../img/bg-newsletter.png) bottom left transparent no-repeat;
height:51px;
margin:0 auto;
display:block;
position:relative;
}

form#NewsLetter  input.Email {
				position:absolute;
				left:104px;
				top:24px;
				width:150px;
				height:16px;
				padding:2px;
				line-height:18px;
				font-size:12px;
				border:1px solid #666633;
				}
form#NewsLetter  input.error {
				background-color:#ffffcc;
				}
form#NewsLetter 	label {
					font-weight:bold;
					color:#CCCCCC;
					display: block;
					}
form#NewsLetter 	label.error {
					padding-top:35px;
					background: url("../img/error.png") no-repeat bottom left;
					padding-left:20px;
					}
form#NewsLetter		label.valid {
					padding-top:35px;
					padding-left:20px;
					}




form#NewsLetter  input.Validate {
				position:absolute;
				left:268px;
				top:30px;
				}


				
#Footer {
width:854px;
margin:0 auto;
padding:20px 0;
color:#b39e7c;
font-size:12px;
}
#Footer 			a {
					color:#867559;
					}
#Footer 			a:hover{
					color:#b39e7c;
					}

#Footer 			.opening {
					float:right;
					display:block;
					padding-left:45px;
					padding-right:20px;
					background-image:url(../img/opening-icon.gif);
					background-repeat:no-repeat;
					background-position:top left;
					}
#Footer 			.booking {
					float:right;
					display:block;
					padding-left:45px;
					background-image:url(../img/phone-icon.gif);
					background-repeat:no-repeat;
					background-position:top left;
					}
#Footer 			.booking h3, .opening h3 {
					color:#74644b;
					font-size:16px;
					display:block;
					padding:3px;
					font-weight:bold;
					}
#Footer 			.booking p, .opening p {
					color:#FFFFFF;
					font-size:14px;
					display:block;
					padding:3px;
					font-weight:bold;
					}
					
					
/* thanks page CSS  */

div#message 	{
				margin:0 auto;
				width:600px;
				padding-top:200px;
				text-align:center;
				}
div#message 	span.logo{
				border-bottom:1px solid #666666;
				width:100%;
				display:block;
				height: 125px;
				background-image:url(../img/goten-logo-redirect.gif);
				background-position:center top;
				background-repeat:no-repeat;
				}
div#message 	h1 {
				display:block;
				border-top:1px solid #000000;
				color:#999999;
				font-size:24px;
				font-weight:bolder;
				padding:10px;
				display:none;
				}
div#message 	span.infos {
				display:block;
				font-size:12px;
				color:#666666;
				font-weight:normal;
				display:none;
				}
div#message 	span.infos a {	
				color:#CCCCCC;
				}