body {
  font-size: 12px;
  font-family: arial;
  margin-top: 15px; }

.general {
  width: 900px;
  margin: 0 auto; }

.header {
  padding: 0 0 20px 0; }
  .header img {
    border: none; }

.logo {
  float: left; }

.logout {
  float: right;
  color: black; }

.logged {
  text-align: right;
  clear: right;
  padding: 10px 0 0 0; }

.allnav {
  display: block;
  padding: 3px; }

.nav {
  background: url(../images/bg_nav.gif) repeat;
  height: 30px;
  margin-top: 15px; }

.nav ul.main {
  margin: 0;
  padding: 8px 0 0 10px;
  list-style: none;
  height: 30px; }

.nav li {
  float: left;
  padding: 0 10px 0 0;
  color: #FFF;
  vertical-align: middle;
  margin: 0 10px 0 0;
  padding: 0 12px 0 0;
  font-weight: bold;
  background: url(../images/puce_nav.gif) no-repeat right; }
  .nav li .last {
    background: none; }
  .nav li a {
    padding: 0;
    color: #b5b6b6;
    text-decoration: none; }
    .nav li a:hover, .nav li a.active {
      color: #e3e87f; }

.sub-nav ul {
  margin: 2px 0 0 0;
  padding: 0 0 0 0;
  list-style: none; }
.sub-nav li {
  float: left;
  color: #828285;
  font-weight: bold;
  border: 1px solid #828285; }
  .sub-nav li a {
    display: block;
    color: #fff;
    background: #828285;
    padding: 5px 10px 5px 10px;
    text-decoration: none; }
  .sub-nav li a:hover {
    color: #e3e87f; }
  .sub-nav li .active {
    padding: 5px;
    background-color: #fff;
    color: #828285; }

.content {
  margin-top: 25px; }

.left {
  width: 600px;
  float: left; }

.right {
  width: 272px;
  float: right; }

.right_stri {
  width: 262px;
  background: url(../images/bg_right_stri.gif) repeat-y;
  padding: 5px; }

.content {
  margin: 25px 0 0 0; }

.bredcrumb {
  font-size: 10px;
  margin: 0 0 25px 0; }
  .bredcrumb a {
    color: black;
    font-weight: bold; }

.boxe {
  margin-bottom: 25px; }

.boxe-search {
  padding: 5px 12px 25px 12px;
  background: #ebecee; }
  .boxe-search h2 {
    margin: 20px 0 18px 5px; }
  .boxe-search h3 {
    margin: 8px 0 6px 5px; }
  .boxe-search form {
    margin: 0; }
  .boxe-search .my_select {
    margin: 0;
    width: 235px;
    border: 1px solid #dfdfe2;
    height: 30px;
    padding: 5px; }
    .boxe-search .my_select option {
      border-bottom: 1px solid #dfdfe2;
      padding: 5px; }
  .boxe-search .my_input {
    margin: 0;
    width: 200px;
    border: 1px solid #dfdfe2;
    padding: 2px 2px 1px 4px;
    float: left;
    height: 22px; }

h2 {
  font-size: 140%; }

.box-title {
  background: #e3e87f;
  padding: 7px 0 7px 15px;
  margin: 0 0 10px 0; }

.sub-title {
  background: #e3e87f;
  padding: 3px 0 3px 5px;
  margin: 0 0 10px 0; }

.separ-subbutton {
  float: left;
  height: 2px;
  width: 100%;
  border-bottom: 1px solid #dfdfe2;
  margin-bottom: 20px;
  padding: 0; }

.bt-back {
  margin: 5px 0 15px 0;
  float: left; }
  .bt-back a {
    margin: 0 0 0 5px;
    padding: 0 10px 3px 23px;
    text-decoration: none; }
  .bt-back a:hover {
    text-decoration: underline; }
  .bt-back .back {
    background: url(../images/back.gif) no-repeat 0 0; }

.edit {
  background: url(../images/edit.gif) no-repeat 0 0;
  padding-left: 16px; }

.subbutton {
  float: right;
  margin: 5px 0 15px 0; }
  .subbutton a {
    margin: 0 0 0 5px;
    padding: 0 10px 3px 23px;
    text-decoration: none;
    border-right: 1px solid #dfdfe2;
    text-align: right; }
  .subbutton a:hover {
    text-decoration: underline; }
  .subbutton .last {
    border: none;
    padding: 0 0 3px 23px; }
  .subbutton .last-width-margin {
    border: none;
    padding: 0 5px 8px 23px; }
  .subbutton .new {
    background: url(../images/follow.gif) no-repeat 0 0; }
  .subbutton .edit {
    background: url(../images/edit.gif) no-repeat 0 0;
    padding-left: 16px; }
  .subbutton .delete {
    background: url(../images/unfollow.gif) no-repeat 0 0; }
  .subbutton .download {
    background: url(../images/download.gif) no-repeat 0 0; }
  .subbutton .send {
    background: url(../images/send.gif) no-repeat 0 0; }
  .subbutton .rub {
    background: url(../images/rub.gif) no-repeat 0 0; }
  .subbutton .campaigns {
    background: url(../images/rub.gif) no-repeat 0 0; }
  .subbutton .show {
    background: url(../images/show.gif) no-repeat; }

.sed_all {
  float: left;
  margin: 8px 0 0 0;
  width: 500px; }

.sed_table {
  margin: 3px 0;
  width: 170px; }

.sed_tracks {
  float: left;
  width: 220px;
  padding: 5px 0; }

.sed_one {
  float: left;
  margin: 0 0 0 0;
  width: 50px; }

.sed {
  float: right;
  margin: 5px 0 0 0;
  padding: 2px; }
  .sed .edit {
    background: url(../images/edit.gif) no-repeat; }
  .sed .show {
    background: url(../images/show.gif) no-repeat; }
  .sed a {
    text-indent: -3000px;
    overflow: hidden;
    width: 16px;
    height: 16px;
    display: inline-block; }

.sed_all a, .sed_one a, .sed_table a, .sed_tracks a {
  color: black;
  background: #ebecee;
  padding: 3px 5px;
  margin-right: 2px;
  text-decoration: none;
  border: 1px solid #cfcecf;
  text-align: right; }

.btn, .toggle {
  color: black;
  background: #e3e87f;
  padding: 5px 8px 5px 8px;
  text-decoration: none; }

.auto_complete {
  width: 350px;
  background: #fff; }
  .auto_complete ul {
    border: 1px solid #888;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none; }
    .auto_complete ul li {
      margin: 0;
      padding: 3px; }
      .auto_complete ul li.selected {
        background-color: #ffb; }
    .auto_complete ul strong.highlight {
      color: #800;
      margin: 0;
      padding: 0; }

.footer {
  width: 900px;
  margin: 50px auto 0 auto;
  color: white;
  text-align: center;
  padding: 10px 0 10px 0;
  background: #000000; }
  .footer a {
    color: #e3e87f;
    text-decoration: underline; }
  .footer a:hover {
    text-decoration: none; }


.session-error {
  color: red;
  margin: 10px 0;
  text-align: center; }

.fieldWithErrors label {
  color: red; }

.errorExplanation {
  background-color: #ffb;
  border: 1px solid #ccc;
  padding: 5px 10px;
  margin-bottom: 10px; }
  .errorExplanation h2 {
    font-size: 13px;
    color: #f00; }
  .errorExplanation ul {
    list-style: square; }


.message {
  margin: 15px 0 0 20px; }


.user_tab {
  padding-bottom: 10px;
  float: left; }
  .user_tab ul {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0; }
    .user_tab ul li {
      float: left;
      padding-right: 4px;
      margin-right: 4px;
      border-right: 1px solid #e3e87f; }
      .user_tab ul li a.active {
        font-weight: bold; }
  .user_tab .last {
    border: none; }


ul {
  list-style: none;
  list-style-position: outside;
  margin: 5px 0 0 0;
  padding: 0; }
  ul li {
    list-style: none;
    margin: 0 0 5px 0; }

.clear {
  clear: both; }

a {
  color: #000;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

.floatL {
  float: left; }

.floatR {
  float: right; }

.strong {
  font-weight: bold; }

.import_form {
  margin: 30px 0 0 0;
  padding: 10px 0 10px 0;
  background: #f3f3f3; }

a.link {
  text-decoration: underline;
  font-weight: bold; }

a:hover.link {
  text-decoration: none; }

.f_li {
  margin: 0 0 0 15px;
  padding-left: 10px;
  background: url(../images/fleche_friend.gif) no-repeat; }

p.citation {
  font-style: italic; }