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

/*RESET*/



li
{
	z-index:10000;
	}
	ul
{
	z-index:10000;
	
	}


nav {

	float:left;
	
	position:absolute;

	
}
nav2 {

	float:left;
	
	position:absolute;
	margin-left:146px;

	

	
}
nav3 {

	float:left;
	
	position:absolute;
	margin-left:350px
	;margin-right:250px;
	display:inline-block;
	width:auto;
	font-weight:normal;
	padding-top:3px;
	

	

	
}

	@media screen and (max-width: 640px) {	
	nav3 {

	
	display:none;
	
    }
	}

#menu-icon {

	display: hidden;
	width: 128px;
	height: 18px;
		background:url(../images/bcg.jpg) #ceb407;
	border-radius: 4px 4px 0 0;
	position:absolute;
	float:left;
	margin:0;
	padding:0;
	z-index:10000;
	font-family:Verdana, Geneva, sans-serif;
	
	font-size:12px;	
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	text-align:center;

}

a:hover#menu-icon {

	background-color: #ceb407;
	border-radius: 4px 4px 0 0
	text-decoration:underline;
}


#menu-icon2 {

	display: hidden;
	width: 128px;
	height: 18px;
	
		background:url(../images/bcg.jpg) #ceb407;
	border-radius: 4px 4px 0 0;
	position:absolute;
	float:left;
	margin:0;
	padding:0;
	z-index:10000;
	font-family:Verdana, Geneva, sans-serif;
	
	font-size:12px;	
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	text-align:center;

}

a:hover#menu-icon2 {

	background-color: #ceb407;
	border-radius: 4px 4px 0 0
	text-decoration:underline;
}


.current {

	color: #fefefe;

}


/*MEDIA QUERY*/



	#menu-icon {

		display:block;
		padding:6px;

	}
		#menu-icon2 {

		display:block;
		padding:6px;

	}

	nav ul, nav:active ul { 

		display: none;
	
		position:absolute;
		
		
		background: #ceb407;
		border: 0px solid #444;
		left: 0px;
		top: 16px;
		width:290px;
		border-radius: 0px 4px 4px 4px;
		text-align:left;
		padding:0;
		padding-bottom:6px;
		padding-bottom:6px;
		

	}

	nav li {
       text-align:left;
		
		
		padding:0;
		padding-left:6px;
		padding-bottom:6px;
		margin: 0;
		margin-left:6px;
	

	}
    nav:hover li {

		display: block;
		

	}
	nav:hover ul {

		display: block;
		

	}
	
		nav2 ul, nav2:active ul { 

		display: none;
	
		position:absolute;
		
		
		background: #ceb407;
		border: 0px solid #444;
		left: 0px;
		top: 16px;
		width:140px;
		border-radius: 0px 0px 4px 4px;
		text-align:left;
		padding:0;
		padding-bottom:6px;
		padding-bottom:6px;

	}

	nav2 li {
       text-align:left;
		
		width:300px;
		padding:0;
		padding-left:6px;
		padding-bottom:6px;
		margin: 0;
		margin-left:6px;
	

	}
    nav2:hover li {

		display: block;
		

	}
	nav2:hover ul {

		display: block;
		

	}
	
	panier
	{
		float:right;
	
		padding-right:70px;
		}
	@media screen and (max-width: 400px) {	
	panier
	{
		float:right;
	
		padding-right:40px;
		}
	}