/* ------------------------------------------------
Hotel DeFierlant Website
Create by :David Craff - 01/2009
Email:dcraff@hotmail.com

File :template.css
Description :css for common template page
Width:766px (for 800x600 screen)
Structure :
     - header
	- footer
	- content with 2 colums
________________________________
INDEX
===========================================
_common (common css)
_container (css for container website)
_header (css for header)
_content (css for center page)
	_menu (css for menu)
	_reservation (css for reservation form)
_footer (css for footer)
________________________________
------------------------------------------------ */
@import "/squelettes/css/inc-reset.css"; /* Reset css for max navigator compatibility */
@import "/squelettes/js/datepicker/theme/ui.all.css"; /* Import for datepicket jquery widget */
@import "/squelettes/js/codaslider/coda.css"; /* Import for coda slider jquesry */

/* _common */
body{
	background-color:#afa088;
	font:normal 11px Verdana, Arial, Helvetica;
}
hr.clear {
	clear:both;
	font-size:0px;
	visibility:hidden;
}
a {
	color:#e9b400;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/* _contanier */
div#container {
	border:1px solid black;
	left:50%;
	margin-left:-383px;
	position:absolute;
	width:766px;
}

/* _header */
div#header {
	background-color:#41291c;
	border-bottom:4px solid #e9b400;
	color:#fff;
	height:72px;
	width:inherit;
}
	div#header p.logo {
		float:left;
		margin-left:20px;
	}
	div#header p.name {
		float:left;
		margin:7px 0 0 80px;
	}
	div#header div.link {
		float:right;
		margin:27px 5px 0 0;
	}
		div#header div.link a {
			background:transparent url('/squelettes/img/dot-yellow.png') no-repeat;
			color:#fff;
			font-size:10px;
			line-height:13px;
			padding:0 15px 0 15px;
		}
		div#header div.link select#var_lang {
			text-transform:capitalize;
		}
/* _content */
div#content {
	background-color:#41291c;
	clear:both;
}
div#content div#left-colum {
	background-color:#f6f6f0;
	float:left;
	position:relative;
	width:536px;
}
	div#content div#left-colum div#illustration {
		height:263px;
		width:536px;
	}
		div#content div#left-colum div#illustration h3 {
			color:#e9b400;
			font-size:14px;
			font-weight:bold;
		}
	div#content div#left-colum div#phone {
		background:transparent url('/squelettes/img/bg-phone.png') no-repeat;
		color:#99856c;
		font:bold 11px/43px Arial;
		height:52px;
		padding-left:34px;
		position:absolute;
		top:235px;
		width:173px;
	}
		div#content div#left-colum div#phone span.title {
			color:#41291c;
		}
	div#content div#left-colum div#texte {
		background:#f6f6f0 url('/squelettes/img/bg-texte.png') no-repeat bottom right;
		min-height:280px;
		padding:40px 40px 30px 10px;
	}
		div#content div#left-colum div#texte  p {
			margin:5px 0 10px
		}
		div#content div#left-colum div#texte p.logo-article {
			float:left;
			margin:0 20px 10px 20px;
		}
			div#content div#left-colum div#texte h1 {
				color:#e9b400;
				font:bold 18px Arial, Helvetica, sans-serif;
			}
			div#content div#left-colum div#texte h2 {
				color:#baae9b;
				font:bold 12px Arial, Helvetica, sans-serif;
				margin-bottom:20px;
			}
		div#content div#left-colum div#texte ul li {
			margin-left:20px;
		}
		div#content div#left-colum div#texte h2.titre-plan {
			border-bottom:1px solid #e9b400;
			color:#41291C;
			margin:20px 0 10px;
		}
div#content div#right-colum {
	float:right;
	height:200px;
	width:230px;
}
	/* _menu */
	div#content div#right-colum div#menu {
		background-color:#b0a188;
		border-bottom:4px solid #e9b400;
		padding:8px 0 5px;
	}
		div#content div#right-colum div#menu  ul li {
			background-color:#a7957b;
			color:#ffffff;
			font:bold 12px/23px Arial;
			height:23px;
			margin-bottom:3px;
			padding-right:40px;
			text-align:right;
			text-transform:uppercase;
		}
		div#content div#right-colum div#menu  ul li:hover{
			background:#a7957b url('/squelettes/img/arrow-right.png') no-repeat 40px 7px;
			cursor:pointer;
		}
		div#content div#right-colum div#menu  ul li.on {
			background:#41291C url('/squelettes/img/arrow-right.png') no-repeat 40px 7px;
			cursor:pointer;
		}
		div#content div#right-colum div#menu  ul li a {
			color:#ffffff;
			text-decoration:none;
		}
	/* _reservation */
	form#reservation {
		background-color:#41291c;
		border-bottom:4px solid #e9b400;
		color:#fff;
		padding:10px;
		overflow:hidden;
	}
	form#reservation h2 {
		color:#e9b400;
		font-weight:bold;
		padding:0 0 10px;
	}
	form#reservation input {
		border:none;
		font-size:11px;
		margin:1px 0;
	}
		form#reservation input#beginDate, form#reservation input#endDate {
			width:75px;
		}
		form#reservation input#nbClient, form#reservation input#nbRoom {
			width:30px;
		}
	form#reservation select {
		border:none;
		font-size:11px;
		margin:1px 0;
	}
		form#reservation dl {
			overflow:hidden;
		}
			form#reservation dt {
				float:left;
				height:22px;
				line-height:20px;
				width:70%;
			}
			form#reservation dd {
				float:right;
				height:22px;
				width:30%;
			}
	form#reservation p.submit {
		padding-top:10px;
		text-align:center;
	}
		form#reservation p.submit input {
			padding:4px;
			text-transform:uppercase;
		}
		form#reservation p.submit input:hover {
			cursor:pointer;
		}
	p.formulaire_erreur {
		color:#ff0;
		margin-bottom:10px;
	}
	p.formulaire_ok {
		color:#fff;
		padding:10px;
	}
	/* Tarif */
	.prix {
		border-spacing:1px;
		font-size:11px;
	}
	.prix td {
		padding:4px;
	}
/* _footer */
div#footer {
	background-color:#41291c;
	height:64px;
	width:inherit;
}
	div#footer ul {
		margin:0 0 0 40px;
		padding-top:20px;
	}
		div#footer ul li {
			border-left:1px solid #fff;
			display:inline;
			padding:0 10px;
		}
		div#footer ul li:first-child {
			border-left:none;
		}
		div#footer ul li a {
			color:#fff;
		}
	div#copyright {
		bottom:10px;
		color:#fff;
		position:absolute;
		right:10px;
	}
/* _promotion */
.promotion {
	background-color:#E9B400;
	color:#000000;
	margin:5px;
	padding:5px;
}
	.promotion h2 {
		border-bottom:1px solid #fff;
		font-weight:bold;
		margin-bottom:5px;
		padding-bottom:5px;