/*style du menu*/ /* OVERRIDE FOR DEFAULT EZWEBIN STYLES */

/* ================================================================ 
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.
=================================================================== */



.menu
{
font-size: 11px; margin: 0 0 0 10px; padding: 2px 0 0 0; height: 26px; width: 850px; display: block; background: #fff; float: left;
}


.menu ul 
{
padding: 0;
list-style-type: none !important; 
z-index: 1000; 
background: #fff;
margin: 1px 0 0 0;
font-size:12px;
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
}


.menu ul li 
{
position: relative; 
z-index: 1000; 

list-style-type: none !important;
display: box;
float: left;
padding: 0;
margin: 0;
color: #999;
background: #f8f4f1;
border-bottom: 2px solid #dceaeb;
}

.menu ul li ul li {border-bottom: none;}


/* red: #ea303e;*/

/* orange: #ea303e */

/*
.menu li.selected  {border-bottom: 3px solid #fff; background: #ea303e;}
*/


/*
.menu ul li a {display: block;  padding: 4px 6px 4px 6px; margin: 0; color: #666; border-right: 1px solid #0064b2;  line-height: 100%; background: #fff;}
.menu ul li a:link    {color: #0064b2; background: #fff; text-decoration: none;}
.menu ul li a:active  {color: #0064b2; background: #fff; text-decoration: none;}
.menu ul li a:visited {color: #0064b2; background: #fff; text-decoration: none;}
.menu ul li a:hover  {color: #fff; background: #ea303e; text-decoration: none; width:auto;}
*/

.menu ul li a        {display: block;  padding: 4px 7px 4px 7px; margin: 0; color: #666;     
                         border-top: 1px solid #ccc; border-right: 1px solid #ccc;  line-height: 13px;}  
.menu ul li a:link    {color: #666; background: #f8f4f1; text-decoration: none;}
.menu ul li a:active  {color: #666; background: #f8f4f1; text-decoration: none;}
.menu ul li a:visited {color: #666; background: #f8f4f1; text-decoration: none;}
.menu ul li a:hover  {color: #666; background: #fff; text-decoration: none;}   

.menu ul li.selected a {float:left; position:relative; z-index: 1000; color: #999; background: #ea303e;}  
.menu ul li.selected a:link    {color: #fff; background: #ea303e; text-decoration: none;}
.menu ul li.selected a:active  {color: #fff; background: #ea303e; text-decoration: none;}
.menu ul li.selected a:visited {color: #fff; background: #ea303e; text-decoration: none;}
.menu ul li.selected a:hover  {color: #fff; background: #ea303e; text-decoration: none;}


.menu ul li a {float:left; position:relative; z-index: 1000; color: #999; background: #ea303e;}  
.menu ul li a.selected:link    {color: #fff; background: #ea303e; text-decoration: none;}
.menu ul li a.selected:active  {color: #fff; background: #ea303e; text-decoration: none;}
.menu ul li a.selected:visited {color: #fff; background: #ea303e; text-decoration: none;}
.menu ul li a.selected:hover  {color: #fff; background: #ea303e; text-decoration: none;}
                         
.menu ul li ul {display: none; color: #999; background: #f8f4f1; font-size: 100%; }
.menu table {margin: 0; border-collapse:collapse; position: absolute; top: 0px; left: 0;  background: #f8f4f1;}

.menu table tr td ul li {letter-spacing: 0.0em !important;}




/* specific to non IE browsers */
.menu ul li:hover ul {display:block;position:absolute; top: 22px; margin-top:0px; left: -1px; width:200px; border-bottom:1px solid #ccc;}
.menu ul li:hover ul.endstop {left:-92px;}
.menu ul li:hover ul li ul {display: none; }
.menu ul li:hover ul li a {display:block;background: #f8f4f1;color:#666;height:auto;line-height:15px;padding:4px 16px; width:176px; border:1px solid #ccc; border-bottom:0;filter: alpha(opacity=100); -moz-opacity: 1.0; opacity:1.0; }

.menu ul li:hover ul li a.drop {/*background:#ccd url(../images/bullet.gif) no-repeat 3px 8px;*/}
.menu ul li:hover ul li a:hover {color:#fff; background: #ea303e;}
.menu ul li:hover ul li a:hover.drop {background: #ea303e; /*url(../images/bullet.gif) no-repeat 3px 8px;*/}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:209px; top:0px;}
.menu ul li:hover ul li:hover ul.left {left:-209px;}

/*
.menu ul li ul li ul li {
	border: 2px solid red ;
	}
*/

/* Added to hide the 3 level */
.menu ul li:hover ul li:hover ul li ul {display: none;}

/* Added to display the 4 level */
.menu ul li:hover ul li:hover ul li:hover ul {display: block;}

/* Added to hide the 4 level */
.menu ul li:hover ul li:hover ul li ul {display: none;}

/* Added to display the 4 level */
.menu ul li:hover ul li:hover ul li:hover ul {display: block;}

/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {display:block;position:absolute;top:22px; t\op:22px; background:#fff;left:-1px; border-bottom:1px solid #ccc;}

.menu ul li a:hover ul.endstop {left: -92px;}
.menu ul li a:hover ul li a {display:block;background:#fff;color:#666; height:1px; line-height:15px; padding:4px 16px; width:200px; w\idth:176px; border:1px solid #ccc; border-bottom:0;}
.menu ul li a:hover ul li a.drop {/*background: #ea303e; url(../images/bullet.gif) no-repeat 3px 8px;*/ padding-bottom:4px;}
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;}

/* Added to hide level 4 */
.menu ul li a:hover ul li a:hover ul li ul {visibility:hidden; position:absolute; height:0; width:0;}

/* Added to display level 4 */
.menu ul li a:hover ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; top:0;color:#000; left:209px;}

/* Added to display level 4 on the left */
.menu ul li a:hover ul li a:hover ul li a:hover ul.left {left:-209px;}

.menu ul li a:hover ul li a:hover {color:#fff; background: #ea303e;}
.menu ul li a:hover ul li a:hover.drop {background: #ea303e; /*url(../images/bullet.gif) no-repeat 3px 8px;*/}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; top:0;color:#000; left:209px;}
.menu ul li a:hover ul li a:hover ul.left {left:-209px;}





















/* OVERRIDE FOR DEFAULT EZWEBIN STYLES */

/* ORDERED AND UNORDERED LISTS */

div.menu ul, ol
{
    margin: 0;
    padding: 0;
}

div.menu ul ul, ol ul
{
    margin: 0;
}

div.menu ul ol, ol ol
{
    margin: 0;
}

div.menu li
{
    margin: 0;
    padding: 0;
    line-height: 1em;
}