﻿/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */

.menu5ms
{
    position: relative;
    font-size: 9pt;
    height: 24pt;
    padding-left:55px;  /* MARGE GAUCHE POUR DEMARRER MENU */
    list-style-type: none;
    z-index: 100;
    
}
.menu5ms ul
{
    padding: 0px;
    margin: 0px;
    list-style-type: none; /* for Firefox */
    
}
.menu5ms li
{
    float: left;
    position: relative;
    width:200px;  /* ecart entre menu */
    
    /*width:180px;   ECART ENTRE TITRES MENUS */
}

.menu5ms li a, .menu5ms li a:visited
{
    display: block;
    text-decoration: none;
     /*width: 16em; LARGEUR TITRES MENUS */
    color: #ffffff;
    float: left;
    padding-right: 10px;
    height: 3em;
    line-height: 2em;
  
}
.menu5ms li a:hover
{
    color: #ffff00; 
}
* html .menu5ms li a, .menu5ms li a:visited
{
    /*width: 7em;*/
}
.menu5ms li a.drop, .menu5ms li a.drop:visited
{
    font-weight: bold;
}
.menu5ms li ul
{
    visibility: hidden;
    position: absolute;
    top: 2.5em;
    left: 0;
    height: 0;
    overflow: hidden;
}
.menu5ms table
{
    margin: -1px;
    border-collapse: collapse;
    /*width:150px;*/
    /* font-size: 1em;  font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5ms li:hover a, .menu5ms li a:hover
{
    text-decoration: none;
    border: 0;
}
.menu5ms li:hover ul, .menu5ms li a:hover ul
{
    visibility: visible;
    height: auto;
    width: 150px; /* largeur sous menu */
    left: 0px;
    /*top: 2.5em;*/
    top:30px;    
    overflow: visible;
    background-color: #212121;
    border:solid 1px #525252;
}



.menu5ms li:hover ul li a, .menu5ms li a:hover ul li a
{
    display: block;
    font-weight: normal;
    background: transparent;
    text-decoration: none;
    height: auto;
    line-height: 12px;    
    padding: 6px;
    width: 140px; /* largeur lien sous menu */
}


* html .menu5ms li a:hover ul li a
{
    width: 100px;
}

/*
.menu5ms li:hover ul li a.drop, .menu5ms li a:hover ul li a.drop
{
    font-weight: bold;
}
.menu5ms li:hover ul li ul, .menu5ms li a:hover ul li a ul
{
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 9.5em;
    
    height: 0;
    overflow: hidden;
    
}
.menu5ms li:hover ul li a:hover, .menu5ms li a:hover ul li a:hover
{
    text-decoration: underline;
}
.menu5ms li:hover ul li:hover ul, .menu5ms li a:hover ul li a:hover ul
{
    visibility: visible;
    color: #ffffff;
    height: auto;
    width: 9.5em;
}
.menu5ms li:hover ul li:hover ul.left, .menu5ms li a:hover ul li a:hover ul.left
{
    left: -9.3em;
}
.menu5ms li:hover ul li:hover ul li a, .menu5ms li a:hover ul li a:hover ul li a
{
    display: block;
    height: auto;
}
.menu5ms li:hover ul li:hover ul li:hover a, .menu5ms li a:hover ul li a:hover ul li a:hover
{
    text-decoration: none;
}

*/
