
/*
	Author: Osvaldas Valutis, www.osvaldas.info
*/

#main
{
	width: 1249px;
	height: 100%;
	text-align: center;
	color: #e2dcdb;
	background: transparent url('../img/main-bg.gif') repeat-y 299px 0;
	position: relative;
	margin: 0 auto;
}
	#main .inner
	{
		width: 242px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		background: transparent url('../img/main-bg.gif') repeat-y center 0;
		position: relative;
		z-index: 3;
		margin: 0 auto;
	}

	#main em
	{
		color: #fff;
	}

	#main h1
	{
		padding: 5px 0 0;	
	}

	a#logo
	{
		width: 200px;
		height: 70px;
		text-indent: -9999px;
		background: transparent url('../img/logo.gif') no-repeat 0 0;
		display: block;
		margin: 0 auto;
	}
		a#logo:hover
		{
			background-position: 0 bottom;
		}

	a.langue
	{
		width: 16px;
		height: 16px;
		text-indent: -9999px;
		display: block;
		margin: 0 auto;
                float: right;
                padding: 0 2px;
	}

        a#langue-fr {
		background: transparent url('../img/fr.png') no-repeat 0 0;
        }
        a#langue-en {
		background: transparent url('../img/en.png') no-repeat 0 0;
        }

	#twitter {
		position: absolute;
		left: 20px;
		top: 60px;
	}

	a#twitterlink {
		background: transparent url('../img/twitter.png') no-repeat 0 0;
		width: 64px;
		height: 64px;
		text-indent: -9999px;
		diplay: block;
		margin: 0 auto;
		float: right;
		padding: 0;
	}


	ul#nav
	{
		background: transparent url('../img/nav-bg.gif') repeat-y 0 0;
		margin: 10px 0 0;
	}
		li#star-top,
		li#star-bot
		{
			height: 15px;
			background: transparent url('../img/nav-stars.gif') no-repeat 0 0;
			margin: 0 0 5px;
		}
		li#star-bot
		{
			background-position: 0 bottom;
			margin: 5px 0 0;
		}
			ul#nav li { padding: 0px; }
			ul#nav li a
			{
				font: italic normal 20px/normal Georgia, 'Times New Roman', Times, serif;
				text-decoration: none;
				text-shadow: 0 1px 0 #000;
				position: relative;
				z-index: 3;
				color: #fff;
				display: block;
			}
				ul#nav li a span
				{
					font-size: 28px;
					font-family: Baskerville, Palatino, 'Palatino Linotype', Georgia, Serif;
					color: #dc882f;
				}
				ul#nav li a:hover,
				ul#nav li.selected a
				{
					font-size: 200%;
				}


	#main blockquote
	{
		background: transparent url('../img/quote-top.gif') no-repeat 0 0;
		position: relative;
		z-index: 3;
		margin: 5px 15px 0;
	}
		#main blockquote p
		{
			line-height: 18px;
			background: transparent url('../img/quote-bot.gif') no-repeat bottom right;
			padding: 23px 0px;
			margin: 0;
		}


	#footer
	{
		width: 100%;
		font-size: 12px;
		line-height: 17px;
		color: #000;
		background: transparent url('../img/footer.gif') no-repeat 0 0;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 3;
		padding: 5px 0;
	}


.page
{
	width: 50%;
	height: 100%;
	text-align: right;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
	.page .in
	{
		height: 100%;
		background: #c6cece url('../img/page-bg.gif') repeat 0 0;
		overflow: hidden;
		margin: 0 122px 0 0;
	}
		.page .inner
		{
			width: 330px;
			float: right;
			height: 100%;
			background: transparent url('../img/left-bg.gif') repeat-y right 0;
			padding: 45px 60px 0 0;
		}

	.page h2
	{
		text-shadow: 0 1px 0 #DC8E2F;
		background: transparent url('../img/heading-left.gif') no-repeat 0 0;
		color: #E2DCDB;
		padding: 0 10px 5px 0;
		margin: 30px -10px 0 -25px;
	}
	.page a:hover
	{
		font-style: italic;
		color: #DC882F;
	}
	.page form
	{
	}
		.page form input,
		.page form textarea
		{
			font: italic normal 13px/18px Baskerville, Palatino, 'Palatino Linotype', Georgia, Serif;
			color: #506163;
			clear: both;
			float: left;
			margin: 0 0 10px;
		}
		.page form input:focus,
		.page form textarea:focus	{ color: #000; }

		.page form input.f-text
		{
			width: 270px;
			height: 24px;
			background: transparent url('../img/form-input.gif') no-repeat 0 0;
			padding: 4px 10px 0;
		}
			.page form input.f-text:focus { background-position: 0 -28px; }

		.page form textarea
		{
			width: 270px;
			height: 99px;
			background: transparent url('../img/form-input.gif') no-repeat 0 -56px;
			overflow: auto;
			padding: 5px 10px;
		}
			.page form textarea:focus { background-position: 0 -165px; }


		.page form .f-submit
		{
			background: transparent url('../img/form-sprite.gif') no-repeat 0 -274px;
			display: inline;
			float: right;
			clear: both;
		}
			* html .page form .f-submit { float: left; }

			.page form .f-submit input
			{
				width: auto;
				height: 26px;
				font-weight: bold;
				text-align: center;
				color: #fff;
				background: transparent url('../img/form-sprite.gif') no-repeat right -300px;
				padding: 0 10px;
				margin: 0;
			}
				* html .page form .f-submit input { padding: 0; }

			.page form .f-submit:hover				{ background-position: 0 -326px; }
				.page form .f-submit input:hover	{ background-position: right -352px; }


	.page ul.portfolio
	{
	}
		.page ul.portfolio li
		{
		    background: url("../img/bg-photo.gif") no-repeat scroll left top transparent;
		    display: block;
		    float: left;
		    height: 70px;
		    margin: 6px;
		    padding: 11px;
		    width: 108px;
		}
			/*.page ul.portfolio li a img 		{ border: 5px solid #8fa3a7; }*/
			.page ul.portfolio li a:hover img	{ border-color: #980d35; }

	ul#portfolio-nav
	{
		height: 26px;
		position: relative;
	}
	* html ul#portfolio-nav { margin: 22px 0 0; }

		ul#portfolio-nav li
		{
			width: 100%;
			font-size: 10px;
			text-align: center;
			position: absolute;
		}
		li#pn-info
		{
			left: 0;
			z-index: 3;
		}

		li#pn-prev,
		li#pn-next
		{
			width: 36px !important;
			height: 26px;
			text-indent: -9999px;
			display: block;
			left: 15px;
			z-index: 4;
		}
		li#pn-next
		{
			right: 25px;
			left: auto;
		}
			li#pn-prev a,
			li#pn-next a
			{
				height: 100%;
				background: transparent url('../img/portfolio-nav.gif') no-repeat 0 0;
				display: block;
			}
			li#pn-next a 			{ background-position: 0 bottom; }

				li#pn-prev a:hover	{ background-position: right 0;  }
				li#pn-next a:hover	{ background-position: right bottom;  }




.page-right
{
	text-align: left;
	left: auto;
	right: 0;
}
	.page-right .in
	{
		margin: 0 0 0 121px;
	}
		.page-right .inner
		{
			float: left;
			background: transparent url('../img/right-bg.gif') repeat-y 0 0;
			padding-right: 0;
			padding-left: 60px;
		}

	.page-right h2
	{
		background: transparent url('../img/heading-right.gif') no-repeat right 0;
		position: relative;
		margin: 30px -25px 0 -10px;
		padding-left: 10px;
	}

#mask {
   position:absolute;
   z-index:9000;
   background-color:#000;
   display:none;
   -moz-border-radius:11px 11px 11px 11px;
 }

 .window {
   position:absolute;
   display:none;
   z-index:9999;
   background-color:#584d49;
   overflow: hidden;
   -moz-border-radius:10px 10px 10px 10px;
   width: 375px;
   height: 203px;
   font-weight: normal;
 }

 #gallerybig{
   width: 610px;
   height: 460px;
}

.fermer{
    background-image: url('../img/fermer.png');
    background-repeat: no-repeat;
    display:none;
    width: 32px;
    height: 32px;
    position: absolute;
    z-index: 999;
}

.fermer:hover{
    cursor: pointer;
}

#photobig {
    padding:5px;
}

.ui-datepicker-header {
	text-align: left;
}

#caldispo {
	width : 250px;
	margin: 5px auto 0 auto;
}

#tarifs table{
	/*border:1px solid #DC882F;*/
	width : 345px;
	margin: 10px auto 0 auto;
}

#tarifs table th{
	background :url("../img/ui-bg_gloss-wave_45_817865_500x100.png") repeat-x scroll 50% 50% #817865;
	border:1px solid #DC882F;
	padding: 0 10px;
	text-align: center;
	font-size: large;
}

.tarifstd{

	border:1px solid #DC882F;
	padding: 0 5px
}
#complement{
	border: none;
	text-align: left;

}

#description-page ul{
	list-style-type: circle;
	padding-left: 14px; 
}

#photos-gauche, #photos-droite {
	width:300px;
	height: 100%;
}

#photos-gauche p, #photos-droite p{
    text-align: justify;
}

#photos-gauche img, #photos-droite img{
	width: 290px;
	height: 400px;
}


#photos-gauche {
	float: left;
}

#photos-droite {
	float: right;
	position: absolute;
	left: 949px;
	top: 0px
}

img {
	border: none;
}

#pub1 {
    /*display: none;*/
    margin-top: 100px;
}
