@import "content.css";

/* Général */
body {
  padding: 0;
  color: #8d8d8d;
  background: #0d0804;
  font-family: tahoma;
}
a {
  color: #8d8d8d;
}
a:hover, a:focus {
  color: #c19b2c;
}
input,textarea,select {
  border:1px solid #d0ccc9;
  background:#fff;
  color:#565656;
}
.alert {
  color: gold;
  font-style: italic;
}

/* Layout */
#global_bg {
  background: url(img/bg_repeat.jpg) repeat-x;
}

#global {
  width: 1139px;
  margin: 0 auto;
}

#top {
  position:relative;
  width: 100%;
}

#top_left {
  position: absolute;
  top: 0;
  left: 0;
  width: 404px;
}

/* Logo */
#logo {
  background: url(img/logo.jpg) no-repeat;
  height: 409px;
}
#logo_content a {
  color: #FFFFFF;
  text-decoration: none;
  margin-left: 150px;
  line-height: 60px;
}
#logo_content a:hover, #logo_content a:focus {
  color: #c19b2c;
}

/* Navigation */
#navigation {
  background: #0d0804;

  margin-left: 120px;
}
  #navigation ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
    #navigation ul li {
      height: 30px;
      float: left;
      line-height: 25px;
      text-align: center;
    }
    /* Normal */
    #navigation ul li.navigation_li_left {
      width: 93px;
      background: url(img/navigation_li_left.jpg);
    }
    #navigation ul li.navigation_li_right {
      width: 98px;
      background: url(img/navigation_li_right.jpg);
    }
    #navigation ul li.navigation_li_right2 {
      width: 98px;
      background: url(img/navigation_li_right2.jpg);
    }

    /* Active */
    #navigation ul li.navigation_li_left_active {
      width: 93px;
      background: url(img/navigation_li_left_active.jpg);
    }
    #navigation ul li.navigation_li_right_active {
      width: 98px;
      background: url(img/navigation_li_right_active.jpg);
    }
    #navigation ul li.navigation_li_right2_active {
      width: 98px;
      background: url(img/navigation_li_right2_active.jpg);
    }
    /* Active liens */
    #navigation ul li.navigation_li_left_active a{
      color: #c09c2e;
    }
    #navigation ul li.navigation_li_right_active a {
      color: #c09c2e;
    }
    #navigation ul li.navigation_li_right2_active a {
      color: #c09c2e;
    }

    /* Hover */
    #navigation ul li.navigation_li_left:hover {
      background: url(img/navigation_li_left_active.jpg);
    }
    #navigation ul li.navigation_li_right:hover {
      background: url(img/navigation_li_right_active.jpg);
    }
    #navigation ul li.navigation_li_right2:hover {
      background: url(img/navigation_li_right2_active.jpg);
    }

    #navigation ul li a {
      text-decoration: none;
      font-size: .85em;
    }

/* Statut & Info */
#info {
  margin-left: 119px;
}
#info img {
  margin-bottom: 15px;
}
.box {	
  background: url(img/contenu_280.png) repeat-y;
  width: 280px;
}
  .box a {
    text-decoration: none;
    color: white;
  }
  .box_top {
    background: url(img/contenu_top_280.png) no-repeat;
    height: 10px;
    width: 280px;
  }
  .box_content {
    padding-left: 10px;
  }
  .box_content table {
    font-size: .9em;
  }
  .box_bottom {
    background: url(img/contenu_footer_280.png) no-repeat;
    height: 6px;
    width: 280px;
  }

/* twitter */
.box_450 {
  background: url(img/contenu_450.png) repeat-y;
  width: 450px;
}
  .box_450 a {
    text-decoration: none;
    color: white;
  }
  .box_top_450 {
    background: url(img/contenu_top_450.png) no-repeat;
    height: 6px;
    width: 450px;
  }
  .box_content_450 {
    padding: 0 15px;
  }
  .box_content_450 table {
    font-size: .9em;
  }
  .box_bottom_450 {
    background: url(img/contenu_footer_450.png) no-repeat;
    height: 6px;
    width: 450px;
  }

/* statuts */
.statut {
  width: 262px;
  height: 27px;
  line-height: 25px;
}
  .bc {
    background: url(img/statut_bc.jpg) no-repeat;
  }
  .tlk {
    background: url(img/statut_tlk.jpg) no-repeat;
  }
  .cata {
    background: url(img/statut_cata.jpg) no-repeat;
  }
  .fun {
    background: url(img/statut_fun.jpg) no-repeat;
  }
  .cata .statut_name {
   float: left;
   margin-left: 5px;
   width: 75px;
  }
  .tlk .statut_name, .bc .statut_name {
    float: left;
    margin-left: 5px;
    width: 100px;
  }
  .statut_online {
  }
  .statut_version {
    float:right;
    margin-right: 5px;
    text-decoration: blink;
    font-weight: bold;
  }

/* En-tête */
#entete {
  background: url(img/header.jpg) no-repeat;

  height: 217px;
  margin-left: 404px;
  margin-right: 249px;
}
#entete_slider {
  padding: 16px 0 0 6px;
}	

/* Login */
#login {
  background: url(img/login.jpg) no-repeat;

  position: absolute;
  right: 0;
  top: 0;
  width: 249px;
  height: 217px;
}
  #login_content {
    margin: 60px 0 0 10px;
  }
  /* Non loggé */
  #login form {
    margin: 0;
  }
    #login form input {
      background: url(img/login_input.jpg) no-repeat;
      color:gray;

      padding: 8px 0 7px 30px;
      margin-bottom: 10px;
      width:217px;
      border:0;
    }
    #login form input.submit {
      background: url(img/login_submit.jpg) no-repeat;
      color: #FFFFFF;

      font-size: 0px;
      width: 56px;
      height: 21px;
      float:left;
    }
  #login_pwd {
    font-size: .85em;
    margin-left: 50px;
  }
  #login_pwd a {
    color: #fcc173 !important;
  }
  #login_rectangle {
    background: url(img/login_rectangle.jpg) no-repeat;
    clear: left;
    width: 227px;
    height: 36px;
    text-align: center;
    padding-top: 10px;
  }
  #login_rectangle a {
    color: white !important;
    text-decoration: none;
    font-size: 0.9em;
  }
/* Loggé */
#login ul {
  margin-left: 15px;
}
  #login ul li {
    padding-bottom: 5px;
  }
  #login a {
    color: #dc9a43;
  }
  #login a:hover, #login a:focus {
    color: #dc9a43;
  }

/* Contenu principal */
#contenu {
  background: url(img/contenu.jpg) repeat-y;

  position: relative;
  margin-left: 404px;
}
  #contenu a {
    color: #FFFFFF;
  }
  #contenu a:hover, #contenu a:focus {
    color: #c19b2c;
  }
  #contenu strong {
    color: #181A12;
  }
  #contenu p, #contenu li {
    line-height: 1.5;
  }
  #contenu_content {
    padding: 20px;
    min-height: 880px;
  }
  #contenu_footer {
    background: url(img/contenu_footer.jpg) no-repeat;
    height: 6px;
    clear: left;
  }

/* Contenu annexe inferieur */
#contenu_bottom {
  margin-top: 10px;
  margin-left: 404px;
  height: 265px;
}

/* News */
.news {

}
  .news_title {
    background: url(img/news_title.jpg) no-repeat;
    height: 51px;
  }
  .news_title_content {
    padding: 10px;
    color: gold;
  }
  .news_title_content a {
    color: gold !important;
    text-decoration: none;
    font-size: 1.2em;
  }
  .news_title_content a:hover {
    color: gold;
    text-decoration: underline;
  }
  .news_title_author {
    color: #3e3e3e;
    font-size: .8em;
  }
  .news_content {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    padding: 5px 0px 0px 10px;
  }
  .news_content img {
    float: left;
  }
  .news_content_text {
    margin-left: 180px;
    font-family: Arial,sans-serif;
    font-size: 1.05em;
  }
  .news_content_text a {
    color: #8D8D8D !important;
    text-decoration: none;
    font-style: italic;
  }
  .news_content_text a:hover {
    color: white !important;
  }
  .news_footer {
    background: url(img/news_footer.jpg) no-repeat;
    clear: left;
    height: 40px;
  }
  .news_footer a {
    font-size: .85em;
    margin-left: 27px;
    line-height: 30px;
    text-decoration: none;
  }
  .news_footer_content {
    font-size: .85em;
    font-style: italic;
    float:left;
    padding: 15px 0 0 45px;
    width: 585px;
  }

/* Pied de page */
#footer {
  background: url(img/footer.jpg) no-repeat;
  width: 165px;
  height: 53px;
  margin-left: 965px;
  clear: left;
}
  #footer_content {
    color: #FFFFFF;
    font-size: .8em;
    padding: 20px 0 0 50px;
  }