﻿#monmenu
{
    display: table;
    margin: auto;
}

div#monmenu ul
{
    display: table-row;
    float: left;
    line-height: 33px;
    margin: 1px 0px 0px 0px;
    padding: 0;
    list-style-type: none;
    text-align: center;
    color: White;
    width:auto;
}

div#monmenu li:hover
{
    background: #02CA6B;
}

#monmenu li a
{
    text-decoration: none;
    display: block;
    color: White;
    width: 120px;
}

/* Les niveaux > 1 sont plus larges */
#monmenu ul li ul li, #monmenu li ul li a
{
    width: 140px;
}

div#monmenu ul li
{
    display: table-cell;
    position: relative;
    list-style: none;
    float: left;
    width: 120px;
}

#monmenu ul.niveau1 li{display: block;}
#monmenu ul li ul.niveau2 li{display: block;}

#monmenu ul li ul li {text-align:left; text-indent:3px;}

#monmenu ul ul {display: none; left: 120px; top: 0px; position: absolute; margin:0px; padding: 0px; line-height: 25px;}
					
#monmenu ul.niveau2 {left: 0px; top: 33px;}
#monmenu ul.niveau3 {left: 140px; top: 0px;}
#monmenu ul.niveau4 {left: 140px; top: 0px;}

#monmenu li ul.niveau2{background-color: #009933;}
#monmenu li li ul.niveau3{background-color: #00C440;}
#monmenu li li li ul.niveau4{background-color: #00DD48;}
    
#monmenu li a {text-decoration:none; display:block; color:White;}

#monmenu li:hover, #monmenu li.sfhover{background-color: #02CA6B;}   

#monmenu li:hover ul.niveau2,
#monmenu li li:hover ul.niveau3,
#monmenu li li li:hover ul.niveau4,
#monmenu li.sfhover ul.niveau2,
#monmenu li li.sfhover ul.niveau3,
#monmenu li li li.sfhover ul.niveau4 {display: block}

#monmenu li.plus {background-position:95%; background-image: url(Design/fdroite.gif); background-repeat: no-repeat;}


/*#monmenu {
display:table;
margin:auto;
}

#monmenu ul
{
    float:left;
    display:table-row;
    
    line-height: 33px;
    margin: 1px 0px 0px 0px;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

#monmenu ul a{
display:block;
width:140px;
}	

#monmenu li 
{
    float:left;
min-width:140px;
 position: relative; white-space: nowrap;
}

#monmenu ul.niveau1 li {
	display:inline-block;
}
#monmenu ul li ul.niveau2 li{
	display:block;
}

#monmenu ul li ul li {text-align:left; text-indent:5px;}

#monmenu ul ul {display: none; left: 140px; top: 0px; position: absolute; margin:0px; padding: 0px; line-height: 25px;}
					
#monmenu ul.niveau2 {left: 0px; top: 33px;}
#monmenu ul.niveau3 {left: 140px; top: 0px;}
#monmenu ul.niveau4 {left: 140px; top: 0px;}

#monmenu li ul.niveau2{background-color: #009933;}
#monmenu li li ul.niveau3{background-color: #00C440;}
#monmenu li li li ul.niveau4{background-color: #00DD48;}
    
#monmenu li a {text-decoration:none; display:block; color:White;}

#monmenu li:hover, #monmenu li.sfhover{background-color: #02CA6B;}   

#monmenu li:hover ul.niveau2,
#monmenu li li:hover ul.niveau3,
#monmenu li li li:hover ul.niveau4,
#monmenu li.sfhover ul.niveau2,
#monmenu li li.sfhover ul.niveau3,
#monmenu li li li.sfhover ul.niveau4 {display: block}

#monmenu li.plus {background-position:95%; background-image: url(Design/fdroite.gif); background-repeat: no-repeat;}*/