/* 
  -- #header --
  http://-STATIC-/css/header.css
  Commun à tous les sites ( www / planet / forum / doc )

  les '../images' sont en relatif sur http://-STATIC-/images/

  v0.1 - 13/06/2010 - McPeter
  v0.2 - 07/12/2010 - McPeter xabilon
*/

#header{ 
  height:7.5em;
  margin-bottom:0px;
}

#header:after{ content:''; display:block; clear:both; }

  #logo{
    float:left;
    background-repeat:no-repeat;
  }
    #logo h1{ 
      margin:0;
      min-width:325px; min-height:65px; 
      text-indent:-9000px;
    }
    #logo a{
      position:absolute;
      margin-top:-65px;
      padding-top:65px;
      font-size:0.85em; 
      vertical-align:text-bottom;
    }

  #search {
    float:none;
    margin-left:auto;
    width:26em; height:1.7em;
    background-color:#FFF;
    border-width:1px;
    border-style:inset;
    border-color:#AAA #FFF #FFF #AAA;
    border-radius:1em;
    -moz-border-radius:1em;
    -o-border-radius:1em;
    -khtml-border-radius:1em;
    vertical-align:bottom;
  }
    #search label{ display:none; }
    #search input{ color:gray; }
    #search input[type=text]{
      float:left;
      margin:0 0 1px 0; padding:2px 2px 2px 22px;
      width:12.4em;
      background-color:#E5E4E5; background-position:3px 3px; background-repeat:no-repeat;
      border:1px solid #FFF;
      border-radius:1em 0 0 1em;
      -moz-border-radius:1em 0 0 1em;
      -o-border-radius:1em 0 0 1em;
      -khtml-border-radius:1em 0 0 1em;
    }
    #search select{
      position:relative; z-index:1;
      margin-top:1px;
      width:9em;
      background-color:transparent;
      border:none;
      border-left:1px solid #B3B3B3;
    }
    #search input[type=submit]{
      position:relative; z-index:1;
      margin-top:1px; padding:0.1em 0 0.3em;
      width:2em;
      background-color:transparent;
      border:none;
      border-left:1px solid #B3B3B3;
      cursor:pointer;
    }
    #search select option{ background-color:#FFF; font-size:1.2em; }

/*
  #login : doc
  #brdwelcome & #login_top : forum
*/
  #brdwelcome{
    clear:none;
    float:right;
    text-align:right;
  }
    #brdwelcome p{ padding:0; }
      #brdwelcome a{
        padding:0 0 -5px;
        color:#3C3B37
      }

  #login_top input, #search input{color:#808080;}
  #login, #login_top{
    margin:5px 0 0 auto;
    width:30em;
    text-align:right;
    color:#808080;
  }
    #login label, #login_top label{ display:none; }
    #login input[type=text], #login input[type=password], #login_top input[type=text], #login_top input[type=password]{
      margin-right:10px; padding:2px 5px;
      width:6em;
      /*background-color:#FFF;*/
      border-width:1px;
      border-style:inset;
      border-color:#AAA #FFF #FFF #AAA;
      border-radius:1em;
      -moz-border-radius:1em;
      -o-border-radius:1em;
      -khtml-border-radius:1em;
      color:#808080;
    }
    #login input[type=submit], #login_top input[type=submit]{
      padding:0 0 2px;
      background-color:transparent;
      border:none;
      cursor:pointer;
    }
      #login .btn_logout{
        float:right;
      }
    #login a{
      text-decoration:none;
    }
    #login h2{
      font-size:1.2em;
    }

/* Zone de saisie active */
input[type=text], input[type=password], textarea{
  background-color:#E5E4E5;
}
input[type=text].input_focused, input[type=password].input_focused, textarea.input_focused{
  background-color:#FFF !important;
  color:#000 !important;
}

/* Cacher / afficher menu Navigation */
html.hidemenu #navigation{ display:none; }
html.hidemenu #navbar, html.hidemenu #main, html.hidemenu #references, html.hidemenu #announce, html.hidemenu #footer { margin-left:0; }
html.hidemenu #hidemenu{ background-position:50% 27px; }
/* -                              - */