#ombre { background: url(/img/UI/bkg/ombre.gif); height: 10px; width: auto; _overflow: hidden; border-left: 1px solid #bbb; border-right: 1px solid #bbb; }

.path { padding: 0 5px; font-size: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

.navigation { position: relative; width: 780px; xheight: 26px; font: normal 12px "Trebuchet MS", Tahoma, Geneva, sans-serif; _font-weight: bold; background-color: #226556; margin: 0; padding: 0; border-top: 1px solid #243; z-index: 100; }

.navigation .switchLang { float: right; margin: 0px; padding: 0; }
.navigation .switchLang a { display: block; float: left; padding: 5px 15px; margin: 0; color: #fff; text-decoration: none; border-bottom: 1px solid #265; border-top: 1px solid #265; }
.navigation .switchLang a:hover { text-decoration: none; background: #4E9381; border-top: 1px solid #4E9381; }
.navigation .switchLang form { margin: 0; padding: 0; }
.navigation .switchLang form .input-text { margin: 2px; padding: 1px; font: normal 11px "Lucida Sans", "Lucida Grande", Tahoma, Geneva, sans-serif; color: #444; width: 150px; }
.navigation .switchLang form table       { margin-right: 2px; }
.navigation .switchLang form a           { display: block; width: 17px; height: 15px; background: transparent url(/img/UI/btn/search.gif) no-repeat; }
.navigation .switchLang form a:hover     { background-position: 0 -15px; }

.navigation .menubar   { float: left; margin: 0; padding: 0; }

/* Menubar horizontal */
ul#menubar { margin: 0; padding: 0; }
ul#menubar a { display: block; float: left; padding: 5px 15px; margin: 0; color: #fff; text-decoration: none; border-bottom: 1px solid #265; border-top: 1px solid #265; }
ul#menubar a:hover,
ul#menubar a:hover.highlighted,
ul#menubar a:focus { text-decoration: none; background: #4E9381; border-top: 1px solid #4E9381; } /* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
ul#menubar a.selected { text-decoration: none; background: #487; border-top: 1px solid #4E9381; } /* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
ul#menubar a:hover.selected { text-decoration: none; background: #598; border-top: 1px solid #4E9381; } /* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
ul#menubar a.noclick { cursor: default; }
ul#menubar a .subind { display: none; }

ul#menubar li { height: auto; float: left; display: block; position: relative; border-left: 1px solid #fff; background: #265; }
ul#menubar ul a .subind { display: block; float: right; }
ul#menubar ul a { float: none; }
ul#menubar ul li { float: none; margin: 0; padding: 0; }
ul#menubar ul li a:focus,
ul#menubar ul li a:hover,
ul#menubar ul li a.highlighted,
ul#menubar ul li a.highlighted:hover { background-color: #265; } 
ul#menubar ul>li:last-child { margin-bottom: 1px; } /* Mozilla fix */

/* Menus */
ul#menubar li ul { margin: 0; padding: 0; list-style: none; font-size: 11px; border: none; border-left: 1px solid #fff; }
ul#menubar li ul { display: none; position: absolute; top: 1.3em; margin-top: 0px; _width: 150px; }
ul#menubar li ul li { margin: -1px 0 0 0; padding: 0; border: none; background: #dee; position: relative; left: -1px; }
ul#menubar li ul li a { padding: 3px 15px; _width: 125px; color: #243; }
ul#menubar li ul li a:hover { color: #fff; background: #4E9381; border-top: 1px solid #265; }

/* Sous-menus */
ul#menubar li ul ul { margin-top: 1px; }
ul#menubar li ul li ul li { margin-top: -1px; border-left: 1px solid #265; }
ul#menubar li ul li ul li a { _width: 100%; border-top: 1px solid #7cb; }

ul#menubar .left1px  { left: 1px; }
ul#menubar .noBorderL { border-left: none; }
ul#menubar .menuitemTop { border-left: 1px solid #dee; }
ul#menubar .menuitemTop a { border-top: 1px solid #265; }

ul#menubar .salles ul li  { _width: 125px; }

a:hover.no-pointer  { cursor: default; color: #FFF !important; }

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    ul#menubar a#xyz { background-image: url(out.gif); }
    ul#menubar a#xyz:hover, ul#menubar a.highlighted#xyz, ul#menubar a:focus { background-image: url(over.gif); }
*/
/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html ul#menubar ul li { float: left; width: 120px; }
*:first-child+html ul#menubar ul li a { width: 116px; }
*:first-child+html .navigation { height: 30px; }
* html ul#menubar ul li { float: left; height: 1%; }
* html ul#menubar ul a { height: 1%; }
/* End Hacks */

.menubot { padding: 2px 5px; font-size: 10px; float: left; }
.menubot a { color: #226556; text-decoration: none; }
.menubot a:hover { text-decoration: underline; }