/* ************************************************************************* *
 * cleo.css - Cleobarre v2.5 (juin 2009)                                     *
 *                                                                           *
 * ie8 hack: http://idreamincode.co.uk/ie8-bugs#multipletypeidselector       *
 * ************************************************************************* */
#lodel-container #cleo, #lodel-container #breadcrumb {display:none}
#cleo *, #breadcrumb * {margin:0;padding:0;border:none}

#cleo {position:absolute; top:0; left:0; z-index:9999; overflow:hidden; background:#1E1E1E url(../images/cleo-bg.png) repeat-x left top; width:100%; height:2em}
#cleo form {padding:.3em 1em}
#cleo fieldset {display:inline}
#cleo select {width:30em; color:#777; background:#FFF; border:1px solid #999; font-size:.9em}
html>/**/body #cleo select, #ie8#fix {width:12em}
#cleo a { display:block; padding:.6em 1em; color:#CCC; text-decoration:none}
#cleo a:hover { color:#93CAF4}
#cleo ul {margin:0 3em}
#cleo li {float:left; list-style:none; font:.9em/1 Verdana, sans-serif; background:url(../images/cleo-bg.png) no-repeat 0 50%}
#cleo li.image a {padding:0 1.5em 0 0}
#cleo li.image img {vertical-align:top}
#cleo li.separator {background:url(../images/cleo-bg.png) no-repeat left bottom; margin-left:1.5em}

#breadcrumb {position:absolute; top:0; left:0; z-index:9998; overflow:hidden; background:#E7E7E7; color:#666; border-bottom:1px solid #BDBDBD; width:100%; height:2em; line-height:2em; padding-top:2em}
#breadcrumb a, #breadcrumb span.separator, #breadcrumb strong.current {display:block; float:left; font:normal .8em Verdana, sans-serif; padding:.6em .3em;}
#breadcrumb span.separator {width:13px; text-indent:9999px; overflow:hidden; background:url(../images/breadcrumb-home.gif) no-repeat -388px 50%}
#breadcrumb a {color:#999}
#breadcrumb a.home {padding-left:25px; background:url(../images/breadcrumb-home.gif) no-repeat left 50%}
#breadcrumb a:hover {color:#333}
#breadcrumb div div, #breadcrumb #crumbs {position:absolute; top:2em; left:2.7em}
#breadcrumb form {width:75em; margin:0 auto}
#breadcrumb fieldset, #breadcrumb p {text-align:right}
#breadcrumb select {font-size:.8em; width:12em; color:#666; background:#FFF; border:1px solid #BDBDBD; vertical-align:text-bottom}
#breadcrumb label {visibility:hidden; position:absolute; height:0; line-height:0}
#breadcrumb input {font-weight:bold; color:#444; cursor:pointer; vertical-align:middle; background:none; border:none}

#cleo optgroup, #breadcrumb optgroup {padding:.4em .5em; color:#222; background:#FFF; font-weight:bold}
#cleo option, #breadcrumb option {padding:0 .4em; color:#777}
#cleo select.loading, #cleo select.loading option, #breadcrumb select.loading, #breadcrumb select.loading option {color:#C00}