/* --------------------------------------------------------------------------------------------------- */
/*                                 Cabrepsine :: general CSS document                                  */
/* --------------------------------------------------------------------------------------------------- */


/* -------------------- */
/* GLOBAL LAYOUT STYLES */
/* -------------------- */
* {
	margin:0;
	padding:0;
	border:0;
}

html {
	font-size:62.5%;	
}

body {
	background:url(../img/bg-body.jpg) #fefbeb bottom left repeat-x fixed;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	color:#5e260b;
}

h1 {
	margin-bottom:0.5em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:3.6em;
	text-shadow: 1px 1px 3px #b08168;
}
	h1 span {
		font-size:0.61em;
		font-weight:normal;
	}

h2 {
	margin-bottom:1em;
	color:#bf4820;
	font-weight:normal;
	font-size:1.7em;
	line-height:1.45em;
	text-align:justify;
}

h3 {
	margin-bottom:0.6em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:normal;
	text-transform:uppercase;
}
	h3:first-letter {
		font-size:1.3em;
	}

h4 {
	margin-bottom:0.3em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.3em;
}

h5 {
}

h6 {
}

p {
	margin-bottom:1.2em;
	font-size:1.3em;
	line-height:1.5em;
	text-align:justify;
}
	p .larger {
		font-size:1.3em;
	}

a {
	color:#5e260b;
}
	a:hover {
		color:#bf4820;
		text-decoration:none;
	}

em {
}

strong {
}

img {
	_behavior: url(css/iepngfix.htc);
}

.clearBoth {
	clear:both;
}

.spacer {
	clear:both;
	height:15px;
	margin:20px 20px 15px 20px;
	|margin-top:5px;
	border-bottom:1px dashed #e0c9b0;
}

.spaceFin{
	height:1px;
}


/* ------------------*/
/* GLOBAL CONTAINERS */
/* ------------------*/
#container-top {
	width:890px;
	height:60px;
	margin:0 auto;
	background:url(../img/bg-container-top.png) no-repeat;
	_behavior: url(css/iepngfix.htc);
}
#container-bottom {
	width:890px;
	height:60px;
	margin:0 auto;
	background:url(../img/bg-container-bottom.png) no-repeat;
	_behavior: url(css/iepngfix.htc);
}
#container-wrapper {
	width:890px;
	margin:0 auto;
	background:url(../img/bg-container-wrapper.png) repeat-y;
	_behavior: url(css/iepngfix.htc);
}
#container {
	width:850px;
	_overflow:hidden;
	margin:0 auto;
	background:#fbf6f0 url(../img/bg-content-main.jpg) no-repeat right top;	
}

/* --------------- */
/* MAIN NAVIGATION */
/* --------------- */
#nav_main {
	float:left;
	margin-left:40px;
	_margin-left:20px;
	height:25px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-transform:uppercase;
}
	#nav_main li {
		float:left;
		margin-right:18px;
		list-style:none;
	}
	#nav_main a {
		display:block;
		float:left;
		text-decoration:none;
	}
		#nav_main a:hover {
			color:#bf4820;
		}
		#nav_main .active {
			display:block;
			_display:inline;
			height:22px;		
			border-bottom:2px solid #bf4820;
			_border:0;
			color:#bf4820;
		}
		
/* --------------------- */
/* ADDITIONAL NAVIGATION */
/* --------------------- */
#nav_supp {
	float:right;
	margin:1px 40px 0 0;
	_margin:1px 20px 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-transform:uppercase;	
}
	#nav_supp li {
		float:left;
		margin-left:12px;
		list-style:none;
	}
	#nav_supp a {
		display:block;	
		text-decoration:none;
	}
		#nav_supp a:hover {
			color:#bf4820;
		}
		#nav_supp .active {
			display:block;
			_display:inline;
			height:20px;		
			border-bottom:2px solid #bf4820;
			_border:0;
			color:#bf4820;
		}		
			

/* -------- */
/* MASTHEAD */
/* -------- */
#masthead {
	position:relative;
	z-index:100;
	width:830px;
	height:300px;
	padding-left:20px;
	background:url(../img/bg-masthead.png) no-repeat;
	_behavior: url(css/iepngfix.htc);
}
#img-fougere, #img-bruyere, #img-gite {
	display:none;
	position:absolute;
	top:0;
	left:20px;
	z-index:10000;
}

#slideshow {
}
			
/* ------------ */
/* MAIN CONTENT */
/* ------------ */
#content_main {
	float:left;
	width:500px;
	min-height:220px;
	_height:220px;	
	margin-left:40px;
	_margin-left:20px;
}
.columnLeft, .columnRight {
	float:left;
	width:230px;
	padding-bottom:10px;
	margin-bottom:10px;
}
.columnLeft {
	padding-right:19px;
	margin-right:20px;
	_padding-right:10px;
	_margin-right:10px;
	border-right:1px dashed #e0c9b0;
}
#content_main ul {
	margin-bottom:1.6em;
}
#content_main li {
	margin:0 0 0.3em 15px;
	font-size:1.3em;
	line-height:1.3em;
}
	#content_main .columnLeft ul, #content_main .columnRight ul {
		margin-bottom:0;
	}
	
#btn-piscine {
	position:relative;
	margin-left:-10px;
}
#btn-reserver-gite {
	position:relative;
	margin-left:-10px;
}

#calendar {
	width:460px;
	min-height:150px;
	_height:150px;
	margin:30px 0 0 -20px;
	padding:16px 40px 0 40px;
}
.calendar_fougere {
	background:url(../img/bg_calendar_fougere.png) no-repeat;
	_behavior: url(css/iepngfix.htc);
	_position:relative;
}
.calendar_bruyere {
	background:url(../img/bg_calendar_bruyere.png) no-repeat;
	_behavior: url(css/iepngfix.htc);
	_position:relative;
}
.calendar_gite {
	background:url(../img/bg_calendar_gite.png) no-repeat;
	_behavior: url(css/iepngfix.htc);
	_position:relative;
}
ul#nav_calendar {
	margin-left:-20px;
	height:35px;
	list-style:none;
}
	ul#nav_calendar li {
		float:left;
		margin:0;
		padding:0;
		color:#bf4820;
		text-align:center;
		_text-align:left;
		font-size:1.6em;
	}
		ul#nav_calendar li#nav_calendar_fougere {
			width:109px;
		}
		ul#nav_calendar li#nav_calendar_bruyere {
			width:106px;
		}
		ul#nav_calendar li#nav_calendar_gite {
			width:83px;
		}
		ul#nav_calendar li a {
			text-decoration:none;
			_position:absolute;
			_cursor:pointer;
		}

#calendar_iframe {
	float:left;
	width:210px;
	margin:0 20px 40px -20px;
	_margin-left:-10px;
	padding:0 20px 0 20px;
	border-right:1px dashed #c49176;
}
	#calendar_iframe iframe {
		width:210px;
		height:205px;
		overflow:hidden;
	}
#calendar_prices {
	float:right;
	width:205px;
}
	#calendar_prices p {
		font-size:1.1em;
		text-align:left;
	}

#date_green {
	margin:0 0 0.6em 10px;
	padding-left:15px;
	background:url(../img/bg-free.gif) no-repeat left center;
	font-size:1.1em;
}
#date_red {
	margin:0 0 0.6em 10px;
	padding-left:15px;
	background:url(../img/bg-notfree.gif) no-repeat left center;
	font-size:1.1em;	
}
#date_orange {
	margin:0 0 0.6em 10px;
	padding-left:15px;
	background:url(../img/bg-option.gif) no-repeat left center;
	font-size:1.1em;
}
	

/* ------------------ */
/* ADDITIONAL CONTENT */
/* ------------------ */
#content_supp {
	position:relative;
	float:right;
	width:310px;
	margin:0 -20px 0 0;
}	
	#content_supp li {
		list-style:none;
	}
	#content_supp a#btn-reservations {
		display:block;
		position:absolute;
		z-index:4;				
		_cursor:pointer;
		_behavior: url(css/iepngfix.htc);
		width:311px;
		height:106px;
		overflow:hidden;
		background:url(../img/btn-agenda.png) no-repeat;
	}
	#content_supp a#btn-fougere, #content_supp a#btn-bruyere, #content_supp a#btn-gite {
		display:block;
		position:absolute;
		_cursor:pointer;
		_behavior: url(css/iepngfix.htc);
		width:293px;
		height:54px;
		overflow:hidden;
		margin-left:5px;
	}
	#content_supp a#btn-bruyere {
		top:89px;
		z-index:3;
		background:url(../img/btn-bruyere.png) no-repeat;
	}
	#content_supp a#btn-fougere {
		top:127px;
		z-index:2;	
		background:url(../img/btn-fougere.png) no-repeat;
	}
	#content_supp a#btn-gite {
		top:165px;
		z-index:1;	
		background:url(../img/btn-gite.png) no-repeat;
	}			
		#content_supp a#btn-reservations:hover, #content_supp a#btn-fougere:hover, #content_supp a#btn-bruyere:hover, #content_supp a#btn-gite:hover {
			background-position:bottom;
		}

#content_supp ul#photos {
	position:relative;
	top:108px;
	left:15px;
	z-index:5;
}
	#content_supp ul#photos li {
		float:left;
		list-style:none;
		width:80px;
		height:95px;
		_height:95px;
		position:relative;
		overflow:hidden;
	}
	
#content_supp #contact-infos {
	width:230px;
	margin:80px 0 0 20px;
}	

#content_supp form {
	_position:absolute;
	width:268px;
	_width:258px;
	height:500px;
	margin:0 0 0 -5px;
	_margin:0 0 0 7px;
	padding:25px 20px 20px 40px;
	_padding:20px;
	background:url(../img/bg-form.png) no-repeat;
	_background:url(../img/bg-form-2.jpg) no-repeat;	
	color:#fff;
}
#content_supp form div {
	margin-bottom:10px;
	|margin-bottom:8px;
}
	#content_supp form p {
		margin-bottom:0.6em;
	}
	#content_supp form div {
		font-size:1.2em;
	}

#content_supp label {
	display:inline-block;
}
	#content_supp label.small {
		width:25px;
	}
	#content_supp label.medium {
		width:30px;
	}
	#content_supp label.large {
		width:75px;
	}
	
#content_supp input {
	_position:relative;
	height:18px;
	margin:0 15px 0 0;
	padding:0 2px 0 2px;
	border-bottom:1px solid #c88941;
	border-right:1px solid #c88941;
	border-top:1px solid #5e2d13;
	border-left:1px solid #5e2d13;			
	color:#5e260b;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
	#content_supp input.text_small {
		width:39px;
	}
	#content_supp input.text_medium {
		width:74px;
	}
	#content_supp input.text_large {
		width:98px;
	}
	#content_supp input.text_xlarge {
		width:144px;
	}
	#content_supp input.error {
		background:#f00;
		border-bottom:1px solid #f46b70;
		border-right:1px solid #f46b70;
		border-top:1px solid #790000;
		border-left:1px solid #790000;		
		color:#fff;
	}
#content_supp #confirm {	
	position:absolute;
	top:310px;
	left:12px;
	|left:17px;
	width:293px;
	height:68px !important;
	border:0;
	_behavior: url(css/iepngfix.htc);
}


/* ----------*/
/* SITE INFO */
/* --------- */
#footer {
	padding:10px 40px 10px 40px;
	font-size:1.4em;
}

#sponsor {
	padding:10px 40px 10px 40px;
	font-size:1.4em;
	height: 53px;
	width: auto	
}

#sponsor .S_alignLeft{
	float: left;
	width: 150px;
	height: 53px;
}

#sponsor .S_alignRight{
	float: left;
	width: 200px;
	height: 43px;
	padding: 9px 0px 0 10px;	
}