/**
 * Raptor Commerce
 *
 * @category   Raptor
 * @package    Raptor_Supermenu
 * @copyright  Copyright (c) 2009 Raptor Commerce (http://www.raptorcommerce.com)
 */
 
/*
 * This is a blank skin intended to help you integrate Supermenu with your custom theme
 * Please copy this file to the directory where your theme/skin's css files are located
 * and then modify it. E.g. /skin/frontend/myinterface/mytheme/css/
 *
 * IMPORTANT: Do not modify this file in the default location (skin/frontend/base/default/css)
 * as it will be overwritten if you upgrade Supermenu!
 *
 * We highly recommend the Firebug plugin for Firefox (http://getfirebug.com/) which will greatly 
 * help you when customizing this css.
 */
 
#anav {
	font-size:13px;
	margin:0 auto;
	padding:0;
	width:100%;
	min-height:35px;
	text-transform: uppercase;
	background: url(../images/back_barre.gif) repeat-x center left;
}

#anav li.col_1, #anav li.col_2 {
	border-left: 0px solid #929292;
	padding: 10px;
	/*background: url(../images/separateur.gif) no-repeat left center;*/
}
#anav li.col_0 {
	padding-top: 10px;
}
#anav li.col_2 {
	padding-top: 0;
}
li.columns.col_2 {
	margin-top: 10px;
}
#anav li.col_1, #anav li.col_2, #anav li.col_0 {
	width:30%;
	min-height: 300px;
}
/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#anav li { float:left; position:relative; text-align:left; width:168px;min-height:35px;line-height: 35px;}


#anav li ul li {min-height:15px;}

#anav li.over { z-index:999; }
#anav a,
#anav a:hover, #anav li.nav-marques span { color:#fff;display:block; /*line-height:1.3em*/; text-align:center; font-weight:bold; padding:0; }

#anav ul li a,
#anav ul li a:hover { float:left; clear:both;}

#anav li.active a { /*background:#BCE403;*/
	/*color:#530153;*/
	background: url(/skin/frontend/animaddict/animaddict/images/back_barrehover.gif) repeat-x center left;
}
#anav li.active ul li a { /*background:#BCE403;*/
	background: none;
}
#anav span { display:block; cursor:pointer; white-space:nowrap; }
#anav li ul span {white-space:normal; }

/************ 1ST LEVEL ************/
#anav ul li,
#anav ul li.active { float:left; padding-bottom:1px; line-height: 17px;}
#anav ul li.last { padding-bottom:0; }

#anav ul a,
#anav ul a:hover { float:none; padding:0; background:none; }

/************ 2ND LEVEL ************/
#anav ul { position:absolute; width:20em; top:34px; left:-10000px; border:4px solid #BCE403; background-color: #FFFFFF;}

#anav ul.level0 {
	z-index:10000; 
	width:943px;
}
#anav li.nav-chiens ul.level0 {
	margin-left: -139px;
    background: #fff  url(/skin/frontend/animaddict/animaddict/images/tophead.png) repeat-x left top;
	/*background: #BCE403 url(../images/back_menu_chien.png) no-repeat 200px center;*/
}
#anav li.nav-chats ul.level0 {
	margin-left: -307px;
    background: #fff url(/skin/frontend/animaddict/animaddict/images/tophead.png) repeat-x left top;
	/*background: #BCE403 url(../images/back_menu_chat.png) no-repeat right center;*/
}
#anav li.nav-marques ul.level0 {
	margin-left: -643px;
    background: #fff url(/skin/frontend/animaddict/animaddict/images/tophead.png) repeat-x left top;
	/*background: #BCE403 url(../images/back_menu_chat.png) no-repeat right center;*/
}
#anav ul.level0 li.main {
	width:200px;
}
#anav li.nav-marques ul.level0 li.main {
	width:100%;
}
#anav ul.level0 li.col_nav {
	width:200px;height: 310px;
  margin-left:40px;
}
#anav ul.level0 li.col_nav ul.sub_menu_niveau1 {
	margin-top:40px;
}
#anav li.nav-marques ul.level0 li.main ul li a{
    display: block;
    height: 25px;
    line-height: 25px;
    width: 180px;
    background: url('/skin/frontend/base/default/images/arrow.png') no-repeat left center;
    padding: 2px 0 0 15px;
    float: left !important;
    border:none;
    font-weight:normal;
}
#anav li.nav-marques ul.level0 li.main {
    float: left;
    width: 940px;
}
#anav li.nav-marques ul.level0 li.main a{
    background:none;
}
#anav li.nav-marques ul.level0 li.main ul {
    float: left;
    padding-left:12px
}
#anav li.nav-marques a {
    color:#606;
}
#anav li.nav-marques ul.level0 li.main ul li strong a, #anav li.nav-marques ul.level0 li.main div strong a{
    color:#606;
    font-weight:bold;
}
#anav li.nav-marques ul.level0 li.main div{
    padding-right:50px;
}
/*
position: relative;
margin: 0 auto;
width: 990px;
height: 244px;
background-image: url("../images/submenu.png");
background-repeat: repeat-x;
background-color: transparent;
background-position: top;
overflow: hidden;
-webkit-box-shadow: 0px 2px 2px #888888;
-moz-box-shadow: 0px 2px 2px #888888;
-o-box-shadow: 0px 2px 2px #888888;
box-shadow: 0px 2px 2px #888888;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-o-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}*/


#anav ul ul {	
	background:#eee;
}
#anav ul ul li a, #anav li.active ul a {
	color:#606;
}

#anav li.nav-chats ul.level0 li.col_0 {
    /*background: #BCE403 url(http://www.animaddict.fr/skin/frontend/base/default/images/back_menu_chat.png) no-repeat right center;*/
}


#anav ul li a { font-weight:normal; }

#anav ul.level0 li.main ul li, #anav ul.level0 li.main ul li a{
	color:#333;
	text-transform:none;
	text-align: left;
	font-weight:bold;
}
#anav ul.level0 li.main h2 {
    width: 800px;
    padding-top: 7px;
    padding-bottom: 14px;
    font-size: 14px;
    color: #606;
}

#anav ul.level0 li.main ul li a{
	width: 120px;
	font-weight: bold;
	background-image: url("../images/arrow.png");
	background-repeat: no-repeat;
	background-position: 9px 6px;
	background-color: transparent;
	padding: 2px 0 1px 27px;
	border-bottom: 1px dotted #333;
	float: left;
}
#anav ul.level0 li.main ul li a:hover {
	color:#606;
}

#anav ul.level0 li.main h3{
	clear:both;
	color:#606;
	font-size:12px;
	text-transform:none;
	padding: 12px 0 0 0;
}
#anav ul.level0 li.main div div p{
	color: #666;
	text-transform:none;
	font-size:11px;
	text-align:center;
}
#anav ul.level0 li.main div div{
/*	padding: 10px 20px;
	margin: 10px 0 10px 0; */
	width:55%;
	text-align:center;
	background: #fff;
}

#anav ul.level0 li.main div div a {
float: none;
clear: none;
}

li.nav-virtuel {
display:none;
}
#anav li.col_0 {
    margin-right:30px;
}
#anav ul ul li a:hover {
/*color:#530153;
font-weight:bold;*/
background:#BCE403;
}
#anav li.level0 ul span {
	font-weight:bold;
	background: url(../images/puce.png) no-repeat center left;
	padding-left: 20px;
	white-space:nowrap;
}
#anav li.level1 ul span {
	font-weight:normal;
	background:none;
	padding:0 0 0 12px;
	text-transform:none;
}

#anav li a:hover { color:#530153; }

/*#anav li.over, #anav li a:hover { background:#BCE403; }
/*#anav li.over a span, #anav li a:hover { color:#530153; }
*/
#anav li.justlink:hover, #anav li.over {
	/*background:#BCE403;*/
	background: url(../images/back_barrehover.gif) repeat-x center left;	
}
#anav li.justlink, #anav li.nav-marques { width:139px;  }

/* Show menu */
#anav li.over > ul { left:0; }
#anav li.over > ul li.over > ul { left:100px; }
#anav ul span, #anav ul li.last li span { padding:3px 0px 4px 15px; font-size: 14px;}
#anav li.columns { width:10em; }
#anav li.columns ul { width: auto; }
/*#anav li li li li span { padding:0 0 0 12px; }*/


#anav li.nav-marques li { clear:none; width:auto; }
#anav li.nav-marques ul.liste_marque { float:left;width:180px;padding-bottom:20px; }
/************ 3RD+ LEVEL ************/
#anav ul ul { border: 0px; left:0; position: relative; top:0; background: none; }
#anav ul ul li { clear:both; width:auto; }
#anav ul ul ul { margin-left: 10px; }
#anav ul ul ul li a { font-size: 0.95em; }

/** ie6 hack */
#anav li.over ul.shown-sub { left:0; }
#anav li.over li li ul.shown-sub { left:100px; }