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

ul.pied { clear:both; text-align:right; margin:0;}
ul.pied li { display:inline; padding:0 5px; border-right:1px solid #fff;}
ul.pied li.last { border:0;}
ul.pied li a { color:#fff; font-size:0.9em;}
ul.pied li a:hover { color:#000;}

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

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


/* 1e niveau */
ul#navigation { margin-left:1em; margin-top:2em; }
ul#navigation li { padding:4px 0 4px 20px; border-bottom:1px solid #bacd18; background:url(../images/navigation_puce.gif) no-repeat 2px 6px; }
ul#navigation li a { font-size:1.1em; color:#fff; }
ul#navigation li.last { border:0;}
ul#navigation li a:hover, ul#navigation li a.aselect { color:#bacd18; }

/* 2e niveau */
ul#navigation ul { display:none; margin-right:1em; }
ul#navigation li.select ul { display:block; }
ul#navigation ul li { background:none; padding-left:0;}
ul#navigation ul li a { font-size:1em; }


/************** menu produits **************/


/* 1e niveau */
#preview ul#produits { clear:both; float:left; width:100%; padding:0; margin:0 0 2em; }
#preview ul#produits li { float:left; width:150px; height:48px; padding:15px 0 0; margin:0; margin-right:3px; background-position:left bottom; background-repeat:no-repeat; background-image:url(../images/navigation_interne_bg_orange.gif);}
#preview ul#produits li.last { margin-right:0;}
#preview ul#produits li.pompe-a-chaleur { background-image:url(../images/navigation_interne_bg_rouge.gif);}
#preview ul#produits li.climatisation-reversible { background-image:url(../images/navigation_interne_bg_bleu.gif);}
#preview ul#produits li.solaire-thermique { background-image:url(../images/navigation_interne_bg_orange.gif);}
#preview ul#produits li.etudes { background-image:url(../images/navigation_interne_bg_vert.gif);}

ul#produits li a { display:block; padding-left:50px; min-height:32px; color:#fff; font-weight:bold; text-transform:uppercase; background-repeat:no-repeat; background-position:15px 0; }
ul#produits li.last { border:0;}
ul#produits li a:hover, ul#produits li a.aselect { color:#000; background-position:15px -32px; }
ul#produits li.climatisation-reversible a:hover, ul#produits li.climatisation-reversible a.aselect { background-position:8px -32px; }

ul#produits li.pompe-a-chaleur a { background-image:url(../images/navigation_interne_picto_pac.gif);}
ul#produits li.climatisation-reversible a { padding-left:40px; background-position:8px 0; background-image:url(../images/navigation_interne_picto_clim.gif);}
ul#produits li.solaire-thermique a { background-image:url(../images/navigation_interne_picto_solaire.gif);}
ul#produits li.etudes a { background-image:url(../images/navigation_interne_picto_etudes.gif);}

/************** sousmenu produits **************/
ul.sousnav { margin:55px 0 1em 14px; padding:10px 0 0; background-repeat:no-repeat; background-position:left top;}
ul.sousnav li { padding:2px 0; margin:0 10px; border-bottom:1px solid #fff; }
ul.sousnav li.last { border:0; margin:0; padding:2px 10px 14px; background-repeat:no-repeat; background-position:left bottom;}
ul.sousnav li a { color:#fff; font-size:0.9em;}
ul.sousnav li a:hover, ul.sousnav li a.aselect { color:#000;}

.pompe-a-chaleur ul.sousnav li.last { background-image:url(../images/sousnav_rouge_last.gif);}
.pompe-a-chaleur ul.sousnav { background-image:url(../images/sousnav_rouge.gif);}
.climatisation-reversible ul.sousnav li.last { background-image:url(../images/sousnav_bleu_last.gif);}
.climatisation-reversible ul.sousnav { background-image:url(../images/sousnav_bleu.gif);}
.solaire-thermique ul.sousnav li.last { background-image:url(../images/sousnav_orange_last.gif);}
.solaire-thermique ul.sousnav { background-image:url(../images/sousnav_orange.gif);}
.etudes ul.sousnav li.last { background-image:url(../images/sousnav_vert_last.gif);}
.etudes ul.sousnav { background-image:url(../images/sousnav_vert.gif);}