@charset "UTF-8";
/*
+---------------------------------------------------------------+
|	http://www.nekosign.com
|	contact@grandhotelmalher.com
+---------------------------------------------------------------+
*/

/* Generic Styling */

body {
	background: url('images/background-vintage.jpg') repeat #1a1d1f top center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:1.3em;
	overflow-x:hidden; 
	margin:0;
	padding:0;
	}

a:link, a:visited {
	text-decoration:underline;
	}
a:hover, a:active {
	text-decoration:none;
	}


/* Layout */

#wrapper {
	margin:0 auto;
	width:566px;
	}
#header-nav {
	width:566px;
	height:65px;
	background:url('images/block-background-navigation.jpg') no-repeat 0px 0px; 
	}
#header-img {
	width:566px;
	height:128px;
	background:url('images/block-background-header.jpg') no-repeat 0px 0px; 
	}
#header-gallery {
	width:566px;
	height:122px;
	background:url('images/block-background-gallery.jpg') no-repeat 0px 0px; 
	padding-top: 0px;
	}
#page {
	width:566px;
	height:452px;
	}
#col1 {
	width:340px;
	height:452px;
	position: absolute;
	background:url('images/block-background-page.jpg') no-repeat 0px 0px; 
	}
#col2 {
	width:226px;
	height:452px;
	position: absolute;
	margin-left: 340px;
	background:url('images/block-background-reservation.jpg') no-repeat 0px 0px; 
	}
#footer {
	padding-left:20px;
	padding-right:20px;
	}


/* Footer text and layout */

#footer #block1 {
	padding-top:5px;
	}
#footer #block2 {
	padding-top:5px;
	float: left;
	}
#footer #block3 {
	padding-top:5px;
	float: right;
	}
#footer .nav {
	color:#acc061;
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
#footer .nav a {
	color:#acc061;
	text-decoration:none;
	font-variant: small-caps;
	letter-spacing: 1px;
	}
#footer .nav a:hover {
	color:#000000;
	text-decoration:none;
	background-color: #acc061;
	}
#footer h4 {
	color:#d5d99e;
	font-size: 13px;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 4px;
	font-variant: small-caps;
	margin: 0px;
	}
#footer .mentions {
	color:#7c7a70;
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	}
#footer .mentions a {
	color:#7c7a70;
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	}
#footer .mentions a:hover {
	color:#000000;
	background-color: #7c7a70;
	}


/* Col1 text and layout */

#col1-contents {
	margin-left:40px;
	margin-right:25px;
	margin-top:35px;
	}

#col1-contents #overflow-on {
	overflow: auto;
	overflow-x:hidden;
	height:358px; 
	}

#col1-contents p {
	margin: 0px;
	}

#col1-contents h1 {
	color:#d5d99e;
	font-size: 23px;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
	letter-spacing: 1px;
	font-weight: normal;
	margin-bottom: 10px;
	}

.intro-green {
	color:#acc061;
	font-size: 11px;
	font-style: italic;
	}

.link-green {
	color:#edf0c0;
	font-size: 11px;
	font-style: italic;
	background:url('images/icon-next.png') no-repeat 0px 0px;
	padding-left: 17px;
	padding-top: 2px;
	}

.link-green a {
	color:#edf0c0;
	font-style: italic;
	}

.link-green a:hover {
	color:#000000;
	background-color: #edf0c0;
	}

.txt-green {
	color:#aab092;
	}

.txt-green a {
	color:#edf0c0;
	}

.txt-green a:hover {
	color:#000000;
	background-color: #aab092;
	}

.smalltext {
	font-size: 10px;
	font-style: italic;
	color:#edf0c0;
	}

.smalltext {
	font-size: 10px;
	font-style: italic;
	color:#edf0c0;
	}

.boldtext {
	color:#edf0c0;
	font-weight: bold;
	}

div.gauche {
	float: left;
	width:160px;
	}
div.centre {
	float: left;
	width:70px;
	}
div.droit {
	float: left;
	width:40px;
	}


/* Col2 text and layout */

#col2-contents {
	margin-left:25px;
	margin-top:20px;
	height:235px;
	overflow: auto;
	overflow-x:hidden; 
	}

#col2-contents p {
	margin: 0px;
	}

#col2-contents h1 {
	color:#d497b6;
	font-size: 23px;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
	letter-spacing: 0px;
	font-weight: normal;
	margin-bottom: 10px;
	}

#col2-contents .txt-pink {
	color:#d7c6cd;
	font-size: 11px;
	}

#col2-contents .txt-pink a {
	color:#d7c6cd;
	font-size: 11px;
	}

#col2-contents .txt-pink a:hover {
	color:#000000;
	text-decoration:none;
	background-color: #d7c6cd;
	}

#col2-info {
	margin-left:15px;
	top:345px;
	position: absolute;
	}

#col2-info h3 {
	color:#edf0c0;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
	letter-spacing: 1px;
	font-weight: normal;
	margin: 0px;
	}

#col2-info .txt-green {
	color:#aab092;
	font-size: 11px;
	font-style: italic;
	}


/* Contact forms */

#contentForm {
  	display: block;
}

label {
	display: block;
	margin-top: 5px;
	color:#edf0c0;
	font-size: 11px;
}

input, textarea, select {
	margin: 0;
	padding: 2px;
	font-size: 1em;
	color: #d5d99e;
	border: 1px solid #d5d99e;
	margin: 2px 0;
	background-color: #4b5327;
	font-family: Georgia, "Times New Roman", Times, serif;
}   

input:focus, textarea:focus, select:focus {
	border: 1px solid #d5d99e;
	background-color: #33381B;
}

input.button-fr {
  	cursor: pointer;
  	border: none;
  	font-weight: bold;
  	background: url('images/submit-contact-fr.png') no-repeat left top;
  	width: 83px;
  	height: 17px;
  	margin-left: 95px;
}

input.button-gb {
  	cursor: pointer;
  	border: none;
  	font-weight: bold;
  	background: url('images/submit-contact-gb.png') no-repeat left top;
  	width: 83px;
  	height: 17px;
  	margin-left: 95px;
}

/* Réservation forms */

#reservationForm {
  	display: block;
}

#col2-contents label {
	display: block;
	margin-top: 5px;
	color:#d7c6cd;
	font-size: 11px;
}

#col2-contents input, #col2-contents textarea, #col2-contents select {
	margin: 0;
	padding: 2px;
	font-size: 1em;
	color: #411e33;
	border: 1px solid #fff;
	margin: 2px 0;
	background-color: #d7c6cd;
	font-family: Georgia, "Times New Roman", Times, serif;
}   

#col2-contents input:focus, #col2-contents textarea:focus, #col2-contents select:focus {
	border: 1px solid #8f5077;
	background-color: #d497b6;
}

#col2-contents input.button-fr {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url('images/submit-reservation-fr.png') no-repeat left top;
  width: 83px;
  height: 17px;
  margin-left: 40px;
}

#col2-contents input.button-gb {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url('images/submit-reservation-gb.png') no-repeat left top;
  width: 83px;
  height: 17px;
  margin-left: 40px;
}

/* Forms */

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  width: 90%;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 10px 3px 30px;
  background: url('images/icon-error.png') no-repeat left top;
  height:25px;
}

.successrmsg {
  width: 90%;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 10px 3px 30px;
  background: url('images/icon-success.png') no-repeat left top;
  height:25px;
}

input.box, textarea.box {
  width: 260px;
}

input.box-check {
  width: 90px;
}

input.box-number {
  width: 20px;
}

input.box-txt {
  width: 155px;
}