/*

	[ screen.css ]

	1. Typography
		1.0. Headings
		1.1. Text Elements
		1.2. Tables
		1.3. Misc Classes
	2. Typo Content
	3. Forms
		3.0. Form Fields
		3.1. Notices
	4. Page
	5. Header
	6. Footer
	7. Content
		7.0. Homepage
		7.1. Reservations
		7.2. Contact
	8. Miscellanea
		8.0. Parallax
		8.1. jQuery Galleria

	#page		960px (padding:0 90px)
	#content	780px

*/

	html { background:#fff url(../images/bg/html.png) repeat-x center top; }


/* ###############################################
   1. Typography
   ############################################### */

	body { -webkit-text-stroke:1px transparent; }
	@media only screen and (max-device-width:480px) { body{ -webkit-text-stroke:0 black; } }

	body {
		color: #222;
		font-family: Palatino, Georgia, 'Times New Roman', serif;
	}

   /* 1.0. Headings ############################## */

	h1,h2,h3,h4,h5,h6 {
		font-weight: bold;
		font-style: italic;
	}
	h1 { font-size: 3em; line-height: 1; }
	h2 { font-size: 2.4em; margin-bottom: 0.75em; }
	h3 { font-size: 2em; line-height: 1; }
	h4 { font-size: 1.8em; line-height: 1.25; }
	h5 { font-size: 1.6em; }
	h6 { font-size: 1.2em; }

	h1 img, h2 img, h3 img, 
	h4 img, h5 img, h6 img {
	  margin: 0;
	}

   /* 1.1. Text Elements ######################### */

	p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
	p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
	p.note { font-size:1.4em; font-weight:bold; padding-bottom:0; }

	a,
	a:link,
	a:visited {
		color:#E72200;
		}
		a:focus,
		a:hover {
			color:#E72200;
		}
		a:active {
			color:#000;
		}
		.content a:focus,
		.content a:hover {
			border-bottom:2px solid #E72200;
		}

	blockquote  { margin: 1.5em; color: #666; font-style: italic; }
	strong      { font-weight: bold; }
	em,dfn      { font-style: italic; }
	dfn         { font-weight: bold; }


   /* 1.2. Tables ################################ */

	table {
		width:100%;
		}
		th, td, caption {
			font:normal 1.2em/1.2 'Myriad Pro', 'Trebuchet MS', Helvetica, Arial, sans-serif;
			text-align:center;
			padding:0 15px;
		}
		tr.odd th, tr.odd td { background: url(../images/bg/shade.png); }

		thead td { color:#fff; }
		th { color:#fff; text-align:right; width:130px; }


		td input.checkbox, td input.radio { 
			margin:8px 0;
		}
		td img {
			display:inline;
			vertical-align:middle;
		}



   /* 1.3. Misc Classes ########################## */

	.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
	.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
	.hide       { display: none; }

	.quiet      { color: #666; }
	.loud       { color: #000; }
	.highlight  { background:#ff0; }
	.added      { background:#060; color: #fff; }
	.removed    { background:#900; color: #fff; }

	.first      { margin-left:0; padding-left:0; }
	.last       { margin-right:0; padding-right:0; }
	.top        { margin-top:0; padding-top:0; }
	.bottom     { margin-bottom:0; padding-bottom:0; }


/* ###############################################
   2. Content
   ############################################### */

	#header ul.navigation li a,
	#header ul.navigation li a:link,
	#header ul.navigation li a:visited {
		color:#DBEDD8;
		font-size: 2em;
		font-weight:bold;
		line-height:58px;
		/*text-transform: uppercase;*/
		text-shadow:#3E8B2F 0 2px 0;
		}
		#header ul.navigation li a:focus,
		#header ul.navigation li a:hover {
			color:#000;
		}
		#header ul.navigation li a:active {
			color:#E72200;
		}

	#header ul.navigation li.current a,
	#header ul.navigation li.current a:link,
	#header ul.navigation li.current a:visited {
		color:#fff;
		font-size: 2.8em;
		}
		#header ul.navigation li.current a:focus,
		#header ul.navigation li.current a:hover {
			color:#000;
		}
		#header ul.navigation li.current a:active {
			color:#E72200;
		}


	#footer {
		font-family:'Myriad Pro', 'Trebuchet MS', Helvetica, Arial, sans-serif;
		line-height:1.2;
	}

	#footer p.copyright { font-size:1.2em; }

	#footer a, .overview a,
	#footer a:link, .overview a:link,
	#footer a:visited, .overview a:visited {
		color:#FFD839;
		line-height:1.6;
		}
		#footer a:focus, .overview a:focus,
		#footer a:hover, .overview a:hover,
		#footer a:active, .overview a:active {
			border-bottom:1px solid #FFD839;
			color:#FFD839;
		}
		#footer a:active, .overview a:active {
			color:#000;
		}

	#footer a.terms,
	#footer a.terms:link,
	#footer a.terms:visited {
		color:#fff;
		}
		#footer a.terms:focus,
		#footer a.terms:hover,
		#footer a.terms:active {
			border-bottom:1px solid #fff;
			color:#fff;
		}
		#footer a.terms:active {
			color:#000;
		}

	#footer ul.navigation li a,
	#footer ul.navigation li a:link,
	#footer ul.navigation li a:visited {
		color:#E72200;
		font-size:14px;
		font-family:'Gill Sans';
		text-transform:uppercase;
		}
		#footer ul.navigation li a:focus,
		#footer ul.navigation li a:hover {
			border-bottom:2px solid #E72200;
			color:#E72200;
		}
		#footer ul.navigation li a:active {
			color:#FFD839;
		}

	#footer ul.navigation li.current a,
	#footer ul.navigation li.current a:link,
	#footer ul.navigation li.current a:visited {
		color:#000;
		}
		#footer ul.navigation li.current a:focus,
		#footer ul.navigation li.current a:hover {
			color:#000;
		}
		#footer ul.navigation li.current a:active {
			color:#FFD839;
		}




	.overview {
		color:#fcc;
		text-shadow:#000 0 1px 0;
		font-size: 1.4em;
		line-height: 1.4;
		}
		.overview p {
			font-size:1.2em;
			line-height:1.4;
		}
		.overview h1,
		.overview h2 {
			font-size:2.6em;
			margin:0.5em 0 0.2em;
		}
		.overview h1 {
			color:#fff;
			margin-top:0;
		}
		.overview b,
		.overview strong {
			color:#fff;
			}
			.overview strong { font-size:125%; }

		.overview p.float-right {
			padding:0;
			font-weight: bold;
		}

	/* body.home */
		p#reserveText {
			font-weight: bold;
			font-style: italic;
			font-size: 1.8em;
			padding:0 260px 0 0;
		}
		a#learnMore {
			text-transform:uppercase;
		}
		a#reserveButton,
		a#reserveButton:link,
		a#reserveButton:visited {
			text-indent: -999em;
			display: block;
			height: 84px;
			width: 232px;
			background-image: url(../images/button-reserve.png);
			background-repeat:no-repeat;
			background-position:center 0;
			}
			a#reserveButton:focus,
			a#reserveButton:hover {
				border:0;
				background-position:center -84px;
			}
			a#reserveButton:active {
				background-position:center -168px;
			}
		a#reserveButton,
		a#reserveButton:link,
		a#reserveButton:visited {
			text-indent: -999em;
			display: block;
			height: 84px;
			width: 232px;
			background-image: url(../images/button-reserve.png);
			background-repeat:no-repeat;
			background-position:center 0;
			}
			a#reserveButton:focus,
			a#reserveButton:hover {
				background-position:center -84px;
			}
			a#reserveButton:active {
				background-position:center -168px;
			}

	/* body.livredor */
	/* body.reservations */
		.overview p#reservationText,
		.overview p#guestText {
			color:#fff;
			font-size:1.2em;
			font-weight: bold;
		}


		.rate h3 {
			font:normal 1.6em/1.2 'Myriad Pro', 'Trebuchet MS', Helvetica, Arial, sans-serif;
			text-align:center;
			width:100%;
			padding:0;
			margin:0;
			}
			.rate h3 strong {
				display: block;
				font-size:1.4em;
				font-weight:bold;
				text-align:center;
			}
			#age-12  h3 strong { color:#AB77B7; }
			#age-13  h3 strong { color:#8D8DD3; }
			#age-17  h3 strong { color:#69C5D4; }
			#age-fam h3 strong { color:#89B61F; }

		.rate h4,
		h4.total {
			font-size:3.5em;
			text-align:center;
			padding:0;
			margin:0;
			}
			.rate h4 {
				position:absolute;
				bottom:75px;
				left:0;
				width:100%;
			}
			h4.total {
				padding:0.5em 0;			
				}
				h4.total sup {
					font-size:0.4em;
				}
				h4.total span.when,
				h4.total span.for {
					font-size:0.8em;
				}

	/* body.visite */
		#activities p { color:#fff; font-weight:bold; font-size:1.2em; }
		#history p { font-size:1.4em; line-height:1.6; margin-right:100px; }
		#history p + p { text-indent:2em; }

	/* body.contact */
		#contactus p { font-weight:bold; padding:0.2em 0; }

		#map ol {
			}
			#map ol li {
				float:left;
				width:300px;
				margin-right:20px;
			}


/* ###############################################
   3. Forms
   ############################################### */

	label.error { display:block; }
	label    { font:bold 1.2em/1.4 'Trebuchet MS', 'Myriad Pro', Helvetica, Arial, sans-serif; }
	legend   { font-weight: bold; font-size:1.2em; }

   /* 3.0. Form Fields ########################### */

	input.text, textarea {
		font:normal 1em/1.2 'Trebuchet MS', 'Myriad Pro', Helvetica, Arial, sans-serif;
		margin:0.5em 0;
		border:2px solid #666;
		background:url(../images/forms.png) repeat-x 0 -90px;
		background-color:#fff;
		}
		input[type=text]:focus, 
		input.text:focus, input.title:focus, 
		textarea:focus, select:focus { 
			border-color:#E72200; 
		}
		input.highlight, textarea.highlight { color: #999; }

	input.text { padding:7px 4px; }
	textarea   { height: 250px; padding:5px; }

	form.inline { line-height:3; }
	form.inline p { margin-bottom:0; }

	button {
		color:#fff;
		font:normal 1.6em/1 'Trebuchet MS', 'Myriad Pro', Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		height:30px;
		padding:0 8px;
		border:1px solid #000;
		background-image:url(../images/forms.png);
		background-repeat:repeat-x;
		background-position:0 0;
		}
		button:focus,
		button:hover {
			background-position:0 -30px;
		}
		button:active {
			background-position:0 -60px;
		}


	form#sign {
		}
		form#sign input {
			width:336px;
			padding:7px 4px 6px;
		}
		form#sign textarea {
			height:60px;
			width:706px;
			padding:7px 4px 6px;
		}


	form#directions {
		width:682px;
		margin:0 auto;
	}

	form#share,
	form#newsletter {
		width:368px;
	}
	form#share {
		float:left;
	}
	form#newsletter {
		float:right;
		}
		form#share fieldset input,
		form#newsletter fieldset input,
		form#directions fieldset input {
			font-size:2em;
			width:230px;
			padding-right:130px;
		}
		form#directions fieldset input {
			width:544px;
		}
		form#share fieldset,
		form#newsletter fieldset,
		form#directions fieldset {
			position:relative;
			padding:0;
			margin:0.5em 0 0;
			border:0;
			}
			form#share label,
			form#newsletter label,
			form#directions label {
				font-size:1.4em;
			}
			form#share fieldset input,
			form#newsletter fieldset input,
			form#directions fieldset input {
				margin:0;
			}
			form#share fieldset button,
			form#newsletter fieldset button,
			form#directions fieldset button {
				position:absolute;
				top:6px;
				right:6px;
				margin:0;
			}

	form#reservation {}
		form#reservation input.text {
			position:absolute;
			bottom:15px;
			left:34px;
			display:block;
			font-size:2em;
			text-align: center;
			width:100px;
			margin:0 auto;
		}

   /* 3.1. Notices ############################### */

	.required  { color: #514721; }

	.error,
	.notice, 
	.success   { font-size:1.4em; padding: 0.8em; border: 2px solid #ddd; }

	#sign .error, #sign .notice, #sign .success {
		font-size:1em; padding:0.2em 0.4em;
	}

	.error     { background-color: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
	.notice    { background-color: #FFF6BF; color: #514721; border-color: #FFD324; }
	.success   { background-color: #E6EFC2; color: #264409; border-color: #C6D880; }
	.error a   { color: #8a1f11; }
	.notice a  { color: #514721; }
	.success a { color: #264409; }


/* ###############################################
   4. Page
   ############################################### */

	.inner, .outer {
		margin:0 auto;
	}
	.inner {
		width:780px;
	}
	.outer {
		width:960px;
	}
	.wrap {
		width:100%;
	}

	#page {
		position:relative;
		padding:0 90px;
	}

	.snow {
		top:-11px;
		left:0;
		position:absolute;
		height:24px;
		width:780px;
		background:url(../images/snow.png) no-repeat center top;
	}

/* ###############################################
   5. Header
   ############################################### */

	#header {
		}
		#beausejour {
			text-indent:-9999em;

			display:block;
			height:100px;
			width:780px;
			margin:0 auto 15px;

			background:url(../images/logo-beausejour.jpg) no-repeat center 0;
		}
		a#bourgade {
			text-indent:-9999em;

			display:block;
			height:128px;
			width:300px;
			margin:300px 110px 100px auto;

			background-image:url(../images/logo-bourgade.png);
			background-repeat:no-repeat;
			}
			a#bourgade,
			a#bourgade:link,
			a#bourgade:visited {
				background-position:center 0;
			}
			a#bourgade:focus,
			a#bourgade:hover {
				background-position:center -128px;
			}
			a#bourgade:active {
				background-position:center -256px;
			}
			a#bourgade.wide {
				height:64px;
				width:580px;
				margin:0 auto 500px;
				background-image:url(../images/logo-bourgade-wide.png);
				}
				a#bourgade.wide,
				a#bourgade.wide:link,
				a#bourgade.wide:visited {
					background-position:center 0;
				}
				a#bourgade.wide:focus,
				a#bourgade.wide:hover {
					background-position:center -64px;
				}
				a#bourgade.wide:active {
					background-position:center -128px;
				}

		#header ul.navigation {
			text-align:center;
			list-style:none;
			height:58px;
			width:100%;
			margin:20px 0 0;
			padding:0;
			background:url(../images/bg/navigation.png) no-repeat center 0;
		}
		#header ul.navigation li { display:inline; padding:0 15px; }

	#feature {
		z-index: -9;
		position: absolute;
		top: 125px;
		left:0;
		height: 620px;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		}
		#feature.alt {
			top: 160px;
		}
		/*#feature #carousel {
			overflow:hidden;
			width:780px;
			margin:0 auto;
		}*/
		#feature #frame {
			z-index: 3;
			position:absolute;
			top:0;
			left:0;
			height:100%;
			width:100%;
			background:url(../images/bg/frost-1.png) no-repeat center center;
			}
			#feature #frame.alt { background:url(../images/bg/frost-2.png) no-repeat center center; }

/* ###############################################
   6. Footer
   ############################################### */

	#footer {
		clear:both;
		padding:60px 0 30px;
		background:url(../images/bg/footer.jpg) repeat-x center bottom;
		}
		#footer .inner {
			position:relative;
			padding:0 90px;
		}
		#footer p.copyright { padding:20px 0 20px; text-align:center; }
		#footer ul.navigation {
			list-style:none;
			text-align:center;
			margin:0 0 40px;
			padding:0;
		}
		#footer ul.navigation li { display:inline; padding:0 15px; }

		#tarkasis { margin:0 auto; }

/* ############################################### */

/* ###############################################
   7. Content
   ############################################### */

   /* 7.0. Homepage ############################## */

	.overview {
		position:relative;
		width:720px;
		padding:27px;
		margin:0 0 30px;
		background:#EB4400 url(../images/bg/overview.jpg) no-repeat center center;
		border:3px solid #EB4400;
	}

	.content {
		position:relative;
		margin:0 0 30px;
		padding:0 40px;
	}

/*
	#features {
		overflow:hidden;
		width:100%;
		}
		#features a {}
		#features a img { float:left; }
		#features a img.middle { margin:0 15px; }
		#features a:hover img { background:url(../images/promos/promos-hover.png) no-repeat center center; }
*/

   /* 7.1. Réservations ########################## */

	#prices { margin-bottom:30px; }

	.rate {
		float:left;
		position:relative;
		height:190px;
		width:160px;
		padding:15px 10px 0;
		margin-right:10px;
		border:3px solid #E4D5B1;
		background:#fff;
		}
		.rate.first { margin-left:3px; }
		.rate.last { margin-right:0; }

		#age-12  { border-color:#AB77B7; background-color:#ECE1F1; } /* E6EFD0 */
		#age-13  { border-color:#8D8DD3; background-color:#E8E7F7; } /* DFF3F4 */
		#age-17  { border-color:#69C5D4; background-color:#DFF3F4; } /* E8E7F7 */
		#age-fam { border-color:#89B61F; background-color:#E6EFD0; } /* ECE1F1 */

	#payment .col h4,
	#payment .col p {
		font-weight:bold;
		}
		#payment .col h4 { margin:0; }
		#payment .col p { font-size:2em; }

   /* 7.2. Livre d'or ############################## */

		ul#content {
			padding:0;
			margin:0 0 20px;
			list-style:none;
			}
			ul#content li {
				border-bottom:1px dotted #A9A7A3;
				padding:20px 0;
				}
				ul#content li div.message {
					margin:5px 0;
				}
				ul#content li span.date {
					color:#666;
					font-size:12px;
				}

   /* 7.2. Contact ############################### */

	#map {}
		#map p, #map li {
			font-size:1.4em;
			line-height:1.4;
		}
		#map li {
			padding:1em 0;
		}
		#map hr {
			margin:2em 0 1em;
		}
		#gmap_frame {
			height:278px;
			width:678px;
			padding:8px 11px 14px;
			margin-bottom:10px;
			background:url(../images/bg/map.png) no-repeat center center;
			}
			#gmap {
				height:278px;
				width:678px;
			}

/* ############################################### */

/* ###############################################
   8. Miscellanea
   ############################################### */

   /* 8.0. Parallax ############################## */

	div#parallax-snow {
		z-index: -10;
		position: fixed;
		display: block;
		width: 100%;
		height: 100%;
		}
		#flakes-fg, #flakes-bg {
			position: fixed;
			top: 200px;

			display: block;
			width: 100%;
		 	height: 500px;
			margin-top: -200px;

			background-repeat: no-repeat;
			background-position: center 0;
		}
		#flakes-fg { background-image: url(../images/bg/snowflakes-1.png); }
		#flakes-bg { background-image: url(../images/bg/snowflakes-2.png); }

   /* 4.1. jQuery Galleria ####################### */

	#diaporama {
		height:620px;
		width:780px;
		margin:0 auto;
		}
		#diaporama img { margin:0 auto; }

	.nav {
		font-size:1.3em;
		font-weight:bold;
		font-family:'Myriad Pro', 'Trebuchet MS', Helvetica, Arial, sans-serif;
		line-height:1.4;
		letter-spacing:3px;
		text-align: center;
		text-transform:uppercase;
	}

	.galleria {
		list-style:none;
		width:200px;
		}
		.galleria li {
			display:block;
			width:80px;
			height:80px;
			overflow:hidden;
			float:left;
			margin:0 10px 10px 0;
			}
			.galleria li a {
				display:none;
			}
			.galleria li div {
				position:absolute;
				display:none;
				top:0;
				left:180px;
				}
				.galleria li div img {
					cursor:pointer;
				}
				.galleria li.active div img,.galleria li.active div {
					display:block;
				}
				.galleria li img.thumb {
					cursor:pointer;
					top:auto;
					left:auto;
					display:block;
					width:auto;
					height:auto;
				}
				.galleria li .caption {
					display:block;
					padding-top:.5em;
				}
				* html .galleria li div span { /* MSIE bug */
					width:400px;
				}

/* Code is poetry by */