html {height: 100%; }
body {
	background:#c4d2fe;
	margin: 0; 
	text-align:center;
}
img {
	border:0;
}
/* GABARIT PRINCIPAL */

#cadre-g {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:12px;
	border:1px solid #3a3035;
	width:903px;
	height:875px;
	background:#0048ff url("/images/background-main.jpg") no-repeat bottom;
	text-align:left;
}
#top {
	position:absolute;
	top:0;
	display:block;
	width:903px;
	height:103px;
	background: url("/images/background-top.jpg") repeat-x;
	z-index:0;
}
#logo {
	position:relative;
	display:block;
	width:380px;
	height:54px;
	background: transparent url("/images/logo.gif") no-repeat;
	margin:10px auto 10px auto;
	}
#logo h1 {
	overflow: hidden;
	text-indent: -9999px;
	}
#pension {
	position:absolute;
	bottom:0px;
	display:block;
	width:903px;
	height:30px;
	font:normal 18px Verdana, Arial, Helvetica;
	color:#fff;
	text-align:center;
/*	border:1px solid red;*/
}
#texte {
	position:absolute;
	top: 120px;
	left: 90px;
	width: 727px;
	display:block;
	font:normal 14px/26px Verdana, Arial, Helvetica;
	color:#fff;
}
#diaporama {
	position:absolute;
	bottom: 180px;
	left:190px;
	width: 521px;
	height: 409px;
	border:1px solid #333;
}

#adresse {
	position:absolute;
	bottom: 20px;
	width:903px;
	margin-left: auto;
	margin-right: auto;
	display:block;
	font:normal 14px/26px Verdana, Arial, Helvetica;
	color:#111;
	text-align:center;

}
#contact {
	position:absolute;
	bottom: 100px;
	left:230px;
	width:197px;
	margin-left: auto;
	margin-right: auto;
	display:block;

}
#reservation {
	position:absolute;
	bottom: 100px;
	left:460px;
	width:197px;
	margin-left: auto;
	margin-right: auto;
	display:block;

}

/* ################################################################### */
/*                         formulaires contact                         */
/* ################################################################### */

#contactform {
	display:block;
	position:absolute;
	top: 240px;
	left:0;
	width: 621px;
	z-index:0;
}

.contact_form p {
	margin:4px 0 1px 0;
	padding:0;
	display:block;
/*		clear:both;*/
/* 	border:1px solid red;*/
}
.contact_form label {
	background-color: transparent;
/*	display: inline-block;*/
	width: 100px;
	float: left;
	margin-top:2px;
	padding:3px 1% 3px 0;
	text-align: right;
	letter-spacing: 1px;
	font-size:10px;
	font-weight:bold;
	font:normal 14px Verdana, Arial, Helvetica;
	color:#fff;
}
.contact_form label:hover {
	color:#ec7602;
}
.contact_form input, .contact_form select,.contact_form textarea
{
	margin-left: 1%;
	width: 240px;
	border: #fff 1px solid;
	font: bold 14px/14px Verdana, Arial, Helvetica;
	color:#452f1c;
}
.contact_form textarea {
	padding:3px;
}

.contact_form input:focus, .contact_form select:focus, .contact_form textarea:focus
{
	border: #fff 1px solid;
	color:#fff;
	background-color: #a2ab53;
	font-weight:bold;
	font-style:italic;
}
#bloc-google {
	display:block;
	position:absolute;
	top: 210px;
	right:20px;
	width: 450px;
	font:normal 14px Verdana, Arial, Helvetica;
	color:#fff;
}
#bloc-google h1 {
	font-size:16px;
}