/**
 * @fichier header.css
 * @version 2.0.0.0
 * @auteur  Stéphane RIO et Damien Guillaume
 * @email   stephane.rio@univ-rennes1.fr
 * @date    19.06.2006
*/

/* Règle : <div id="header"> */

div#header
{
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 96px;
    background: transparent url(../../navigation/interface/background_header.gif) repeat-x 0px 36px;
    overflow: hidden;
}

/* Règle : <div id="header"> <div id="titre-axe"> */

div#header div#titre-axe
{
    float: left;
    display: block;
    width: 100px;
    height: 96px;
    background: transparent url(../../navigation/interface/logo.png) no-repeat;
}

/* Règle : <div id="header"> <div id="titre-axe"> <h1> */

div#header div#titre-axe h1
{
    display: none;
}

/* Règle : <div id="header"> <div id="titre-module"> */

div#header div#titre-module
{
    position: absolute;
    left: 0px;
    top: 36px;
    width: 100%;
    background-color: transparent;
}

/* Règle : <div id="header"> <div id="titre-module"> <h2> */

div#header div#titre-module h2
{
    margin: 0px 0px 0px 100px;
    padding: 15px 15px 0px 0px;
    height:45px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 3px;
    text-align: right;
    text-transform: uppercase;
    background: transparent url(../../navigation/interface/photo_header.jpg) no-repeat top right;
}

/* Règle : <div id="header"> <div id="titre-module"> <h2> <span class="sous-titre"> */

div#header div#titre-module h2 .sous-titre
{
    font-size: 14px;
}


/* Règle : <div id="header"> <div id="menu-haut"> */

div#header div#menu-haut
{
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
}

/* Règle : <div id="header"> <div id="menu-haut"> <ul> */

div#header div#menu-haut ul
{
    margin: 16px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

/* Règle : <div id="header"> <div id="menu-haut"> <ul> <li> */

div#header div#menu-haut ul li
{
    float: left;
    margin: 0px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* Règle : <div id="header"> <div id="menu-haut"> <ul> <li> <a> */

div#header div#menu-haut ul li a
{
    display: block;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
}

/* Règle : <div id="header"> <div id="menu-haut"> <ul> <li> <a id="rubrique1"> <span> */

div#header div#menu-haut ul li a#rubrique1:link,
div#header div#menu-haut ul li a#rubrique1:active,
div#header div#menu-haut ul li a#rubrique1:visited
{
    color: #000;
    background-color: transparent;
}

div#header div#menu-haut ul li a#rubrique1:hover
{
    color: #fab43f;
    background-color: transparent;
}

div#header div#menu-haut ul li a#rubrique1.current:link,
div#header div#menu-haut ul li a#rubrique1.current:active,
div#header div#menu-haut ul li a#rubrique1.current:visited,
div#header div#menu-haut ul li a#rubrique1.current:hover
{
    cursor: default;
    color: #e0570a;
    background-color: transparent;
}

/***/

div#header div#menu-haut ul li a#rubrique2:link,
div#header div#menu-haut ul li a#rubrique2:active,
div#header div#menu-haut ul li a#rubrique2:visited
{
    color: #000;
    background-color: transparent;
}

div#header div#menu-haut ul li a#rubrique2:hover
{
    color: #fab43f;
    background-color: transparent;
}

div#header div#menu-haut ul li a#rubrique2.current:link,
div#header div#menu-haut ul li a#rubrique2.current:active,
div#header div#menu-haut ul li a#rubrique2.current:visited,
div#header div#menu-haut ul li a#rubrique2.current:hover
{
    cursor: default;
    color: #e0570a;
    background-color: transparent;
}

/***/

div#header div#menu-haut ul li a#rubrique3:link,
div#header div#menu-haut ul li a#rubrique3:active,
div#header div#menu-haut ul li a#rubrique3:visited
{
    color: #000;
    background-color: transparent;
}

div#header div#menu-haut ul li a#rubrique3:hover
{
    color: #fab43f;
    background-color: transparent;
}

div#header div#menu-haut ul li a#rubrique3.current:link,
div#header div#menu-haut ul li a#rubrique3.current:active,
div#header div#menu-haut ul li a#rubrique3.current:visited,
div#header div#menu-haut ul li a#rubrique3.current:hover
{
    cursor: default;
    color: #e0570a;
    background-color: transparent;
}

/***/

div#header div#menu-haut ul li a#rubrique4:link,
div#header div#menu-haut ul li a#rubrique4:active,
div#header div#menu-haut ul li a#rubrique4:visited
{
    color: #000;
    background-color: transparent;
}

div#header div#menu-haut ul li a#rubrique4:hover
{
    color: #fab43f;
    background-color: transparent;
}

div#header div#menu-haut ul li a#rubrique4.current:link,
div#header div#menu-haut ul li a#rubrique4.current:active,
div#header div#menu-haut ul li a#rubrique4.current:visited,
div#header div#menu-haut ul li a#rubrique4.current:hover
{
    cursor: default;
    color: #e0570a;
    background-color: transparent;
}

/* Règle : <div id="header"> <div id="menu-haut"> <ul> <li> <a> <span> */

div#header div#menu-haut ul li a span
{
    display: block;
}

/* FIL D'ARIANE */

div#breadcrumb
{
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 1px 15px;
    font-size: 12px;
    color: #333;
    background: #B0B0B0;
}

div#breadcrumb a:link,
div#breadcrumb a:active,
div#breadcrumb a:visited
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

div#breadcrumb a.niveauorg:link,
div#breadcrumb a.niveauorg:active,
div#breadcrumb a.niveauorg:visited
{
    color: #00525D;
}

div#breadcrumb a:hover
{
    color: #00626D;
    font-weight: bold;
    text-decoration: none;
}

div#breadcrumb a.niveauorg:hover
{
    color: #00626D;
}
