#cssmenu {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  width: 950px;
}
#cssmenu ul {
  height: 60px;
  list-style: none;
  margin: 0;
  padding: 0;

}
#cssmenu li {
  float: left;
  padding: 0px;
  font-family:' Arial', sans-serif;
  font-size: 20px;
margin-left: 11px;
}

#cssmenu li a {
  display: block;
  font-weight: normal;
  line-height: 14px;
  margin: 0px;
  padding: 16px 24px;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
}
#prom li a{
  display: block;
  font-weight: normal;
  line-height: 14px;
  margin: 0px;
  padding: 16px 9px;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  margin-right:17px;
}

#cssmenu li a span{
    color: white;
    font-family: 'Roboto', 'Arial', ' Verdana', sans-serif;
    letter-spacing: 1px;
    font-weight: 400;
    text-shadow: 2px 2px 5px #3F0223;
}

#cssmenu li a:hover{
 color:#000;
 font-family:'Roboto', 'Arial', ' Verdana', sans-serif;

}

.sub span{
 color:#fff !important;
 font-family:'Roboto', 'Arial', ' Verdana', sans-serif;
 letter-spacing:1px;
}
.sub span:hover{
 color:#fff;
 font-family:'Roboto', 'Arial', ' Verdana', sans-serif;
 letter-spacing:1px;
}

#cssmenu > div > ul > li > a {
    color: #fff;
    font-family: 'Roboto', 'Arial', ' Verdana', sans-serif;
    font-weight: 400;
    text-shadow: 1px 1px 3px rgb(90, 90, 90);
}
#menu-promo{
    color:#db0076 !important;
}
#cssmenu > div > ul > li > a:hover {
    color: #000;
  
}


#cssmenu ul ul a {
  color: #cccccc;
}

#cssmenu ul li:hover > a {
  background: url('../images/hover.png') bottom center no-repeat;
  color: #000;
  text-decoration: none;
}


#cssmenu li > a:hover {
  background: url('../images/hover.png') bottom center no-repeat;
  color: #000;
  text-decoration: none;
}


#cssmenu li ul {
  background:#313131;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  max-width: 245px;
    min-width: 245px;
  z-index: 200;
  margin-left:-29px;
  border-radius:4px;
  padding-top:5px;
  /*top:1em;
	/*left:0;*/

}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {
  background: url('https://www.boutique-terroir.com/template/images/sub_sep.png') bottom left no-repeat;
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: auto;
}
#cssmenu li:hover li a {
  background: none;
}
#cssmenu li ul a {
  display: block;
  height: 25px;
  font-size: 12px;
  font-style: normal;
  margin: 0px;
  padding: 5px;
  text-align: center;
  padding-top:15px;
    

}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
  background: #d90075 url('../images/hover_sub.png') center left no-repeat;
  border:0px;
  color: #000;
  text-decoration: none;
}
#cssmenu p {
  clear: left;
}
#icon-facebook{
    text-indent: -5000px;
    display: inline-block;
    width: 30px;   
    background: url(../img/facebook.png);
}