@charset "utf-8";
/* CSS Document */

/***RESET***************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/******************************************************/

/***FONTS**********************************************/

@font-face 
{	 
	font-family: 'Custom-regular';

    src: url('fonts/open-sans/OpenSans-Regular-webfont.eot');
    src:url('fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'),
		 url('fonts/open-sans/OpenSans-Regular-webfont.svg#Custom-regular') format('svg');
}

@font-face 
{	 
	font-family: 'Custom-medium';

    src: url('fonts/open-sans/OpenSans-Semibold-webfont.eot');
    src:url('fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'),
		 url('fonts/open-sans/OpenSans-Semibold-webfont.svg#Custom-medium') format('svg');
}

@font-face 
{	 
	font-family: 'Custom-bold';

    src: url('fonts/open-sans/OpenSans-Bold-webfont.eot');
    src:url('fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'),
		 url('fonts/open-sans/OpenSans-Bold-webfont.svg#Custom-bold') format('svg');
}


/***GENERAL********************************************/
*
{
	font-weight:normal;
	background-repeat:no-repeat;
	text-decoration:none;
}

.clear
{
	clear:both;
}
strong
{
	font-family:Custom-bold,Arial, Helvetica, sans-serif;
}
.centerWrapper
{
	margin:0 auto;
	position:relative;
	width:980px;
}
#page 
{
	-webkit-text-size-adjust: none;
	width:100%;
	min-width: 1000px;
	position:relative;
	min-height:100%;
	background-position:center top;
	font-family:Custom-regular,Arial, Helvetica, sans-serif;
	color:white;
	overflow:hidden;
	background:url(backgrounds/background.jpg) center top fixed black;
}

#scrollToTop
{
	width:58px;height:65px;
	background-image:url(buttons/scroll-to-top.png);
	position:fixed;
	left:50%;bottom:30px;
	cursor:pointer;
	margin-left:520px;
	display:none;
}
	#scrollToTop:hover
	{
		background-position:0 -65px;
	}
	
#scrollDown
{
	width:13px;height:14px;
	background-image:url(buttons/scroll-down.png);
	position:fixed;
	left:50%;bottom:20px;
	margin-left:-7px;
	cursor:pointer;
}

#wrapper
{
	margin:0 auto;
	position:relative;
}
	#bigLogo
	{
		position:absolute;
		width:681px;height:100%;
		background-image:url(backgrounds/logo-k.png);
		left:50%;top:0;
		margin-left:-340px;
		z-index:0;
		
	}
	#menu
	{
		width:100%;height:96px;
		position:fixed;
		left:0;top:0;
		background-color:black;
		
		z-index:10;
	}
		#menu .centerWrapper
		{
			height:100%;
		}
		#menu #logo
		{
			left:50%;top:16px;
			position:absolute;
			margin-left:-50px;
			cursor:pointer;
			z-index:10;
			display:block;
			width:101px;height:87px;
			background-image:url(../images/logo-kirsch-traiteur-mini.png);
		}
		#menu .border
		{
			width:162px;height:45px;
			left:50%;bottom:-44px;
			margin-left:-81px;
			position:absolute;
			background-image:url(other/menu-border.png)
		}
		#menu .items
		{
			width:400px;
			position:absolute;
			top:44px;
		}
			#menu .items.left
			{
				right:50%;
				text-align:right;
				padding-right:71px;
			}
			#menu .items.right
			{
				left:50%;
				padding-left:69px;
			}
			#menu .items .item
			{
				font-size:15px;
				color:white;
				font-weight:bold;
				display:inline;
				cursor:pointer;
			}
				#menu .items .item:hover,
				#menu .items .item.active
				{
					color:#ff0000;
				}
				#menu .items.left .item
				{
					margin-left:23px;
				}
				#menu .items.right .item
				{
					margin-right:23px;
				}

header
{
	text-align:center;
	font-size:55px;
	line-height:62px;
	text-transform:uppercase;
	font-family:Custom-medium,Arial, Helvetica, sans-serif;
	height:717px;
	position:relative;
}
	header h1
	{
		padding-top:310px;
		margin-bottom:15px;
	}
	
.bigPhoto
{
	position:relative;
}
	.bigPhoto .scrollToNextBtn
	{
		background-image:url(buttons/scroll-to-next.png);
		position:absolute;
		left:50%;top:-53px;
		margin-left:-47px;
		width:95px;height:106px;
		cursor:pointer;
	}
		.bigPhoto .scrollToNextBtn:hover
		{
			background-position:left bottom;
		}
	.bigPhoto .trame,
	.bigPhotosWrapper .trame
	{
		background:url(backgrounds/trame.png) repeat;
		width:100%;height:100%;
		position:relative;
	}
	.bigPhoto .stripe,
	.bigPhotosWrapper .stripe
	{
		top:50%;
		position:absolute;
		width:100%;
		text-align:center;
		background:url(backgrounds/transparent-white.png) repeat;
		color:black;
	}
	
.bigTitleBlock
{
	padding-top:76px;
	position:relative;
	background:url(backgrounds/cherry.png) no-repeat center 59px;
}
	.bigTitleBlock .title
	{
		margin:0 auto;
		max-width:980px;height:116px;
		padding-top:92px;
		font-family:Custom-medium,Arial, Helvetica, sans-serif;
		text-align:center;
		font-size:35px;
		text-transform:uppercase;
	}
	.bigTitleBlock .cherry
	{
		position:absolute;
		left:50%;top:59px;
		width:44px;height:31px;
		margin-left:-22px;
		background-image:url(pictos/cerise.jpg);
	}
	
footer
{
	padding-bottom:120px;	
	position:relative;
}
	footer #bottomLinks
	{
		height:35px;
		position:relative;
		margin:0 auto 50px auto;
		background:url(backgrounds/bottom-logos.png) center 25px no-repeat;
	}
		footer #bottomLinks .logos
		{
			margin-left:330px;
			width:500px;
		}
			footer #bottomLinks .item
			{
				float:left;
				height:45px;
				display:block;
			}
				footer #bottomLinks a.item:hover
				{
					background-position:0 -46px;
				}
				footer #bottomLinks .item1
				{
					background-image:url(../images/logos/label-letzebuerger-gromperen.png);
					width:81px;
				}
				footer #bottomLinks .item2
				{
					background-image:url(../images/logos/label-letzebuerger-rendfleesch.png);
					width:70px;
				}
				footer #bottomLinks .item3
				{
					background-image:url(../images/logos/logo-viande-de-porc-luxembourgeoise.png);
					width:60px;
				}
				footer #bottomLinks .item4
				{
					background-image:url(../images/logos/logo-kirsch-boucherie.png);
					width:100px;
				}
				footer #bottomLinks .item5
				{
					background-image:url(../images/logos/logo-kirsch-poissonerie.png);
					width:99px;
				}
				footer #bottomLinks .item6
				{
					background-image:url(pictos/facebook.png);
					width:46px;
				}
		
	footer p
	{
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		color:#a7a7a7;
		font-size:12px;
	}
	footer a
	{
		color:#a7a7a7;
	}
		footer a span
		{
			color:#c30057;
		}

/***CERISE***/

.bigPhoto#cerise
{
	height:490px;
	position:relative;
	background-image:url(../images/photos/cerise.jpg);
	/*background-position:center -430px;*/
	/*background-position:center -400px;*/
	background-position:center -700px;
}
	.bigPhoto#cerise .stripe
	{
		height:108px;
		margin-top:-54px;
		font-size:35px;line-height:108px;
		font-family:Custom-medium,Arial, Helvetica, sans-serif;
		color:#000000;
	}

/***LOCATION***/

#location
{
}
	#location .bigPhoto
	{
		height:752px;
		background-image:url(../images/photos/location.jpg);
		background-position:center -324px;
	}
		#location .bigPhoto .stripe
		{
			height:306px;
			margin-top:-153px;
			font-size:18px;line-height:32px;
		}
			#location .stripe p
			{
				margin-bottom:23px;
			}
			#location .stripe p.first
			{
				padding-top:55px;
			}
			
/***BROCHURES***/

#brochures
{
}
	#brochures .bigPhoto
	{
		height:562px;
		background-image:url(../images/photos/brochures.jpg);
		background-position:center -320px;
	}
		#brochures .stripe
		{
			height:172px;
			margin-top:-86px;
		}
			#brochures .centerWrapper
			{
				height:100%;
			}
				#brochures .slider
				{
					width:908px;height:100%;
					margin:0 auto;
				}
					#brochures .item
					{
						width:116px;height:152px;
						padding:26px 0 0 116px;
						display:block;
						position:relative;
						float:left;
					}
						#brochures .item .picto
						{
							width:28px;height:36px;
							position:absolute;
							background-image:url(pictos/pdf.png);
							left:111px;top:111px;
						}
						#brochures .item .imageWrapper
						{
							width:85px;height:122px;
							background-image:url(other/pdf-shadow.png);
							position:absolute;
							left:0;top:9px;
							padding:14px;
						}
							#brochures .item:hover .imageWrapper
							{
								background-position:left bottom;
							}
						#brochures .item p
						{
							font-size:12px;line-height:16px;
							color:black;
							text-align:left;
							font-family:Arial, Helvetica, sans-serif;
						}
							#brochures .item p strong
							{
								font-weight:bold;
								font-family:Arial, Helvetica, sans-serif;
							}
							
	
		
/***PARTENAIRES***/

#partenaires
{
	
}
	#partenaires .bigPhotosWrapper
	{
		height:752px;
		position:relative;
	}
	#partenaires .bigPhoto
	{
		height:100%;width:100%;
		/*background-image:url(../images/photos/chateau.jpg);*/
		background-position:center 0;
		position:absolute;
		background-color:black;
	}
		#partenaires .bigPhoto.greiwelsHaff
		{
			background-image:url(../images/photos/greiwels-haff.jpg);
		}
		#partenaires .bigPhoto.chateau
		{
			background-image:url(../images/photos/chateau-du-bois-d-arlon.jpg);
		}
		#partenaires .bigPhoto.oenophile
		{
			background-image:url(../images/photos/l-oenophile.jpg);
		}
		#partenaires .stripe
		{
			height:493px;
			margin-top:-262px;
			padding-top:31px;
		}
			#partenaires .photoWrapper
			{
				margin:0 auto 24px auto;
				width:753px;height:345px;
				position:relative;
			}
				#partenaires .photoWrapper .photo
				{
					width:100%;height:345px;
					position:absolute;
					left:0;top:0;
					
				}
					#partenaires .photoWrapper .greiwelsHaff
					{
						background-image:url(../images/photos/greiwels-haff-mini.jpg);
					}
					#partenaires .photoWrapper .chateau
					{
						background-image:url(../images/photos/chateau-du-bois-d-arlon-mini.jpg);
					}
					#partenaires .photoWrapper .oenophile
					{
						background-image:url(../images/photos/l-oenophile-mini.jpg);
					}
	#partenaires .logos
	{
		text-align:center;
	}
		#partenaires .logo
		{
			width:240px;height:82px;
			cursor:pointer;
			background-position:center top;
			
			display:inline-block;
			*zoom:1;
			*display:inline;
		}
			#partenaires .logo.active,
			#partenaires .logo:hover
			{
				background-position:center bottom;
			}
			#partenaires .logo.greiwelsHaff
			{
				background-image:url(logos/logo-greiwels-haff.png);
			}
			#partenaires .logo.chateau
			{
				background-image:url(logos/logo-le-chateau-du-bois-d-arlon.png);
				border-left:1px solid black;
				border-right:1px solid black;
			}
			#partenaires .logo.oenophile
			{
				background-image:url(logos/logo-l-oenophile.png);
			}
		
/***CONTACT***/

#contact
{
	padding-bottom:0;
}
	.bigTitleBlock .title
	{
		height:80px;
	}
	#contact .errorMessage
	{
		font-size:14px;
		color:#FF0000;
		
		margin-bottom:40px;
	}
	
	#contact .column
	{
		float:left;
		position:relative;
	}
		#contact .column.left
		{
			width:286px;
			margin-left:56px;
			font-size:12px;
			color:#a7a7a7;
			padding-top:0;
		}
			#contact .column.left .photo
			{
				position:absolute;
				left:0;top:-113px;
			}
			#contact .column.left p
			{
				line-height:16px;
				margin-bottom:16px;
			}
				#contact .column.left p span
				{
					text-transform:uppercase;
				}
				#contact .column.left strong
				{
					color:white;
				}
			
			#contact .openingHours
			{
				margin-bottom:40px;
			}
		 #contact .brochure 
		 {
			 margin-bottom:15px;
		 }
			 #contact .brochure a
			 {
				 background-image:url(buttons/brochure-traiteur.png);
				 width:138px;height:184px;
				 display:block;
				 margin:-2px 0 0 -13px;
			 }
				 #contact .brochure a:hover
				 {
					 background-position:center bottom;
				 }
				 
		 #contact .facebook
		 {
			 
		 }
		 	#contact .column.left .facebook p
			{
				margin-bottom:29px;
			}
			
			
		#contact .column.right
		{
			width:518px;
		}
			#contact #form
			{
				position:relative;
				*zoom:1;
			}
				#form .textInputWrapper
				{
					width:249px;height:55px;
					font-size:15px;
					position:relative;
					float:left;
				}
					#form .textInputWrapper.first
					{
						margin-right:20px;
					}
					#form .textInputWrapper .title,
					#form .textareaWrapper .title
					{
						display:none;
					}
					#form .textInputWrapper input
					{
						margin-bottom:2px;
						padding:0 12px 0 12px;
						width:225px;height:35px;
						background:url(backgrounds/transparent-black.png) repeat;
						border:none;
						color:#979797;
						font-size:15px;line-height:35px;
					}
					
				#form .textareaWrapper
				{
					height:170px;
					clear:both;
				}
					#form textarea
					{
						background:url(backgrounds/transparent-black.png) repeat;
						border:none;
						width:494px;height:126px;
						font-size:15px;
						color:#979797;
						padding:12px;
						font-family:Arial, Helvetica, sans-serif;
					}
				#form input.active,
				#form textarea.active
				{
					color:white;
				}
				#form .submit
				{
					clear:both;
					text-align:right;
				}
			
	#form .errorDetails
	{
		font-size:10px;
		color:#FF0000;
	}
		#contact #form .forms-erreur
		{
			color:#FF0000;
		}