/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/***************************************************************************************************************************************/
/*                                                               MENU                                                                  */
/***************************************************************************************************************************************/

ul#nav {
	position: relative;
	list-style: none;
	padding: 0px 12px 0px 0;
	/margin: 0 0 0 0;
	_margin: 0 0 0 -1px;
	font-size: 12px;
	width: 1000px;
	/left: -16px;
}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
ul#nav li {
	text-transform:none;
	text-align:center;
	/*width: 153px;*/
	padding: 0 10px 0 10px;
	height: 35px;
	color:#175293;
	font-family:"Times New Roman";
	font-style:italic;
	font-size: 22px;
	font-weight: bold;
}
ul#nav li.over { z-index:999; border:0px solid #4b4242; }
ul#nav a, ul#nav a:hover { display:block; text-decoration:none; font-weight: none; margin: 3px 0 3px 0; }
ul#nav span { display:block; cursor:pointer; white-space:nowrap; }
ul#nav li ul span { white-space:normal; }
ul#nav a.active { color:#fff; }

.menunav
{
	margin: 0;
	background:url(../images/fond_menu.gif) 100% 0 repeat-x;
	width: 1000px;
	height: 35px;
}
/************ 0 LEVEL  ***************/
ul#nav li { float:left; margin: 0; padding: 0; }
ul#nav li.active a { color:#fff; }
ul#nav li.active a:hover { color:#175293; }
ul#nav a {
	float:left;
	/*padding: 5px 0 0 0;*/
	color:#175293;
	font-weight:none;
	border-right:1px solid #fff;
	height: 25px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
ul#nav li.over a, ul#nav a:hover { color:#fff; font-weight:none; }
ul#nav li.over, ul#nav li.active { border:0px solid #4b4242; background-attachment: scroll; }

ul#nav li .sub {
	position: absolute; /*--Important--*/
	float: left;
	display: none; /*--Hidden for those with js turned off--*/
	top: 36px;
	left: -1px;
	width: 1000px;
	/*height: 300px;*/
	padding: 0 0 10px 0;
	background: #beeff3 url(../images/bg-menu.jpg) 100% 0 repeat-x;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	z-index: 99999;
	border-left: 1px solid #175293;
	border-right: 1px solid #175293;
	border-bottom: 1px solid #175293;
}

/*ul#nav li:hover .sub { display: block; } --Show subnav on hover--*/

.col-subcat {
	float: left;
	width: 333px;
	height: 100px;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}
ul#nav .col-subcat a {
	float:left;
	padding: 0 0 0 0;
	color:#175293;
	font-weight: bold;
	margin: 0;
	font-size: 12px;
	border: none;
}

.col-subcat p {
	clear: both;
	font-size: 12px;
	color: #175293;
	text-align: left;
	line-height: 13px;
	margin: 0;
	font-style: normal;
		padding-top:5px;
	font-family:"Arial";
	font-weight: normal;
}

.col-subcat div {
	font-size: 11px;
	color: #175293;
	text-align: left;
	line-height: 11px;
	font-style: normal;
	font-family:"Arial";
}

.descsubcat h4 {
	margin: 0px 0 5px 0;
}

.imgsubcat {
	float: left;
	width: 100px;
	/*height: 60px;*/
	margin: 5px 3px 0 2px;
	/*background: #00CCFF;*/
	border: 0;
}

.descsubcat {
	float: left;
	width: 225px;
	margin-top:5px;
	/*height: 70px;*/
}

.descsubcat h4 a {
	text-decoration: none;
	margin: 0;
	padding-bottom: 5px;
	color: #175293;
	font-size: 13px !important;
	font-style: normal !important;
	font-weight: bold !important;
	line-height: 13px;
	height: 20px !important;
	border: 1px solid;
	font-family:"Arial";
	font-weight: normal;
}

.cola {
	background: #00CCFF;
}

.colb {
	background: #99CC33;
}

.colc {
	background: #CCCC66;
}

.cold {
	background: #663399;
}

.publeft {
	float: left;
	width: 473px;
	height: 95px;
	margin: 0 5px 5px 10px;
	text-align: justify;
}

.pubright {
	float: right;
	width: 473px;
	height: 95px;
	margin: 0 10px 5px 5px;
	text-align: justify;
}


#nav-categorie-image {
	color: #aabf7b;
	width: 976px;
	height: 80px;
	padding: 0px 12px 0px 16px;
	text-align: right;
	background: #ffffff url(../images/bg-top-search.png) no-repeat;
}

.element-image {
	float: left;
	width: 121px;
	padding-top: 5px;
	color: #FFFFFF;
	border-right:1px solid #362836;
	border-bottom:1px solid #362836;
	background: url(../images/nav_top_level_arrow.png) no-repeat 100% 20%;
}

.element-image-active {
	float: left;
	width: 121px;
	padding-top: 5px;
	color: #FFFFFF;
	border-right:1px solid #362836;
	border-bottom:15px solid #ffffff;
	background: url(../images/nav_top_level_arrow.png) no-repeat 100% 20%;
}

/***************VERTICAL**********************/
/*****ALL*****/
#vertical-nav  {
    border-left:#695369 dotted 1px;
  margin-top: 1px;



}
.headmenu h4
{
  padding-top: 30px;

}

#vertical-nav ul {
    list-style-type: none; /* get rid of the bullets */
    padding:0;             /* no padding */
    margin:0;              /* no margin for IE either */
  margin-top: 1px;
align:left;


}

#vertical-nav ul li {
    margin: 0;
    padding: 0;
    display:block;
    margin-top: 1px; /* lines */

	align:left;


}

#vertical-nav ul ul li a{
align:left;
 margin-top: 1px; /* lines */
  border-left:#695369 dotted 1px;
  border-right:#695369 dotted 1px;
   border-bottom:#695369 dotted 1px;
    /*background-color: #f3f8e8;*/
}
#vertical-nav ul li{
align:left;
 margin-top: 1px; /* lines */

    /*background-color: #f3f8e8;*/
}
#vertical-nav ul li a {
 margin-top: 1px; /* lines */
 	align:left;
  margin-right: 1px;
    display: block;
    padding: 3px 3px 3px 23px;
    text-decoration: none;
          /* hint for IE, alternatively remove whitespace from HTML */
 border-left:#695369 dotted 0px;

  }
#vertical-nav ul li .open {
 margin-top: 1px; /* lines */
 margin-left: 0px;
    font-weight: normal;
    text-decoration: none;
	border-right:none;

border-bottom:#695369 dotted 1px;
    color:#cc0099;
	font-size:1.5em;
}
#vertical-nav .activesubsub, #vertical-nav .subopen {
 margin-top: 1px; /* lines */
  margin-bottom: 1px; /* lines */
padding-left: 30px;
    font-weight: normpal;
    text-decoration: none;
	border-left:#695369 dotted 1px;
font-size:1.5em;

    color:#cc0099;
}
#vertical-nav .final{
 margin-top: 1px; /* lines */
 margin-bottom: 1px; /* lines */
padding-left: 30px;
    font-weight: normal;
	font-size:1.5em;
    text-decoration: none;
    color:#cc0099;
	border-right:none;
		border-left:#695369 dotted 1px;
		border-bottom:#695369 dotted 1px;


}
#vertical-nav .potential {

	 border-top:#cccccc dotted 0px;

}

#vertical-nav ul ul li a {
    margin-left: 30px;
	 margin-top: 1px;
	 border-left:#695369 dotted 1px;
}

#vertical-nav ul ul ul li a {
  margin-left: 60px;     /* indent level 2 */
   margin-top: 1px;
}

#vertical-nav a {
  color:#695369; margin-top: 1px;
}
#vertical-nav a:hover {

  color:#cc0099; margin-top: 1px;
}
#vertical-nav ul li ul li a {
    /*border-top-width: thin;
    border-bottom-width: thin;
    border-top-style: dotted;
    border-bottom-style: dotted;
 border-top-color: #CCCCCC;*/
    border-bottom-color: #CCCCCC;
	    border-top-color: #CCCCCC;
    padding-left:30px;
    margin-top: 1px;
}
#vertical-nav ul li ul li {
    margin-bottom:0px;
  margin-top: 1px;
}