@import "navbar-styles.css";  /* hides advanced styles from some CSS-challenged browsers */

/**************************************
 **    BASE STYLES FOR ALL PAGES     **
 **************************************/
html, body, table, p, li, td, h1, div, span {
	font-family: Tahoma, Arial, Helvetica, sans-serif;  /* help for NS4 inheritance problems */
	scrollbar-face-color: #2c9038; 
	scrollbar-shadow-color: #2c9038; 
	scrollbar-highlight-color: #2c9038; 
	scrollbar-3dlight-color: #73c982; 
	scrollbar-darkshadow-color: #000000; 
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
}
a:link {
	color: #2c9038;
	background-color: #fff;
}
a:visited {
	color: #1f7ba4;
	background-color: #fff;
}
a:hover {
	color: #fff;
	background-color: #2c9038;
}
input.button {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background:#2c9038 none;
	color:#fff;
}
table {
	border: 0px;
	width: 100%;
}

/**********************
 **    MAIN PAGE     **
 **********************/
#webpage {
	height: 600px;
	margin: 0px auto;	
	position: relative;
	width: 800px;
/*    text-align: bottom-right;  corrects IE hack*/
	z-index: 0;
}
#footerLyr {
	position: absolute;
	top: 585px;
	left: 0px;
	width: 100%;
	z-index: 4;
	font-size: 50%;
}
#footerLyr div {
	border: 1px solid #ccc;
	background-color: #fff;
	margin: 0;
	padding: .2em;
	text-align: center;
	color: #73c982;
}
#footerLyr div a:link {
	text-decoration: none;
}


#memberLyr {
	background-color: #ffffff;
	border: 1px solid #ccc;
}
#closerLyr {
	position: absolute;
	top: 10px;
	left: 390px;
	width: 10px;
	height: 10px;
	z-index: 4;
	border: 1px solid #ccc;
	overflow: hidden;
}
#closerLyr div {
	margin: 0;
	text-align: center;
}
#closerLyr div a {
	color: #ccc;
	text-decoration:none;
}
#photoLyr {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 160px;
	height: 160px;
	vertical-align:middle;
	z-index: 4;
	overflow: hidden;
}
#descripLyr {
	position: absolute;
	top: 10px;
	left: 180px;
	width: 210px;
	height: 160px;
	z-index: 3;
	font-size: 90%;
	overflow: hidden;
}
#descripLyr ul,
#descripLyr li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	/*text-align: center;*/
}
#descripLyr li.nameTitle {
	padding-top: .2em;
	font-weight: bold;
	color: #2c9038;
}
#descripLyr li.nameMember {
	padding-top: .2em;
	font-weight: bold;
	color: #2c9038;
}
#descripLyr li.emailTitle {
	font-weight: bold;
	color: #1f7ba4;
}
#descripLyr li.emailMember {
	font-weight: bold;
	color: #1f7ba4;
}
#descripLyr li.noteTitle {
	font-weight: bold;
	color: #000;
}
#descripLyr li.noteMember {
	color: #000;
}
#descripLyr img {
	padding-right: 10px;
}

/**************************
 **    CONTENT PAGES     **
 **************************/
 #nbody {
	width: 95%;
}
#news {
	text-align:left;
	margin-right: 1em;
}
#news ul,
#news li {
	margin-left: 0;
	padding: 0;
	font-size: 90%;
	list-style: none;
}
#news ul,
#news li {
	margin: 0;
	padding-bottom: .5em;
	list-style: none;
}
#news ul {
	padding-top: 1em;
}
#news li {
}
#news li.date {
	font-weight: bold;
	color: #2c9038;
}
#news li.title {
	font-weight: bold;
	color: #1f7ba4;
}
#news li.text {
	font-size: 100%;
	color: #000;
}

#ubody {
	width: 90%;
}
#us {
	text-align:left;
}
#us ul,
#us li {
	margin-left: 1em;
	margin-right: 0;
	padding: 0;
	list-style: none;
}
#us ul {
	padding-top: 1em;
}
#us li.title {
	font-weight: bold;
	color: #1f7ba4;
}
#us li.text {
	font-size: 90%;
	color: #000;
	padding-bottom: 1em;
}
#us font.tog {
	font-weight: bold;
	color: #2c9038;
}


#cbody {
	margin: 0;
	padding: 0;
	width: 98%;
}
#com {
	margin: 0;
	padding: 0;
	background-color:transparent;
	/*text-align:center;*/
}
#com img {
	/*margin-left: 4px;*/
	margin-right: 6px;
	margin-bottom: 6px;
}


#pbody {
	margin: 0;
	padding: 0;
	width: 98%;
}
#photos {
	margin: 0;
	padding: 0;
	background-color:transparent;
}


#lbody {
	width: 90%;
}
#location {
	text-align:left;
}
#location ul,
#location li {
	margin-left: 1em;
	margin-right: 0;
	padding: 0;
	list-style: none;
}
#location ul {
	padding-top: 1em;
}
#location li {
	padding-bottom: .5em;
}
#location li.title {
	font-weight: bold;
	color: #1f7ba4;
	font-size: 95%;
	padding-bottom: 1em;
}
#location li.subhead {
	font-weight: bold;
	color: #2c9038;
	font-size: 90%;
}
#location li.text {
	font-size: 90%;
	color: #000;
	padding-bottom: 1.5em;
}


#ibody {
}
#login {
	height: 573px;
	margin: 0px auto;	
	position: relative;
	width: 400px;
}
#login ul,
#login li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}
#login ul {
	padding-top: 3em;
}
#login li {
	padding-top: .5em;
}
#login li.title {
	font-weight: bold;
	color: #1f7ba4;
	padding-bottom: 1em;
}
#login li.text {
	font-size: 90%;
	color: #000;
}
#login td {
	text-align: center;
}
#login td.title {
	padding: .5em;
	font-weight: bold;
	font-size: 95%;
	color: #2c9038;
	vertical-align:middle;
}
#login td.type {
	font-size: 90%;
	padding: .3em;
}
#login td.entry {
	padding-bottom: .5em;
	font-size: 85%;
	color: #000;
	vertical-align:middle;
}
#login td.error {
	font-size: 90%;
	color: #FF0000;
}
#login td.reg {
	font-size: 80%;
	color: #2c9038;
}

#bbody {
	width: 95%;
	height: 95%;
}
#member {
}
#member ul,
#member li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}
#member ul {
	padding-top: 3em;
}
#member li {
	padding-top: .5em;
}
#member li.title {
	font-weight: bold;
	color: #1f7ba4;
	padding-bottom: 1em;
}
#member li.text {
	font-size: 90%;
	color: #000;
}
#member td {
	text-align: center;
}
#member td.title {
	padding: .5em;
	font-weight: bold;
	font-size: 95%;
	color: #2c9038;
	vertical-align:middle;
}
#member td.type {
	font-size: 90%;
	padding: .3em;
}
#member td.entry {
	padding-bottom: .5em;
	font-size: 85%;
	color: #000;
	vertical-align:middle;
}
#member td.error {
	font-size: 90%;
	color: #FF0000;
}
#member td.reg {
	font-size: 80%;
	color: #2c9038;
}

#mbody {
	width: 90%;
}
#menu {
	text-align: left;
}
#menu ul,
#menu li {
	margin-left: 1em;
	margin-right: 0;
	padding: 0;
	list-style: none;
}
#menu ul {
	padding-top: 1em;
}
#menu li {
	padding-bottom: .5em;
}
#menu li.title {
	font-weight: bold;
	color: #1f7ba4;
	font-size: 95%;
	padding-bottom: 1em;
}
#menu li.date {
	font-weight: bold;
	color: #2c9038;
	font-size: 90%;
}
#menu li.description {
	font-size: 90%;
	color: #000;
}


#rbody {
	width: 99%;
}
#res {
	text-align: center;
	font-size: 85%;
	height: 100%;
}
#res form,
#res ul,
#res li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#res ul {
}
#res li {
	line-height: 1.3em;
}
#res li.text {
	color: #000;
	font-weight: bold;
}
#res li.entry {
	color: #000;
}
#res li.error {
	color: #FF0000;
}
#res li.success {
	line-height: 2.3em;
	color: #000;
}
/******* Joris style addon's   */

#cbody img {
	margin-top: 20px;
}
#prixdenuit {
	background-attachment: fixed;
	background-image: url(images/corner-prix-de-nuit_01.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 188px;
	width: 188px;
	right: 0px;
	top: 0px;
	position:absolute;
	z-index: 100;
}