#serviceTraiteur
{
	position:relative;
}
.traiteurBlocks
{
	width:980px;height:784px;
	position:relative;
	margin:0 auto;
}
	.traiteurBlocks .block
	{
		width:196px;height:196px;
		width:20%;height:25%;
		position:absolute;
		cursor:pointer;
		background-color:black;
	}
		.traiteurBlocks .block img
		{
			width:100%;height:100%;
			/*opacity:0.3;
			filter:alpha(opacity=3);*/
		}
			.traiteurBlocks .block:hover img,
			.traiteurBlocks .block.hovered img
			/*.traiteurBlocks .block.active img*/
			{
				/*opacity:1;
				filter:alpha(opacity=10);*/
			}
	
	.traiteurBlocks .block.pos1,
	.traiteurBlocks .block.pos2,
	.traiteurBlocks .block.pos3,
	.traiteurBlocks .block.pos4,
	.traiteurBlocks .block.pos5
	{
		top:0;
	}
	.traiteurBlocks .block.pos6,
	.traiteurBlocks .block.pos7,
	.traiteurBlocks .block.pos8,
	.traiteurBlocks .block.pos9,
	.traiteurBlocks .block.pos10
	{
		top:196px;
		top:25%;
	}
	
	.traiteurBlocks .block.pos11,
	.traiteurBlocks .block.pos12,
	.traiteurBlocks .block.pos13,
	.traiteurBlocks .block.pos14,
	.traiteurBlocks .block.pos15
	{
		top:392px;
		top:50%;
	}
	
	.traiteurBlocks .block.pos16,
	.traiteurBlocks .block.pos17,
	.traiteurBlocks .block.pos18,
	.traiteurBlocks .block.pos19,
	.traiteurBlocks .block.pos20
	{
		top:588px;
		top:75%;
	}

	
	.traiteurBlocks .block.pos1,
	.traiteurBlocks .block.pos6,
	.traiteurBlocks .block.pos11,
	.traiteurBlocks .block.pos16
	{
		left:0;
	}
	.traiteurBlocks .block.pos2,
	.traiteurBlocks .block.pos7,
	.traiteurBlocks .block.pos12,
	.traiteurBlocks .block.pos17
	{
		left:196px;
		left:20%;
	}
	.traiteurBlocks .block.pos3,
	.traiteurBlocks .block.pos8,
	.traiteurBlocks .block.pos13,
	.traiteurBlocks .block.pos18
	{
		left:392px;
		left:40%;
	}
	.traiteurBlocks .block.pos4,
	.traiteurBlocks .block.pos9,
	.traiteurBlocks .block.pos14,
	.traiteurBlocks .block.pos19
	{
		left:588px;
		left:60%;
	}
	.traiteurBlocks .block.pos5,
	.traiteurBlocks .block.pos10,
	.traiteurBlocks .block.pos15,
	.traiteurBlocks .block.pos20
	{
		left:784px;
		left:80%;
	}
	
	#contentWindow
	{
		position:absolute;
		/*width:784px;height:392px;*/
		width:80%;height:0;
		background:url(backgrounds/transparent-black.png) repeat;
		overflow:hidden;
	}
		#contentWindow .content
		{
			width:100%;height:100%;
			/*display:none;*/
			display:none;
		}
			#contentWindow .previous,
			#contentWindow .next
			{
				width:14px;height:20px;
				position:absolute;
				top:188px;
				cursor:pointer;
				display:none;
			}
				#contentWindow .previous:hover,
				#contentWindow .next:hover
				{
					background-position:0 bottom;
				}
				#contentWindow .previous
				{
					background-image:url(buttons/previous-page.png);
					left:19px;
				}
				#contentWindow .next
				{
					background-image:url(buttons/next-page.png);
					right:19px;
				}
			#contentWindow .close_btn
			{
				position:absolute;
				background-image:url(buttons/traiteur-close.png);
				width:30px;height:30px;
				right:10px;top:10px;
				cursor:pointer;
				
			}
				.isNotTouchscreen #contentWindow .close_btn
				{
					-webkit-transform:rotate(0deg);
					transform:rotate(0deg);
				
					-moz-transition-duration:1s;
					-ms-transition-duration:1s;
					-webkit-transition-duration:1s;
					transition-duration:1s;
				}
				.isNotTouchscreen #contentWindow .close_btn:hover
				{
					-webkit-transform:rotate(180deg);
					transform:rotate(180deg);
				
					
					-moz-transition-duration:1s;
					-ms-transition-duration:1s;
					-webkit-transition-duration:1s;
					transition-duration:1s;
				}
			#contentWindow nav
			{
				padding:33px 0 0 52px;
				font-size:0;
				margin-bottom:23px;
			}
				#contentWindow nav div
				{
					display:inline-block;
					padding:0 42px;
					height:28px;
					font-size:14px;line-height:28px;
					color:#888888;
					margin-right:11px;
					background:url(buttons/traiteur-menu.jpg) repeat-x;
					cursor:pointer;
					
					*zoom:1;
					*display:inline;
				}
					#contentWindow nav div.active,
					#contentWindow nav div:hover
					{
						color:#da0202;
					}
			#contentWindow .texts
			{
				margin-left:52px;
				width:696px;height:290px;
				position:relative;
				overflow:hidden;
			}
				#contentWindow .itemsWrapper
				{
					position:absolute;
					width:500%;height:100%;
					left:0;top:0;
				}
				#contentWindow .text
				{
					padding-left:284px;
					width:412px;height:290px;
					position:relative;
					float:left;
					margin-right:20px;
				}
					#contentWindow .photo
					{
						position:absolute;
						left:0;top:0;
					}
					#contentWindow .title
					{
						font-size:30px;
						font-family:Custom-medium,Arial, Helvetica, sans-serif;
						text-transform:uppercase;
						margin-bottom:23px;
						padding-top:8px;
					}
					#contentWindow p
					{
						font-size:13px;
						line-height:25px;
						font-family:Custom-medium,Arial, Helvetica, sans-serif;
						padding-right:10px;
					}
					#contentWindow .brochure
					{
						position:absolute;
						right:35px;bottom:5px;
					}
				
	/***Window positionning***/
	
	#contentWindow.active
	{
		height:50%;
	}
	
	/*Left pos*/
	
	#contentWindow.pos1,
	#contentWindow.pos15
	{
		left:0;
	}
	
	#contentWindow.pos3,
	#contentWindow.pos4,
	#contentWindow.pos7,
	#contentWindow.pos9,
	#contentWindow.pos10,
	#contentWindow.pos12,
	#contentWindow.pos19
	{
		left:196px;
		left:20%;
	}
	
	/*Top pos*/
	
	#contentWindow.pos12
	{
		top:196px;
		top:25%;
	}
	
	#contentWindow.pos1,
	#contentWindow.pos3,
	#contentWindow.pos4,
	#contentWindow.pos15,
	#contentWindow.pos16,
	#contentWindow.pos18,
	#contentWindow.pos19
	{
		top:392px;
		top:50%;
	}
	
	#contentWindow.pos7,
	#contentWindow.pos9,
	#contentWindow.pos10
	{
		top:588px;
		top:75%;
	}
	
		/*Active top*/
		
		#contentWindow.pos12.active
		{
			top:0;
		}
		
		#contentWindow.pos1.active,
		#contentWindow.pos3.active,
		#contentWindow.pos4.active,
		#contentWindow.pos15.active,
		#contentWindow.pos16.active,
		#contentWindow.pos18.active,
		#contentWindow.pos19.active
		{
			top:196px;
			top:25%;
		}
		#contentWindow.pos7.active,
		#contentWindow.pos9.active,
		#contentWindow.pos10.active
		{
			top:392px;
			top:50%;
		}
	
	
#serviceTraiteur .textContents
{
	display:none;
}
	
	
/*Titres*/

#traiteurTitles
{
	position:absolute;
	left:50%;
	top:438px;
	width:240px;
	margin-left:-120px;
	z-index:5;
}
	#traiteurTitles .item
	{
		background-position:center top;
		cursor:pointer;
	}
		#traiteurTitles .item:hover,
		#traiteurTitles .item.hovered
		{
			background-position:center bottom;
		}
		#traiteurTitles .item.aperitifs
		{
			height:49px;
			background-image:url(buttons/traiteur/aperitifs.png);
			margin-bottom:-8px;
		}
		#traiteurTitles .item.lunch-dinatoires
		{
			height:28px;
			background-image:url(buttons/traiteur/lunchs-dinatoires.png);
			margin-bottom:-1px;
		}
		#traiteurTitles .item.potages
		{
			height:58px;
			background-image:url(buttons/traiteur/potages.png);
			margin-bottom:-2px
		}
		#traiteurTitles .item.entrees
		{
			height:45px;
			background-image:url(buttons/traiteur/entrees.png);
			margin-bottom:-3px;
		}
		#traiteurTitles .item.sorbets
		{
			height:57px;
			background-image:url(buttons/traiteur/sorbets.png);
			margin-bottom:-3px;
		}
		#traiteurTitles .item.buffets
		{
			height:49px;
			background-image:url(buttons/traiteur/buffets.png);
			margin-bottom:-4px;
		}
		#traiteurTitles .item.plats
		{
			height:89px;
			background-image:url(buttons/traiteur/plats.png);
			margin-bottom:-12px;
		}
		#traiteurTitles .item.gibiers
		{
			height:51px;
			background-image:url(buttons/traiteur/gibiers.png);
			margin-bottom:8px;
		}
		#traiteurTitles .item.fromages-desserts
		{
			height:63px;
			background-image:url(buttons/traiteur/fromages-desserts.png);
			margin-bottom:5px;
		}
		#traiteurTitles .item.show-cooking
		{
			height:40px;
			background-image:url(buttons/traiteur/show-cooking.png);
			margin-bottom:-4px;
		}
		#traiteurTitles .item.coin-lunch
		{
			height:32px;
			background-image:url(buttons/traiteur/coin-lunch.png);
		}