/*** DROP DOWN NAVIGATION  ***/
/*** REPLACE WITH IMAGES ***/
#nav1 {width:101px; height:56px; background: url(../images/nav-societe.jpg) no-repeat top;}
#nav2 {width:167px; height:56px; background: url(../images/nav-gamme.jpg) no-repeat top;}
#nav3 {width:157px; height:56px; background: url(../images/nav-boite.jpg) no-repeat top;}

ul#parent a.link{text-indent:-5000px; overflow:hidden; background:transparent;}
ul#parent li:hover, ul#parent li.sfHover, ul#parent li a.link:focus, ul#parent li a.link:hover, ul#parent li a.link:active {background-position: bottom;} 
ul#parent a.link:hover{text-indent:-5000px; overflow:hidden; background:transparent;}
ul#parent li.selected {background-position: bottom;} 
ul#parent li.selected.sfHover {background-position: bottom;} 


/*** ESSENTIAL STYLES ** */
.sf-menu,.sf-menu *{list-style:none;margin:0;padding:0;}

/*** SKIN ** */
.sf-menu{line-height:1.0;float:left;margin-bottom:1em;}
.sf-menu ul{position:absolute;top:-999em;width:144px;border: 1px solid #000;background: url(../images/hoverback.jpg) no-repeat top;}
.sf-menu ul li{width:100%;}

.sf-menu li:hover{visibility:inherit;}
.sf-menu li{float:left;position:relative;text-align:center}
.sf-menu a{display:block;position:relative;text-decoration:none;padding:.75em 1em;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:56px;z-index:99;}
.sf-menu a,.sf-menu a:visited{font:12px normal Arial Narrow, Helvetica, Arial, Sans-Serif; color:#174990;}
.sf-menu li	{background: url(../images/underline.png) no-repeat bottom;}
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{background:#d4e1f6;outline:0;}


/* apply hovers to modern browsers  
*/a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator{background-position:-10px -100px;}
.sf-menu ul a > .sf-sub-indicator{background-position:0 0;}

/*** shadows for all but IE6 ** */
.sf-shadow ul{background:url('../images/shadow.png') no-repeat bottom right;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px;padding:0 8px 9px 0;}
.sf-shadow ul.sf-shadow-off{background:transparent;}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:10em;top:0;}
.sf-menu ul .sf-sub-indicator,.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator{background-position:-10px 0;}