/* begin font*/
body, div, h1, h2, h3, table, p, li, td, th, ul, ol, textarea, input, select {
			font-family: 		'Roboto', Arial, sans-serif;
			font-size: 			15px;
			color: 				#333333;
}
* 	{
  	-webkit-box-sizing: 	border-box;
  	-moz-box-sizing: 		border-box;
  	box-sizing: 			border-box;
	font-family:			Arial;
	}
IMG {border: none;}
/* end font */

/* begin links*/

/* end links*/

.invisible { display:none;visibility:hidden;overflow:hidden } 

.MainPageContainer	{width:100%; /* max-width:947px; */}

/* ===== HeaderContainer ======================= */
/* ===== HeaderContainer ======================= */


.HeaderContainer	{
			width:				100%;
			}
.HeaderContainer	.Left{
			width:				240px;
			}
.HeaderContainer	.Right{
			width:				100%;
			}
			
/* ===== HeaderContainer ======================= */
/* ===== HeaderContainer ======================= */

/* ===== HeaderMobile ========================== */
/* ===== HeaderMobile ========================== */
.HeaderMobile	{
			display:			none;
			background:			#58585A;
			}
.HeaderMobile .Top	{
			}
.HeaderMobile .Top	.Logo{
			float:				left;
			}
.HeaderMobile .Top	.MenuTrigger{
			float:				right;
			cursor:				pointer;
			}
.HeaderMobile .Top	.Languages{
			float:				right;
			}
.HeaderMobile .Slogan	{
			clear:				both;
			text-align:			center;
			padding:			3px 0px 3px 0px;
			background:			#333333;
			}
/* ===== HeaderMobile ========================== */
/* ===== HeaderMobile ========================== */

/* ===== IntroDescriptifProduit ================ */
/* ===== IntroDescriptifProduit ================ */
.IntroDescriptifProduit {
			}
.IntroDescriptifProduit IMG{
			width:				100%;
			margin-top:			5px;
			}
/* ===== IntroDescriptifProduit ================ */
/* ===== IntroDescriptifProduit ================ */
			
.Separator	{border: 1px thin solid #ffec00;}
.MenuLeft	{background: #D9D9DA;}
.MenuRow	{
			background: #6C6E6F;
			}
.MenuRowOver{
			background: #38383A;
			}

.MenuItem	{
			font-size: 16px;
			font-weight: bold;
			color: #ffffff;
			padding: 5px 5px 5px 23px;
			border-bottom: 1px solid #ffffff;
			backgroundColor: #6C6E6F;
			}
.MenuItem	A			{color : #ffffff; text-decoration : none; font-weight : bold;} 
.MenuItem	A:HOVER		{color : #ffec00; text-decoration : none; background : #38383A;	}
.MenuItem	A:ACTIVE	{color : #ffec00;}
.MenuItem	A:VISITED	{}
.MenuItem	A:LINK 		{}			


.MenuItemOver	
			{
			font-size: 16px;
			font-weight: bold;			
			color: #ffffff;
			padding: 5px 5px 5px 23px;
			border-bottom: 1px solid #ffffff;
			backgroundColor: #38383A;
			background: url( "../images/puce-blanche-et-fond.gif" ) center left no-repeat;	
			}
.MenuItemOver	A			{color : #ffffff; text-decoration : none; font-weight : bold;} 
.MenuItemOver	A:HOVER		{color : #ffec00; text-decoration : none; background : #38383A;}
.MenuItemOver	A:ACTIVE	{color : #ffec00;}
.MenuItemOver	A:VISITED	{}
.MenuItemOver	A:LINK 		{}			

.MenuItemActive	
			{
			font-size: 16px;
			font-weight: bold;			
			color: #ffffff;
			padding: 5px 5px 5px 23px;
			border-bottom: 1px solid #ffffff;
			backgroundColor: #5A5A5C;
			background: url( "../images/on-et-fond.gif" ) center left no-repeat;	
			
			}
.MenuItemActive	A			{color : #ffffff; text-decoration : none; font-weight : bold;} 
.MenuItemActive	A:HOVER		{color : #ffec00; text-decoration : none; background : #38383A;}
.MenuItemActive	A:ACTIVE	{color : #ffec00;}
.MenuItemActive	A:VISITED	{}
.MenuItemActive	A:LINK 		{}			


.MenuItemOverGrpStart	
			{
			font-size: 16px;
			font-weight: bold;			
			color: #ffffff;
			padding: 5px 5px 5px 23px;
			backgroundColor: #38383A;
			background: url( "../images/puce-blanche-et-fond.gif" ) center left no-repeat;	
			}
.MenuItemOverGrpStart	A			{color : #ffffff; text-decoration : none; font-weight : bold;} 
.MenuItemOverGrpStart	A:HOVER		{color : #ffec00; text-decoration : none; background : #38383A;}
.MenuItemOverGrpStart	A:ACTIVE	{color : #ffec00;}
.MenuItemOverGrpStart	A:VISITED	{}
.MenuItemOverGrpStart	A:LINK 		{}			

.MenuItemOverGrpEnd	
			{
			font-size: 13px;
			font-weight: normal;		
			font-color: #ffffff;	
			color: #ffffff;
			padding: 5px 10px 5px 0px;
			border-bottom: 1px solid #ffffff;
			backgroundColor: #38383A;
			}
.MenuItemOverGrpEnd	A			{color : #ffffff; text-decoration : none; font-weight : normal;} 
.MenuItemOverGrpEnd	A:HOVER		{color : #ffec00; text-decoration : underline; }
.MenuItemOverGrpEnd	A:ACTIVE	{color : #ffec00;}
.MenuItemOverGrpEnd	A:VISITED	{}
.MenuItemOverGrpEnd	A:LINK 		{}		

.ChoixLangue{
			padding: 3px 3px 3px 3px;
			font-size: 13px;
			font-weight: bold;
			color: #ffffff;
			padding: 5px 5px 5px 5px;
			}
.ChoixLangue	A			{color : #ffffff; text-decoration : none; font-weight : bold;} 
.ChoixLangue	A:HOVER		{color : #ffffff; text-decoration : none; background : #ffec00;
							}
.ChoixLangue	A:ACTIVE	{color : #ffffff;}

.ChoixLangue	A:VISITED	{color : #ffffff;}


.Main		{
			background: #ECEDED;
			
			}
.MainContent{
			padding: 					2px 15px 15px 15px;
			}
.HomeSlogan	{
			
			padding: 					0px 10px 0px 15px;
			font-size: 					13px;
			font-weight: 				bold;			
			color: 						#ffffff;
			height: 					30px;
			}

.PageTitle	{
			
			padding: 					6px 10px 6px 10px;
			backgroundColor: 			#ffffff;
			background: 				#ffffff;
			font-size: 					16px;
			font-weight: 				bold;			
			color: 						#1F1E21;
			height: 					22px;
			}
.PageTitle	H1{
			
			padding: 					0px;
			margin: 					0px;
			backgroundColor: 			#ffffff;
			background: 				#ffffff;
			font-size: 					16px;
			font-weight: 				bold;			
			color: 						#1F1E21;
			height: 					22px;
			}
.PageTitle	A			{color : #1F1E21; text-decoration : none; } 
.PageTitle	A:HOVER		{color : #1F1E21; text-decoration : underline;}
			
			
			
.PageSubTitle	{
			
			padding: 0px 0px 5px 0px;
			border-bottom: 1px solid #ffec00;
			font-size: 15px;
			font-weight: bold;			
			color: #1F1E21;
			width: 100%;
			height: 22px;
			}

.PageContentMain{
			padding: 10px 10px 10px 10px;
			backgroundColor: #ffffff;
			background: #ffffff;
			width: 480px;
			}
.PageContentMain	A			{color : #336699; text-decoration : none; font-weight : bold;} 
.PageContentMain	A:HOVER		{color : #336699; text-decoration : underline; }

.PageContentMainFull{
			padding: 				10px 10px 10px 10px;
			backgroundColor: 		#ffffff;
			background: 			#ffffff;
			}
.PageContentMainFull	A			{color : #336699; text-decoration : none; font-weight : bold;} 
.PageContentMainFull	A:HOVER		{color : #336699; text-decoration : underline; }

.PageContentMainFull .Left {
			float:					left;
			width:					68%;
			}
.PageContentMainFull .Left .Video {
			width:					100%;
			overflow:				hidden;
			}
.PageContentMainFull .Left .VideoSmall {
			width:					100%;
			overflow:				hidden;
			display:				none;
			background:				#000000;
			}

.PageContentMainFull .Visuels {
			width:					30%;
			float:					right;
			}			
.PageContentMainFull .Visuels IMG{
			width:					100%;
			margin-bottom:			5px;
			}			
.PageContentMainFull .Content50pc {
			width:					48%;
			margin-right:			2%;
			float:					left;
			}			

			
.PageContentRight{
			padding: 10px 10px 10px 10px;
			backgroundColor: #ffffff;
			background: #ffffff;
			width: 170px;
			}
.PageContentRight	A			{color : #336699; text-decoration : none; font-weight : normal;} 
.PageContentRight	A:HOVER		{color : #336699; text-decoration : underline; }
				
/* ===== PageFooter ==================================== */
/* ===== PageFooter ==================================== */

.PageFooter	{
			backgroundColor: 	#808183;
			background: 		#808183;
			color: 				#ffffff;

			
			}
.PageFooter	.Left{
			padding: 			10px 10px 10px 10px;
			float:				left;
			color:				#ffffff;
			}
.PageFooter	.Right{
			padding: 			10px 10px 10px 10px;
			float:				right;
			color:				#ffffff;
			}
.PageFooter	A			{		color : #ffffff; text-decoration : none; font-weight : normal;} 
.PageFooter	A:HOVER		{		color : #ffffff; text-decoration : underline;}
.PageFooter	A:ACTIVE	{		color : #ffffff;}
.PageFooter	A:VISITED	{		color : #ffffff;}
.PageFooter	A:LINK 		{		color : #ffffff;}			
			
/* ===== PageFooter ==================================== */
/* ===== PageFooter ==================================== */

/* ===== NewsVisuel ==================================== */
/* ===== NewsVisuel ==================================== */

.NewsVisuelLeft {
			width: 				100px;
			display:			table-cell;
			padding:			0px 10px 10px 0px;
			}
.NewsVisuelLeft IMG{
			width:				100%;
			}
.NewsVisuelRight {
			width: 				150px;
			display:			table-cell;
			padding:			5px 0px 10px 10px;
			}
.NewsVisuelMobile {
			display:			none;
			padding:			5px 0px 5px 0px;
			
			}

/* ===== NewsVisuel ==================================== */
/* ===== NewsVisuel ==================================== */

.GlobalLeft	{border-right: 1px solid #333333; background: #858688;}
.GlobalRight{border-left: 1px solid #333333; background: #858688;}
.ContactContent{
			width:				30%;
			float:				left;
}
.ContactMap{
			width:				69%;
			float:				right;
}
.ContactMap IFRAME{
			width:				100%;
}
.ContactArea{
			width: 100%;
			}
			
.ContactForm{			
			display:			table-cell;	
			}
.ContactForm .Header{
			padding-bottom:		20px;
			}			
.ContactForm .Field{
			width:				48%;
			margin-right:		1%;
			float:				left;
			}			
.ContactForm .Field INPUT{
			margin-top:			5px;
			padding:			5px;
			margin-bottom:		10px;
			width:				100%;
			
			}			
.ContactForm .Area{
			width:				100%;
			clear:				both;
			}			
			
.intro		{
			font-weight : bold;
			}	
H1			{
			font-size: 			15px;
			color: 				#666666;
			font-weight: 		bold;
			margin:				0px;
			padding:			0px;
			}
.PageContentMainFull H2			{
			font-size: 			15px;
			color: 				#666666;
			font-weight: 		bold;
			margin:				0px;
			padding:			0px;
			}
.PageContentMainFull H2	A		{
			color: 				#666666;
			}
.PageContentMainFull H2	A:HOVER		{
			color: 				#666666;
			text-decoration:	none;
			}
.ListTitre	{
			font-size: 			15px;
			color: 				#666666;
			font-weight: 		bold;
			}
.ListIntro	{
			font-size: 13px;
			color: #000000;
			font-weight: bold;
			}			
.ListIntro IMG{
			width:				100%;
			margin-top:			5px;
			}
.ListBody	{
			color: #333333;
			}
			
			
.GroupTitre	{
			font-size: 13px;
			color: #666666;
			font-weight: bold;
			}
.more		{
			font-size: 9px;
			font-weight: bold;
			color: #000000;
			background: #FFEC00;
			padding: 2px 5px 2px 5px;
			}		
.more	A			{color: #000000; text-decoration : none; } 
.more	A:HOVER		{color: #000000; text-decoration : underline;}
.more	A:ACTIVE	{color: #000000; }
.more	A:VISITED	{color: #000000; }
.more	A:LINK 		{color: #000000; }		

.GridCell	{
			padding: 10px 10px 10px 10px;
			backgroundColor: #cecece;
			background: #cecece;
			color: #000000;
			}
	
.ProductGroup	
			{
			padding: 5px 5px 5px 5px;
			font-size: 16px;
			font-weight: bold;			
			color: #333333;
			border: 5px solid #eceded;
			}
.ProductGroup	A			{color : #336699; text-decoration : none; font-weight : normal;} 
.ProductGroup	A:HOVER		{color : #336699; text-decoration : underline; }
.ProductGroup	A:ACTIVE	{color : #336699;}
.ProductGroup	A:VISITED	{color : #336699;}
.ProductGroup	A:LINK 		{color : #336699;}							
.ProductGroup .Header
			{
			}
.ProductGroup .Header H2
			{
			}

.GridLineLight				{padding: 2px 5px 2px 5px; background: #efefef; border-bottom: 1px solid #dedede;}
.GridLineLight	A			{color : #336699; text-decoration : none; font-weight : normal;} 
.GridLineLight	A:HOVER		{color : #336699; text-decoration : underline; }
.GridLineLight	A:ACTIVE	{color : #336699;}
.GridLineLight	A:VISITED	{color : #336699;}
.GridLineLight	A:LINK 		{color : #336699;}							

.GridLineDark		{padding: 2px 5px 2px 5px; border-bottom: 1px solid #dedede;}
.GridLineDark	A			{color : #336699; text-decoration : none; font-weight : normal;} 
.GridLineDark	A:HOVER		{color : #336699; text-decoration : underline; }
.GridLineDark	A:ACTIVE	{color : #336699;}
.GridLineDark	A:VISITED	{color : #336699;}
.GridLineDark	A:LINK 		{color : #336699;}							

.GridHeader			{padding: 2px 5px 2px 5px; font-weight: bold; background: #ccccef; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede;}
.GridFooter			{padding: 2px 5px 2px 5px; font-weight: bold; background: #ffec00; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede;}
.GridFooter2			{padding: 2px 5px 2px 5px; font-weight: bold; background: #FF9900; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede;}

.ShopBox			{
					border: 1px solid #ffffff;
					padding: 0px 0px 0px 0px;
					}
.ShopBoxCell		{
					
					padding: 0px 0px 0px 0px;
					background: #ffffff;
					}			
.ImageBox			{
					border: 1px solid #cecece;
					}
.PromoCell			{
					border-bottom: 1px solid #AA0000;
					}		
.PromoCellTitre		{
					font-size: 11px;
					font-weight: bold;
					color: #AA0000;
					}
.PromoCellPrix		{
					font-size: 14px;
					font-weight: bold;
					color: #AA0000;
					}
.ShopInputQ			{
					font-size: 15px;
					font-weight: bold;
					width: 50px;
					text-align: right;
					}	
.MiniProductBox		{
					background: #ffffff;
					padding: 3px 3px 3px 3px;
					}		
.MiniProductBox		A			{color : #1f1E21; text-decoration : none; font-weight : normal;} 
.MiniProductBox		A:HOVER		{color : #1f1E21; text-decoration : underline; }
.MiniProductBox		A:ACTIVE	{color : #1f1E21;}
.MiniProductBox		A:VISITED	{color : #1f1E21;}
.MiniProductBox		A:LINK 		{color : #1f1E21;}						
.MiniProductBox		H3{
					font-weight: 	normal;
					font-size:		11px;
					margin:			0;
					padding:		0;
					display:		inline;
					}		
					
					
					
.MiniProductBoxPhoto{
					background: #ffffff;
					padding: 3px 3px 3px 3px;
					
					}		
.MiniProductBoxDescription
					{
					
					background: #eceded;
					padding: 3px 3px 3px 3px;
					height: 40px;
					}		
.MiniProductBoxTitle{
					color: #1f1E21;
					font-size: 11px;
					}	
.MiniProductBoxTitle	A			{color : #1f1E21; text-decoration : none; font-weight : normal;} 
.MiniProductBoxTitle	A:HOVER		{color : #1f1E21; text-decoration : underline; }
.MiniProductBoxTitle	A:ACTIVE	{color : #1f1E21;}
.MiniProductBoxTitle	A:VISITED	{color : #1f1E21;}
.MiniProductBoxTitle	A:LINK 		{color : #1f1E21;}						

.MiniProductBoxBuy
					{
					
					background: #eceded;
					padding: 3px 3px 3px 3px;
					
					}
.ProductDescription	{
					padding: 0px 0px 0px 0px;
					font-size: 10px;
					color: #000000;
					text-align: justify;
					}	
.ProductPhotoBox	{
					}						
.ProductPhotoBox	A			{color : #1f1E21; text-decoration : none; font-weight : normal;} 
.ProductPhotoBox	A:HOVER		{color : #1f1E21; text-decoration : underline; }
.ProductPhotoBox	A:ACTIVE	{color : #1f1E21;}
.ProductPhotoBox	A:VISITED	{color : #1f1E21;}
.ProductPhotoBox	A:LINK 		{color : #1f1E21;}						

.TitreMoyen			{
					font-weight: bold;
					}
.loading {
            background: url("../images/spinner.gif") no-repeat center center;
}		
.EntryOmbre			{
					background:						#FFEC00;
					position: 						absolute;
					z-index:						100;
					height:							10px;
					width:							100%;
					box-shadow: 					0 5px 13px rgba(0,0,0,.55); 
					-webkit-box-shadow: 			0 5px 13px rgba(0,0,0,.55); 
					-moz-box-shadow: 				0 5px 13px rgba(0,0,0,.55); 
					
					}					
							
.Cartouche			{
					display:						inline-block;
					background:						#ffffff;
					width:							100%;
					max-width:						417px;
					height:							620px;
					overflow:						hidden;
					border-left:					2px solid #BBBBBB;
					border-right:					2px solid #BBBBBB;
					border-bottom:					2px solid #BBBBBB;
					border-top:						2px solid #BBBBBB;
					font-size:						24px;
					
					border--radius: 				6px; 
					-webkit-border-radius: 			6px; 
					-moz-border-radius: 			6px; 
					
					box-shadow: 					0 1px 3px rgba(0,0,0,.35); 
					-webkit-box-shadow: 			0 1px 3px rgba(0,0,0,.35); 
					-moz-box-shadow: 				0 1px 3px rgba(0,0,0,.35); 
					
	    			-moz-transition: 				all .2s ease-in;
    				-o-transition: 					all .2s ease-in;
    				-webkit-transition: 			all .2s ease-in;
   					transition: 					all .2s ease-in;							
					

					}
.Cartouche A		{
					color:							#666666;
					text-decoration:				none;
					}
.Cartouche A:HOVER	{
					color:							#666666;
					text-decoration:				underline;
					}
.Cartouche:HOVER	{
					
					border-left:							2px solid #666666;
					border-right:							2px solid #666666;
					border-bottom:							2px solid #666666;
					}
.Cartouche .Visuel 	{
					height:							313px;
					overflow:						hidden;
					}				
.Cartouche .Visuel 	IMG{
					height:							313px;
					}						
					
.ConfirmButton		{
					display:						block;
					background:						#009900;
					font-size:						16px;
					color:							#ffffff;
					padding:						10px;
					margin:							5px;
					}					
					
.ConfirmButton:HOVER		{
					background:						#007700;
					}										
					
.CancelButton		{
					display:						block;
					background:						#990000;
					font-size:						12px;
					color:							#ffffff;
					padding:						10px;
					margin:							5px;
					}					
					
.CancelButton:HOVER		{
					background:						#770000;
					}															
					
.FlagContainer		{
					padding:						30px 30px 30px 30px;
					display:						table-cell;
					width:							100%;
					}					
.FlagContainer .Separator		{
					clear:							both;
					}					
.Flag				{
					max-width:						175px;
					width:							20%;
					cursor:							pointer;
					float:							left;
					margin-right:					6%;
					margin-bottom:					54px;
					}					
.Flag:HOVER .Visuel	{
					border:							1px solid #666666;
					}					

.Flag .Visuel		{
					margin-bottom:					5px;
					overflow:						hidden;
					width:							100%;
					border:							1px solid #E0E0E0;
					}
.Flag .Visuel		IMG{
					width:							100%;
					}
.Flag .Country		{
					float: 							left;
					width:							50%;
					text-align:						center;
					color:							#666666;
					}
.Flag .Country	A	{
					color:							#666666;
					text-decoration:				none;
					font-weight:					normal;
					}
.Flag .Language		{
					float: 							right;
					width:							50%;
					text-align:						center;
					color:							#aaaaaa;
					font-style:						italic;
					}
.OngletActif		{
					padding: 						0px 10px 0px 10px;
					background: 					#E0E0E0;	
					float:							left;	
					cursor:							pointer;	
					font-weight:					bold;
					border-top:						1px solid #E0E0E0;
					border-left:					1px solid #E0E0E0;
					border-right:					1px solid #E0E0E0;
					height:							30px;
					line-height:					30px;
					overflow:						hidden;
					}
.Onglet				{
					padding: 						0px 10px 0px 10px;
					background: 					#aaaaaa;	
					float:							left;	
					cursor:							pointer;	
					height:							30px;
					line-height:					30px;
					overflow:						hidden;
					border-top:						1px solid #aaaaaa;
					border-left:					1px solid #aaaaaa;
					border-right:					1px solid #aaaaaa;
					}
.ShopContent		{
					display:						none;
				  	-webkit-box-sizing: 	border-box;
				  	-moz-box-sizing: 		border-box;
				  	box-sizing: 			border-box;

					}	
.ShopContent FORM .Field{
				  	-webkit-box-sizing: 	border-box;
				  	-moz-box-sizing: 		border-box;
				  	box-sizing: 			border-box;
					width:							49%;
					margin-right:					1%;
					float:							left;
					padding:						3px 10px 3px 0px;

					}
.ShopContent FORM .Area{
					width:							100%;
					float:							none;
					clear:							both;

					}

.ShopContent FORM INPUT,TEXTAREA, SELECT{
					
					font-size : 					14px;
					font-weight : 					bold;
					width:							100%;
					margin-bottom : 				2px;
					margin-left : 					2px;
					margin-right : 					2px;
					margin-top : 					2px;
					padding : 						2px 2px 2px 2px;
					text-align : 					left;
					background-color : 				#F8F8F8;

					padding-left:					10px;
					padding-right:					10px;
					padding-top:					10px;
					padding-bottom:					10px;
					border: 						1px solid  #CCCCCC;
    				
					-webkit-box-sizing: 			border-box; /* Safari/Chrome, other WebKit */
				    -moz-box-sizing: 				border-box;    /* Firefox, other Gecko */
					box-sizing: 					border-box;         /* Opera/IE 8+ */								
					}
					
.ShopContent .ProductList{
					padding:						0px;
					margin:							2px;
					background:						#cecece;
					}					
.ShopContent .ProductList .Header{
					padding-left:					10px;
					padding-right:					10px;
					padding-top:					10px;
					padding-bottom:					10px;
					background: 					#CCCCCC;
					font-size : 					14px;
					}					
.ShopContent .ProductList .Item{
					font-size : 					14px;
					padding-left:					10px;
					padding-right:					10px;
					padding-top:					10px;
					padding-bottom:					10px;
					background: 					#F0F0F0;
					vertical-align: 				middle;
					}		
.ShopContent .ProductList .Item .PUMobile{
					display:						none;
					}

.ShopContent .ProductList .Item .Euro{
					float:							right;					
					padding-top:					11px;		
					font-size:						14px;
					font-weight:					normal;						
					}		
.BoutonAction		{
					cursor:							pointer;
					background:						#ff8800;
					font-size:						16px;
					color:							#ffffff;
					font-weight:					bold;
					margin:							10px 0px 10px 0px;
					padding:						10px 20px 10px 20px;
					border:							1px solid #ffffff;
					}																							
.BoutonAction:HOVER	{
					background:						#ff9922;
					border:							1px solid #999999;
					box-shadow: 					0 2px 5px rgba(0,0,0,.35); 
					-webkit-box-shadow: 			0 2px 5px rgba(0,0,0,.35); 
					-moz-box-shadow: 				0 2px 5px rgba(0,0,0,.35); 
					
					}			
.PopOverBox			{
					display:						none;
					position:						absolute;
					z-index:						100;
					overflow:						auto;					
					background:						#EEEEEE;
					border:							2px solid #999999;
					box-shadow: 					0 2px 5px rgba(0,0,0,.35); 
					-webkit-box-shadow: 			0 2px 5px rgba(0,0,0,.35); 
					-moz-box-shadow: 				0 2px 5px rgba(0,0,0,.35); 
					}							
.PopOverBox .Close	{
					margin:							10px;
					float:							right;
					cursor:							pointer;
					}		
					
/* ---------- */
/* Slide menu */
/* ---------- */

nav#slide-menu {
					background:			#D9D9DA;
					padding:			0px 0px 0px 0px;
  					position: 			absolute;
					z-index:			300;
  					top: 				0;
  					left: 				-240px;
  					bottom: 			0;
  					display: 			block;
  					float: 				left;
  					width: 				100%;
  					max-width: 			240px;
  					height: 			100%;
  					-moz-transition: 	all 300ms;
  					-webkit-transition: all 300ms;
  					transition: 		all 300ms;
					font-size:			17px;
					font-weight:		normal;
					
					overflow:			auto;
							box-shadow: 			0 1px 10px rgba(0,0,0,.55); 
							-webkit-box-shadow: 	0 1px 10px rgba(0,0,0,.55); 
							-moz-box-shadow: 		0 1px 10px rgba(0,0,0,.55); 
					}

					





body.menu-active nav#slide-menu {
  left: 0px;
}

body.menu-active nav#slide-menu ul {
  left: 0px;
  opacity: 1;
}		

.MobileMenuButton			{
							display: 	none;
							margin:		10px;
							cursor:		pointer;
							}