/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-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/osl-3.0.php  Open Software License (OSL 3.0)
 */

#nav { padding:0px; margin:0px; font-size:1.3em; }

/* patch */
#nav li { padding: 0px; height:40px;}
#nav li a { padding:0px; height: 40px;}
#nav li a img { padding: 0px;}
#nav .separateur { padding:0px;}
#nav { margin-bottom: 10px; height:40px;}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; /*line-height:1.3em;*/ text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { float:left; }
#nav li.active a { color:#d96708; }
#nav a { float:left; padding:0px 0px 0px 0px; color:#a7c6dd;  }
#nav li.over a,
#nav a:hover { color:#d96708; }
/*
 * 
#nav .menu_p_108 {
	background: url(../images/menu/menu-produits-media-center.jpg) no-repeat center right;
	width:140px;
	height:40px;
}
#nav .menu_p_109 {
	background: url(../images/menu/menu-produits-composants-media-center.jpg) no-repeat center right;
	width:122px;
	height:40px;
}
#nav .menu_p_110 {
	background: url(../images/menu/menu-produits-peripheriques.jpg) no-repeat center right;
	width:132px;
	height:40px;
}
#nav .menu_p_111 {
	background: url(../images/menu/menu-produits-domotique.jpg) no-repeat center right;
	width:115px;
	height:40px;
}
#nav .menu_p_112 {
	background: url(../images/menu/menu-produits-accessoires-connectiques.jpg) no-repeat center right;
	width:133px;
	height:40px;
}
#nav .menu_p_113 {
	background: url(../images/menu/menu-produits-logiciels.jpg) no-repeat center right;
	width:93px;
	height:40px;
}
#nav .menu_p_522 {
	background: url(../images/menu/menu-produits-bonnes-affaires.jpg) no-repeat center right;
	width:92px;
	height:40px;
}

#nav a h2 {
	font-size:18px;
	color:#000000;
	font-weight:normal;
	text-align:center;
}

#nav .menu_p_108 h2 {margin-left:17px;margin-top:6px;}
#nav .menu_p_112 h2 {margin-left:16px;margin-top:5px; line-height:13px;}
#nav .menu_p_109 h2 {margin-left:12px;margin-top:6px; }
#nav .menu_p_110 h2 {margin-left:12px;margin-top:6px;}
#nav .menu_p_111  h2 {margin-left:12px;margin-top:6px;}
*/

/********** Separateur **********/
.separateur { float:left;/*padding-top:5px;*/ }

/**
 * Sous-Menu
 */

.header-nav { height: 40px; padding-bottom:10px; }
.header-nav .children-menu ul li a { font-size:14px;color : #FFFFFF; text-decoration :none;}
.header-nav .children-menu ul li a:hover { color : red;}
.header-nav .article {
	float:right;
	width: 237px;
	text-align:left;
	
}
.header-nav .article a {
	color:#ffffff; 
	text-decoration:none;
}
.header-nav .article .title{
	color:#FFFFFF;
	width:150px;
	padding:10px 0px 0px 35px;
	font-weight:500;
	margin: 0px;
	font-size:21px;
	background:url(../images/menu/popup/logo-guide-achat.gif) no-repeat left transparent;
}
.header-nav .article .link {float:right;width:150px;margin-right:10px;height:70px;overflow:hidden}
.header-nav .article .link a {font-size:13px;line-height:17px;}
.header-nav .article .link a:hover{ text-decoration:underline;}
.header-nav .article .images { width:70px;height:70px;background-color: #ffffff; }
.header-nav .article .images img{ width:70px; height:70px; }

.header-nav .article .learn,.header-nav .article .all-article {
	clear:right;
	text-align:center;	
}

.header-nav .article .learn a, .header-nav .article .all-article a{
	display:block;
	margin:10px auto;
	text-align:center;
	color:#4c4b4c;
	font-size:12px;
	height:18px;
	
}
.header-nav .article .learn a {
	width:83px;
	background:url(../images/menu/popup/lire-article.gif) no-repeat ;
}
.header-nav .article .all-article a {
	width:107px;
	background:url(../images/menu/popup/all-articles.gif) no-repeat ;
}

.menu-p-layer {
	background:url(../images/menu/popup/fond-menu-overlay.gif) no-repeat bottom left #3e3e3e;
	width:495px;
	display:none;
	position:absolute;
        min-height: 50px;
        padding-bottom: 10px;
	z-index:9999;
        margin-top: -10px;
        /*-moz-border-radius-topleft:10px;
        -moz-border-radius-bottomright:10px;*/
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
}
.guide-menu-p-layer {
	background:url(../images/menu/popup/fond-menu-overlay.gif) no-repeat bottom left #3e3e3e;
	width:400px;
}

.menu-p-layer .children-menu{	 
	padding:15px 0px 0px 15px; /* padding-bottom à 0 */
	width:237px;
}

.menu-p-layer .separateur{
	background:url(../images/menu/popup/separateur.png) no-repeat center center;
	width:1px;
	margin:10px;
	vertical-align:middle;
	height:100px;
	float:right;
        /*display: none;*/
}

.menu_p_110-layer .separateur{
	background:url(../images/menu/popup/separateur2.png) no-repeat center center;
}

.menu_p_109-layer{
	margin-left:140px;
}
.menu_p_110-layer{
	margin-left:268px;
}
.menu_p_111-layer{
	margin-left:405px;
}
.menu_p_112-layer{
	margin-left:455px;
}
.menu_p_113-layer{
	margin-left:455px;
}
.menu_p_522-layer{
	margin-left:358px;
}
.menu_p_guide_achat-layer{
	margin-left:550px;
}
.menu_p_852-layer{
    margin-left:50px;
}


/**
 * *****************************
 *  Menu LEFT
 */
.mini-navigation {border : 0px;}
.mini-navigation .head {border : 0px;}
ul.menu li ul li {background-image: url(../images/menu/left/menu-left-cat.gif);background-repeat:no-repeat;display: block; min-height: 22px;}
ul.menu li ul {clear:both;}
ul.menu li ul li a {text-decoration:none;color:#000000;font-size: 1.00em; }
ul.menu li ul li a:hover {text-decoration:underline;}
ul.menu li ul li ul li {background-image:none; background-color: #f4f4f4;}
ul.menu li ul li ul {margin-top:6px;}
ul.menu li ul li div {width:140px;margin-left:30px;margin-top:-12px;}
ul.menu .fleche, ul.menu .fleche_v {display:block;float:left;margin-left:5px;}
ul.menu a.active { text-decoration:underline;font-style: italic;}
.mini-navigation .content { padding:0px;}