/*
  style.css
  WHM : Wiki Hyper Media
  (c) Olivier Pirson --- http://www.opimedia.be/
  8 août 2011
*/

[title] { cursor: help; }



body {
    background-color: #FFFFF5;
    background-image: url("../img/background_puzzle_1600x1600.jpg");
    background-repeat: no-repeat;

    border-color: #927F66;
    font-family: Arial, sans-serif;
    margin: 0px;
}

h1,
h2,
h3 { margin: 0px 0px 1ex 0px; }

h1 { font-size: 150%; }

h2 {
    font-size: 120%;
    margin-top: 3ex;
}

h3 { font-size: 110%; }

h1 span,
h2 span {
    border-bottom: solid 1px #927F66;
    padding: 0px 1ex 2px 0px;
}

fieldset {
    background-color: white;

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

fieldset input[type=password],
fieldset input[type=text] { background-color: #FFFFF5; }


a:hover { text-decoration: underline ! important; }

a.mail:link {
    background-color: inherit;
    color: green;
}
a.mail:visited {
    background-color: inherit;
    color: olive;
}

a.relative { color: black; }



/*
 * Styles fixes
 */
.black { color: black ! important; }

.center { text-align: center ! important; }

.clear-float { clear: both ! important; }

.display-none { display: none ! important; }

.float-left { float: left ! important; }

.float-right { float: right ! important; }

.noborder { border-style: none ! important; }

.nodecoration { text-decoration: none ! important; }

.noweight { font-weight: normal ! important; }

.red { color: red ! important; }

.right { text-align: right ! important; }

.small-caps { font-variant: small-caps ! important; }



/*
 * Panneau pour le contenu
 */
#panel-content {
    background-color: #FFFFF5;
    left: 162px;
    padding: 2ex 1em;
    position: absolute;
    top: 68px;
}

#panel-content-border-top-left {
    background-color: transparent;

    border-color: #927F66;
    border-style: solid none none solid;
    border-width: 2px 0px 0px 2px;

    left: 160px;
    height: 18px;
    position: absolute;
    top: 66px;
    width: 18px;
}

#panel-content-border-top-left-radius {
    background-color: transparent;

    border-color: #927F66;
    border-style: solid none none solid;
    border-width: 2px 0px 0px 2px;

    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;

    left: 160px;
    height: 18px;
    position: absolute;
    top: 66px;
    width: 18px;
}



/*
 * Panneau pour le logo (en haut à gauche)
 */
#panel-logo {
    height: 50px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 148px;
    z-index: 11;
}

#panel-logo img { padding: 7px 11px 7px 9px; }



/*
 * Panneau pour le message (en haut au milieu)
 */
#panel-message {
    position: absolute;
    text-align: center;
    top: 5px;
    width: 100%;
    z-index: 1;
}



/*
 * Panneau pour le menu (à gauche, en dessous-du logo)
 */
#panel-menu {
    background-color: #FFFFF5;

    border: solid 2px #927F66;

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;

    left: 5px;
    padding: 5px;
    position: absolute;
    top: 66px;
    width: 138px;
}

#panel-menu #subpanel-menu { margin: 2ex 0px 2ex; }


#panel-menu #subpanel-search {
    left: -4px;
    margin: 2ex 0px 2ex;
    position: relative;
}

#panel-menu #subpanel-search fieldset {
    padding: 1ex 5px 1ex 2px;
    width: 133px;
}

#panel-menu #subpanel-search fieldset input[name=search] { width: 129px; }


#panel-menu #xhtml-validate {
    bottom: -20px;
    height: 0px;
    position: relative;
    text-align: center;
}


/*
 * Partie pour les 10 derniers documents (à gauche en dessous du menu)
 */
#panel-menu #subpanel-last10 ol {
    font-size: smaller;
    margin: 0px 0px 3ex;
    padding: 0px 0px 0px 3ex;
}

#panel-menu #subpanel-last10 ol li {
    height: 2.5ex;
}

#panel-menu #subpanel-last10 ol li a {
    clip: rect(auto, 130px, auto, auto);
    cursor: pointer;
    font-style: italic;
    margin-left: -1ex;
    position: absolute;
    white-space: nowrap;
}


/*
 * Partie pour le top 10 (à gauche en dessous du menu)
 */
#panel-menu #subpanel-top10 ol {
    font-size: smaller;
    margin-top: 0px;
    padding: 0px 0px 0px 3ex;
}

#panel-menu #subpanel-top10 ol li {
    height: 2.5ex;
}

#panel-menu #subpanel-top10 ol li a {
    clip: rect(auto, 130px, auto, auto);
    cursor: pointer;
    font-style: italic;
    margin-left: -1ex;
    position: absolute;
    white-space: nowrap;
}



/*
 * Panneau pour le menu personnel (en haut à droite)
 */
#panel-personal {
    background-color: #FFFFF5;

    border: solid 2px #927F66;

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;

    height: 32px;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 21;
}

#panel-personal img.user-icon {
    background-color: #FFFFF5;
    border-style: none;
    text-decoration: none;
    vertical-align: top;
}

#panel-personal ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

#panel-personal ul li { float: left; }

#panel-personal ul li a {
    display: block;
    height: 30px;
    margin: 0px;
    padding: 5px 1ex 0px;
    text-decoration: none;
}