﻿
#menuUtilitaire{
    float:right;
    margin: 10px 30px 0 0;
    height: 20px;
    line-height: 20px;
}

.menu{
    padding-top:10px;
    position:absolute;
    bottom:0px;
    text-transform:uppercase;
}

.prodrop4 {
    padding:0 0 0 32px; 
    margin:0; 
    list-style:none; 
    height:26px; 
    position:relative; 
    z-index:500; 
    font-family:arial, verdana, sans-serif;
}

.prodrop4 li.top {
    display:block; 
    float:left;
}

.prodrop4 li a.top_link {
    display:block; 
    float:left; 
    height:40px; 
    text-decoration:none; 
    font-size:15px; 
    font-weight:bold; 
    color:#f3154e;
    padding:0 0 0 10px; 
    cursor:pointer;
 }

.prodrop4 li a.top_link span {
    float:left; 
    display:block; 
    padding:0 20px 0 10px; 
    height:40px;
    padding-right:18px;
    margin-left:-5px; 
}

.prodrop4 li a.top_link:hover {
    color:#000; 
}

.prodrop4 li a.top_link:hover span {
    color:#b28989; 
}

.prodrop4 li:hover > a.top_link {
    color:#000; 
}

.prodrop4 li:hover > a.top_link span {
    padding-right:18px;
    margin-left:-5px;
}


.prodrop4 table {
    border-collapse:collapse; 
    width:0; 
    height:0; 
    position:absolute; 
    top:0; 
    left:0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {
    visibility:visible; 
    position:relative; 
    z-index:200;
}

.prodrop4 li:hover {
    position:relative; 
    z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {
    position:absolute; 
    left:-9999px; 
    top:-9999px; 
    width:0; 
    height:0; 
    margin:0; 
    padding:0; 
    list-style:none;
}

.prodrop4 ul.sub1 {
    width:160px;
}

.prodrop4 ul.sub2 {
    width:110px;
}

.prodrop4 ul.sub3 {
    width:90px;
}

.prodrop4 ul.sub4 {
    width:112px;
}

.prodrop4 :hover ul {
    left:0; 
    top:28px; 
    background: url(bg_submenu.png) repeat-x white;
    padding:3px; 
    border:1px solid #ccc; 
    border-width:0 1px 1px; 
    white-space:nowrap; 
    width:auto;
    height:auto; 
    z-index:300;
}

.prodrop4 :hover ul li {
    display:block; 
    height:20px; 
    position:relative; 
    font-weight:normal; 
    width:auto;
}

.prodrop4 :hover ul li a {
    display:block; 
    font-size:11px; 
    height:20px; 
    line-height:20px; 
    width:auto; 
    padding:0 10px; 
    color:#000; 
    text-decoration:none;
}

.prodrop4 :hover ul li a:hover {
    background:#ddd; 
}