/* MENU PRINCIPAL */
#navigation {
position:relative;
width:167px;
float:left;
z-index:100;
/*border:1px solid lime;*/
}
*html body#produit div#page #navigation,
*html body#diagnostic div#page #navigation,
*html body#produit_pro div#page #navigation,
*html body#produit_orthese div#page #navigation {
position:absolute;
left:0px;
}
body#produit div#page #navigation,
body#produit_pro div#page #navigation,
body#produit_orthese div#page #navigation {
position:absolute;
left:0px;
margin-top:10px;
}

/* comportement js associe à cet element -> cf png.js, fonction mouseOverPremierNiveau et mouseOutPremierNiveau */
#navigation dl dd.premierNiveau {
display:none;
}
#navigation dl dt {
position:relative;
margin-bottom:8px;
/*height:26px;*/
}
#navigation dl dt a {
display:block;
background-color: #0062AC;
padding:2px 0 2px 8px;
color: #FFFFFF;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
}
#navigation dl dt a:hover {
background-color:#F08711;
}
#navigation dl dd  {
display:block;
margin-bottom:-1px;
}
#navigation dl dd li {
list-style-type:none;
margin-left:0px;
height:20px;
line-height:20px;
margin-top:-3px;
margin-bottom:6px;
display:block;
/*border:#FF0000 1px solid;*/
}
* html #navigation dl dd li { /* IE */
margin-left:-15px;
}
*+html #navigation dl dd li { /* IE7 */
margin-left:-15px;
}
#navigation dl dd li a {
display: block;
color: #0062AC;
font-size:12px;
text-decoration:none;
border-bottom:1px solid #0062AC;
padding-left:8px;
height:100%;
/*border:#FF00FF 1px solid;*/
}
#navigation dl dd li.last a {
border-bottom:none;
}
#navigation dl dd li.last ul li a {
border-bottom:1px solid #0062AC;
}
#navigation dl dd li.first a {
/*margin-top:-6px;*/
}
/* sous-menu contextuel */
#navigation dl dd li ul li {
/*margin-top:8px !important;*/
margin-top:0px;
height:20px;
/*border:#9900FF 1px solid;*/
}
*html #navigation dl dd li ul li { /* IE */
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
/*border:#FF0000 1px solid;*/
}
*+html #navigation dl dd li ul li { /* IE7 */
margin-left:0px;
margin-top:-1px;
}
#navigation dl dd.premierNiveau,
#navigation dl dd li ul {
position:absolute;
margin-top:-22px;
left:170px;
width:280px;
display:none; /* changé en 'block' par js */
background-color:#FFFFFF;
border:1px solid #0062AC;
}
#navigation dl dd.premierNiveau li {
margin-top:-1px;
}
*html #navigation dl dd.premierNiveau li { /* IE */
height:20px;
line-height:20px;
margin-left:-17px;
margin-bottom:0px;
}
*+html #navigation dl dd.premierNiveau li { /* IE7 */
margin-left:-16px;
}
#navigation dl dd.premierNiveau li a,
#navigation dl dd li ul li a {
text-transform:uppercase;
font-size:10px;
font-weight:bold;
padding:3px;
color:#0062AC;
font-weight:bold;
height:100%;
/*border:#CC9900 1px solid;*/
}
#navigation dl dd.premierNiveau li a:hover,
#navigation dl dd li ul li a:hover {
color:#FFFFFF;
background-color:#3DAFAA;
}
/* FIN sous-menu contextuel */
#navigation dl dd.premierNiveau {
margin-top:-24px !important;
}
#navigation dl dt.particuliers,
#navigation dl dt.sportif,
#navigation dl dt.proSante {
height:61px;
margin-bottom:6px;
}
#navigation dl dt.particuliers a,
#navigation dl dt.sportif a,
#navigation dl dt.proSante a {
display:block;
width:160px;
height:61px;
text-indent:-5000px;
}
#navigation dl dt.particuliers a:hover,
#navigation dl dt.sportif a:hover,
#navigation dl dt.proSante a:hover {
background-color: #FFFFFF;
}
#navigation dl dt.sportif a {
background:url(../images/btn_sportif.gif) no-repeat left top;
}
#navigation dl dt.proSante a {
background:url(../images/btn_proSante.gif) no-repeat left top;
}
#navigation dl dt.particuliers a {
background:url(../images/btn_particuliers.gif) no-repeat left top;
}
#navigation dl dd.proSante {
margin-top:-60px !important;
/*width:230px;*/
}
#navigation dl dt.secretVegetal a {
background:url(../images/fd_secretVegetal.jpg) no-repeat left top;
height:86px;
text-indent:-5000px;
}
#navigation dl dt.feetlife {
display:none;
}
/* numero indigo */
dt.indigo a {
position:relative;
background:url(../images/numero_indigo.gif) no-repeat left top #FFFFFF !important;
width:152px;
height:23px;
margin-left:5px;
margin-bottom:10px;
text-indent:-5000px;
}
*html #navigation div.clear {
margin-top:20px;
}
/* bouton flash FEETLIFE */
#navigation embed {
position:relative;
margin-left:20px;
}

/* PIED DE PAGE MILLET */
#footer {
position:absolute;
bottom:-30px;
left:0px;
width:100%;
height:21px;
background: url(../images/logo_millet_footer.jpg) no-repeat left top #99A7A8 ;
}
#footer ul#menuPied ul {
height:21px;
}
#footer ul#menuPied li {
position:relative;
display:block;
float:left;
margin-right:3px;
color:#FFFFFF;
font-size:10px;
list-style-type:none;
padding-top:4px;
}
#footer ul#menuPied li a {
color:#FFFFFF;
display:block;
float:left;
height:17px;
text-transform:uppercase;
font-size:11px;
text-decoration:none;
}
#footer ul#menuPied li span {
display:block;
float:left;
height:17px;
padding-top:4px;
}
/* bouton accueil */
#footer ul#menuPied li.home a {
position:relative;
padding-left:100px;
}