nav > ul{
 	margin : 0px;
    padding : 0px; 
	margin-left: 450px;
 }

 nav > ul > li{
 	float: left;
 }

 nav li{
 	list-style-type: none;
    color: #FFFFFF;
	border-right:#FFFFFF solid 1px;
	padding-top:0px;
	font-size:13px;
 }

 nav{
   width: 100%;
   background: #000000;
   color: #FFFFFF;
}
body>nav {position:fixed}

nav > ul > li{
	float: left;
	position: relative;
}

nav > ul::after{
	content: "";
	display: block;
	clear: both;
}

nav a{
     display: inline-block;
     text-decoration: none;
}

 nav > ul > li >a{
	padding: 10px 30px;
	text-align: center;
	background: 000000;
	color: #ffffff;
	font-family:trebuchet ms;
	font-weight:bold;
}    
nav > ul > li:hover a{
	padding: 10px 30px 10px 30px;
}
nav li :hover{
color: rgb(206, 17, 4);
}

.submenu{
	display: none;
}

 nav li:hover .submenu{
	display: inline-block;
	position: absolute;
	top: 45%;
	left: 0px;
	padding: 0px;
	z-index: 100000;
	
}

.submenu li{
	border-bottom: 1px solid #CCC;

}

.submenu li a{
	padding: 15px 30px;
	font-size: 13px;
	color: #ffffff;
	width: 270px;
color: rgb(206, 17, 4); 
}

.menu-produit .submenu{
	background: #000000;
}

.submenu li:hover a{
	color: #EEE;
	font-weight: bold;
}

.menu-produit .submenu li: hover{
 	background:#641616;
}

ul {
	border:0px;
	margin: 20px;
	padding:10px;
}
.current>a {
	color: #f00;
}


@media screen and (min-width: 200px) and (max-width: 640px){
	 nav > ul{ 
	margin-left: 0px;
 }
 nav li{
	font-size:10px;
 }
  nav{
   width: 38%;
   float: left;
}
 nav > ul > li >a{
	padding: 5px 10px;
}    
nav > ul > li:hover a{
	padding:2px 15px 15px 15px;
}

.submenu li a{
	padding: 15px 30px;
	font-size: 10px;
	width: 150px;
}


}

@media only screen and (max-width: 767px) {
	 nav > ul{ 
	margin-left: 0px;
 }
	}

	@media only screen and (max-width: 995px) {
	 nav > ul{ 
	margin-left: 0px;
 }
	
}