/************** menu pied **************/

ul.pied { margin:10px; text-align:left;}
ul.pied li { display:inline; padding:0; margin:0;}
ul.pied li a { padding:0 7px 0 5px; color:#000; background:url(../images/outils_filet.gif) no-repeat right top;}
#pied ul.pied li a:hover { color:#cb2218;}
ul.pied li.last a { background:none;}

/************** menu outils **************/

ul#outils { padding:40px 40px 0 0; margin: 0; text-align:right;}
ul#outils li { display:inline; padding:0; margin:0;}
ul#outils li a { padding:0 7px 0 5px; color:#000; text-transform:uppercase; font-weight:bold; font-size:0.85em; background:url(../images/outils_filet.gif) no-repeat right top;}
ul#outils li a:hover { color:#d02c22;}
ul#outils li.contact a { background:none;}
ul#outils li.espace-membre a { margin-left:10px; color:#fe7a04; padding:5px 18px 5px 10px; background:url(../images/outils_bg_espace-pro.gif) no-repeat right center;}
ul#outils li.espace-membre a:hover { color:#ffea00;}

/************** menu principal **************/

.nav { clear:both; width:100%; margin-top:4px; height:31px; background:url(../images/nav_bg.gif) repeat-x; }
#pied .nav { margin-bottom:1em;}

/* Masquer les niveaux 2 et plus */
ul.navigation, .navigation ul, .navigation li { margin:0; padding: 0; }
.navigation li {}

/* 1e niveau */
ul.navigation { float:left; }
ul.navigation li { float:left; position:relative; height:31px; border-left:1px solid #e06a1d; border-right:1px solid #f8ccaf; text-align:center; line-height:1em; }
ul.navigation li a { display:block; width:120px; height:25px; padding:3px 5px; color:#000; text-transform:uppercase; font-weight:bold; font-size:0.85em;  }
ul.navigation li a:hover, ul.navigation li.select { background:url(../images/nav_li_select.gif) repeat-x;}

ul.navigation li.index { padding:5px 25px; border:0;}
ul.navigation li.index a, ul.navigation li.index a:hover { width:26px; height:21px; padding:0; background:url(../images/nav_home.gif) no-repeat center top; text-indent:-999999px;}
ul.navigation li.index a.aselect, ul.navigation li.index a.aselect:hover { background-position:center bottom;}

ul.navigation li.pompe-a-chaleur a { width:70px;}
ul.navigation li.chauffage-piscine a { width:80px;}
ul.navigation li.plancher-chauffant a { width:80px;}
ul.navigation li.isolation-ecologique a { width:80px;}
ul.navigation li.poele-a-bois-granules a { width:100px;}
ul.navigation li.realisations a { width:100px; padding-top:10px;}

/* 2e niveau */
ul.navigation ul { display:none; position:absolute; left:-1px; top:30px; width:300px; border-top:1px solid #999; } 
ul.navigation li:hover ul { display: block !important; }

ul.navigation ul li { 
	display:inline;
	margin:0; 
	padding:0 1px; 
	height:auto; 
	background:url(../images/sousnav_bg_li.gif) repeat-y center top; 
	border:0; 
	border-bottom:1px solid #999; 
	text-align:left;
}
ul.navigation ul li a { 
	display:block; 
	clear:both; 
	float:none; 
	width:278px !important; 
	height:auto; 
	padding:5px 10px; 
	margin:0; 
	text-transform:none; 
	font-weight:bold;
}
ul.navigation ul li.select { background:url(../images/sousnav_bg_li.gif) repeat-y center top;}
ul.navigation ul li a:hover, ul.navigation ul li a.aselect { background:#fff; color:#50a700; }
ul.navigation ul li.last { background:url(../images/sousnav_bg_li_last.png) no-repeat center bottom; padding-bottom:12px; border:0;}

/* 3e niveau */
.navigation li li ul {  }
.navigation li li li a:hover, .navigation li li li a.aselect { }

/************** sous menu bas de page **************/

#preview ul.snav { clear:both; margin:2em 2em 0em; padding:1em; background:#fff; font-size:0.9em; text-align:center; line-height:1.5em;}
#preview ul.snav li { display:inline; padding:0 10px 0 8px; border-right:1px solid #ccc; background:none;}
#preview ul.snav li a { color:#333;}
#preview ul.snav li a:hover { color: #d02b22; }
#preview ul.snav li.select a { color:#64af1f; font-weight:bold;}

#preview ul.snav li.last { border:0;}