@charset "UTF-8";

/** 
* Fichier CSS pour le layout (header, footer)
* 
* LICENSE:   Ce programme est un logiciel libre ; vous pouvez le redistribuer ou le
* modifier suivant les termes de la “GNU General Public License” telle que
* publiée par la Free Software Foundation : soit la version 3 de cette
* licence, soit (à votre gré) toute version ultérieure.
* Ce programme est distribué dans l’espoir qu’il vous sera utile, mais SANS
* AUCUNE GARANTIE : sans même la garantie implicite de COMMERCIALISABILITÉ
* ni d’ADÉQUATION À UN OBJECTIF PARTICULIER. Consultez la Licence Générale
* Publique GNU pour plus de détails.
* Vous trouverez une copie de la Licence Générale Publique GNU
* dans [EN] /docs/license/license_en.pdf et [FR] /docs/license/license_fr.pdf ;
* si ce n’est pas le cas, consultez :
* [EN] http://www.gnu.org/licenses/gpl.html
* [FR] http://www.april.org/files/groupes/trad-gpl/doc/GPLv3/www.rodage.org/gpl-3.0.fr.html
* 
* @author     Vincent Guédé (vincent.guede@ac-bordeaux.fr)
* @copyright  Copyright (c) 2007-2009, Vincent Guédé (vincent.guede@ac-bordeaux.fr) - Tous droits réservés
* @license    http://www.gnu.org/licenses/gpl.html  GNU/GPL License 3.0
* @version    $Revision: 176 $ $Date: 2009-10-22 01:01:51 +0200 (jeu., 22 oct. 2009) $ $Author: vguede $ 
* @since      Ce fichier est disponible depuis la version 0.5.0 
*/

/* ---------------- headers et menus hauts----------------- */
#header {
    background-image: url(../../images/menus/headerBackground.gif);
    background-repeat: repeat-x;
    width: 100%;
    padding: 0;
    margin: 0;
}

#header p, #generalTitle p {
    text-indent: 0;
}

#headerLogo {
    margin-left: 10px;
}

#headerEtab {
    position: absolute;
    top: 18px;
    left: 210px;
}

#headerEtab, #headerEtab p {
    padding: 0;
    margin: 0;
    color: white;
    font-size: 110%;
}

#mainMenu {
    background-image: url(../../images/menus/mainMenuBackground.gif);
    background-repeat: repeat-x;
    width: 100%;
    height: 25px;
    position: absolute;
    top: 53px;
    right: 0;
    text-align: right;
    padding-top: 2px;
}

#mainMenu ul {
    margin: 0;
    padding: 0;
}

#mainMenu ul li {
    list-style-type: none;
    display: inline;
    color: white;
    padding: 0 10px;
}

#mainMenu ul li img {
    vertical-align: bottom;
}

#mainMenu ul li a,#mainmenu ul li a:visited {
    text-decoration: none;
    color: white;
}

#mainMenu ul li a:hover,#mainmenu ul li a:active {
    color: #0287c9;
}

#mainMenu ul#spaces {
    position : absolute;
    top: 2px;
    left : 0px;
    padding: 0;
    margin: 0;
}
#mainMenu ul#spaces li#spaceName {
    font-size: 110%;
    color: white;
    font-weight: bold;
    padding: 1px 10px 2px 10px;
    margin-right: 5px;
    background-color: #3899c9;
    border: 1px solid #525C3D;
}
#spaceName .error {
}

#mainMenu ul#spaces li.otherSpace {
    padding: 0;
    margin: 0;
}
#mainMenu ul li.otherSpace a {
    font-size: 100%;
    color: white;
    padding: 2px 10px 2px 10px;
    margin: 0;
    background-color: #0287c9;
    border: 1px solid #525C3D;
}
#mainMenu ul li.otherSpace a:hover, #mainMenu ul li.otherSpace a:active {
    background-color: #3899c9;
}

#headerLogout {
    position: absolute;
    bottom: 0px;
}


/* ----------------Tab menu----------------- */
#tabMenuGlobal {
    position: absolute;
    top: 90px;
    width: 100%;
    font-size: 100%;
}

#tabMenu {
    position: absolute;
    top: 0px;
    margin: 0 0 10px 0;
    float: left;
    width: 100%;
    padding-left: 0px;
    line-height: normal;
    background: #FFFFFF url(http://osiris.clisthene.org/images/menus/tabBackground.gif) repeat-x
        bottom;
}

ul.tabMenu {
    margin: 0;
    padding: 0 15px;
    list-style: none;
}

li.tabMenuInactive {
    float: left;
    background: url("http://osiris.clisthene.org/images/menus/tabInactiveRight.gif") no-repeat right
        top;
    margin: 0;
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #525C3D;
}

a.tabMenuInactive:link,a.tabMenuInactive:visited,a.tabMenuInactive:hover
    {
    color: #3F5A3F;
    float: left;
    display: block;
    background: url("http://osiris.clisthene.org/images/menus/tabInactiveLeft.gif") no-repeat left
        top;
    padding: 3px 8px;
    font-size: 80%;
    text-decoration: none;
}

li.tabMenuActive {
    float: left;
    background: url("http://osiris.clisthene.org/images/menus/tabActiveRight.gif") no-repeat right
        top;
    margin: 0;
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DCF3C2;
}

a.tabMenuActive:link,a.tabMenuActive:visited,a.tabMenuActive:hover {
    color: #3F5A3F;
    float: left;
    display: block;
    background: url("http://osiris.clisthene.org/images/menus/tabActiveLeft.gif") no-repeat left top;
    padding: 3px 8px;
    font-size: 80%;
    text-decoration: none;
}

/* ---------------- sub tab menu----------------- */
#subTabMenu {
    position: absolute;
    top: 25px;
    float: left;
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
    line-height: normal;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #525C3D;
    padding-bottom: 5px;
}

ul.subTabMenu {
    margin: 0;
    padding: 0;
    list-style: none;
}

li.subTabMenuInactive {
    float: left;
    margin: 0;
    padding: 0;
}

a.subTabMenuInactive {
    float: left;
    display: block;
    background-color: white;
    padding: 3px 10px 3px 12px;
    font-size: 80%;
    text-decoration: none;
}

a.subTabMenuInactive:link,a.subTabMenuInactive:visited {
    color: #3F5A3F;
}

a.subTabMenuInactive:hover,a.subTabMenuInactive:active {
    color: #0287C9;
}

li.subTabMenuInactiveNoLink {
    float: left;
    display: block;
    background-color: white;
    padding: 3px 10px 3px 12px;
    font-size: 80%;
    color: #606060;
    font-style: italic;
}

li.subTabMenuActive {
    float: left;
    margin: 0;
    padding: 0;
}

a.subTabMenuActive {
    float: left;
    display: block;
    background-color: white;
    padding: 3px 10px 3px 12px;
    font-size: 80%;
    text-decoration: none;
}

a.subTabMenuActive:link,a.subTabMenuActive:visited {
    font-weight: bold;
    color: #3F5A3F;
}

a.subTabMenuActive:hover,a.subTabMenuActive:active {
    font-weight: bold;
    color: #0287C9;
}

li.subTabMenuActiveNoLink {
    float: left;
    display: block;
    background-color: white;
    padding: 3px 10px 3px 12px;
    font-size: 80%;
    color: #606060;
    font-style: italic;
    font-weight: bold;
}

/* ---------------- footer et menu bas----------------- */
.topPageLink {
    margin: 30px 4% 10px 0;
    text-align: right;
}

#footer {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #525C3D;
    position: relative;
    bottom: 0;
    width: 100%;
    margin: 0;
    margin-top: 20px;
    text-align: center;
    padding: 2px;
}

#footer p a,#footer p a:visited {
    text-decoration: none;
    color: #525C3D;
    padding: 0;
    margin: 0;
}

#footer p a:hover,#footer p a:active {
    color: #0287c9;
}