/*=================================================================*/
body, table, input {
	color: #3e3e40;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	background-image:url(design/bg_body.gif);
	text-align:center;
	margin: 0;
	padding: 0;
	padding-top: 40px;
}

div.apercu, div.print_head {display:none;};
/*=================================================================*/
h1, h2, h3, p { margin: 0px; padding: 0px; }
h1 { color: #00b0f6; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0px; padding: 0px; margin-bottom: 10px; }
h2 { color: #3e3e40; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0px; padding: 0px; margin-bottom: 10px; }
h3 { color: #3e3e40; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; margin-bottom: 10px; }
ul, ol { list-style-position: inside;  margin-bottom: 10px; }
p { margin-bottom: 10px; }
hr { /*border: none;*/ }
/*=================================================================*/
/*==========================CONTAINER==============================*/
div.container {
	width: 1000px;
	margin: auto;
	text-align: left;
	background-color: #FFFFFF;
	padding: 10px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	position: relative;
}
div.container_bis {  }img { border: none; }
a { color: #00aeef; text-decoration: underline;}
a:hover { color: #5f6062; text-decoration: underline;}
a.homepage { display: block; height: 24px; }
.invisible { display: none; }
/*=================================================================*/
/*============================HEADER===============================*/
div.header {
	height: 150px;
	position: relative;
}
div.header h1 {
	float: left;
	margin-top: 60px;
}
div.header div.header_photo {
	float: left;
	height: 121px;
	/*background-image: url(design/header_photo.jpg);*/
	background-color: #5f6062;
	float: right;
}
div.header div.header_links {
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	right: 0px;
	bottom: 30px;
	color: #00b0f6;
	text-transform: uppercase;
}
div.header div.header_links a {
	color: #00b0f6;
	text-decoration: none;
}
div.header div.header_links a:hover {
	color: #5f6062;
	text-decoration: none;
}
/*=================================================================*/
/*============================MENU==============================*/
div.menu {
	background-color: #00b0f6;
	/*old background-color: #70d0f6; */
	width: 160px;
	background-image:url(design/new_menu_bg.jpg);
	/*oldbackground-image:url(design/menu_bg.jpg); */
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	padding-bottom: 20px;
}
/*=================================================================*/
/*============================CONTENT==============================*/
div.content {
	width: 590px !important;
	width: 612px;
	padding: 0 20px;
	float: left;
	min-height: 480px;
	height: auto !important;
	height: 480px;
}
/*=================================================================*/
/*============================RIGHT================================*/
div.right {
	width: 209px;
	position: absolute;
	top: 150px;
	right: 10px;
}
/*=================================================================*/
/*============================NEWS=================================*/
div.right div.news ul.news {
	list-style: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}
div.right div.news ul.news li.news {
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: solid 1px #5f6062;
}
div.right div.news ul.news p {
	margin-bottom: 4px;
}
div.right div.news ul.news .date {
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
}
div.right div.news ul.news h3 {
	color: #00aeef;
	font-weight: bold;
	margin: 0px;
}
div.right div.news a.allnews {
	font-size: 9px;
	text-transform: uppercase;
}

/*=================================================================*/
/*===========================MAILFORM==============================*/
div.formsection table { margin-bottom: 10px; }

div.formsection td { border-bottom: 1px solid #ECEDED; padding: 0 0 4px 0; vertical-align: top; }

div.formsection td.mail_label { width: 200px; padding-top: 2px; }
div.formsection td p { margin: 0; }

div.formsection TEXTAREA, div.formsection INPUT, div.formsection SELECT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7C7D7E;
}



/*=================================================================*/
/*============================FOOTER===============================*/
div.footer {

}

/*=================================================================*/
/*===============================BOX===============================*/
div.right div.box {padding: 20px; margin-bottom: 10px;
	color: #5f6062;
}
div.right div.content_box {	}
div.right div.box h2 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #5f6062;
	border: none;
}
div.right div.content_box p {
	margin: 0px;
}
div.right div.content_box p a {	font-weight: normal; }
div.right div.content_box p a:hover { color: #FFF; }
div.right div.news {
	background-color: #eceded;
}
div.right div.news {
	background-color: #eceded;
}
div.right div.recherche input, div.right div.newsletter input {
	border: none;
}
div.right div.recherche a, div.right div.newsletter a {
	color: #ffffff;
	text-decoration: none;
}
div.right div.recherche a:hover, div.right div.newsletter a:hover {
	color: #ffffff;
	text-decoration: underline;
}
div.right div.recherche {
	color: #ffffff;
	background-color: #00b0f6;
}
div.right div.newsletter {
	color: #ffffff;
	background-color: #7c7d7e;
	background-image:url(design/newsletter_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}
div.right div.recherche h2 {
	color: #ffffff;
}
div.right div.newsletter h2 {
	color: #ffffff;
}
/*=================================================================*/
/*============================POPUP================================*/
div.popup {
	width: 100%;
	text-align: left;
	background: white;
	height: 120%;
}
div.popup H1 {
	color: #FFFFFF;
	background-color: #FFB000;
	width: 100%;
	margin: 0px;
	padding: 8px 10px;
}

div.popup P {
	margin: 10px;
}



div.googlemap { width: 100%; height:300px; margin: 1em auto 1em; border: 1px solid #70d0f6; position:relative; }

/*=================================================================*/
/*============================COPYRIGHT============================*/
div.footer {
	background-image: url(design/container_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	clear: both;
	text-align: center;
	padding: 10px;
	color: #999999;
	font-size: 11px;
}
div.footer div.copyright {
	padding-top: 65px;
}
div.footer a { color: #999999; text-decoration: none; }
div.footer a:hover { color: #999999; text-decoration: underline; }
/****************************RESERVATION*******************************/
div.reservation form div.clear {
	clear: both;
}
div.reservation form div.field {
	margin: 10px 0;
}
div.reservation form div.field label {
	display: block;
	width: 150px;
	text-align: right;
	float: left;
	padding-right: 10px;
}
div.reservation form div.field label.radio {	
	display: inline;
	width: auto;
	text-align: left;
	float: none;
	padding-right: 0;
	position: relative;
	top: -5px;
	margin-right: 10px;
}
div.reservation div.submit {	
	padding-left: 160px;
}
div.errorbox {
	background: #F4CACA;
	padding: 10px;
	border: 2px solid #CC0000;
	color: #CC0000; 
	margin: 10px 0 30px;
}
div.errorbox ul li {
	display: block;
	margin: 5px 0;
	color: #CC0000; 
}
div.errorbox ul {
	padding: 0 20px;
}
div.infobox {
	background: #CAF4CA;
	padding: 10px;
	border: 2px solid #090;
	color: #090; 
	margin: 10px 0 30px;
}
div.infobox ul li {
	display: block;
	margin: 5px 0;
	color: #090;
}
div.infobox ul {
	padding: 0 20px;
}