/* GLOBAL STYLES, HACKS AND OBASIC OVERRIDES */

* {
  font-family: Arial, Helvetica, sans-serif;
}

html, body {
  background-color: #ffffff;
}

img {
  display: block;
}

a img {
  border: 0px;
}

html, body, form, div, p, span, h1, h2, h3, h4, h5, img {
  margin: 0px;
  padding: 0px; /*color:#000000;*/
}

p, div, table, span, i, u, ul {
  font-size: 12px; /*color:#545965;*/
}

body {
  font-size: 0;
}

/************************************************************************/

.mouse_over {
  background-color: #FFB219;
}

border_table {
  border-top: solid #0000FF;
}

h1 {
  font-weight: bold;
  font-size: 16px;
}

h2 {
  font-weight: bold;
  font-size: 12px;
}

a {
/*color: #1B8CF2;*/
  color: #007f6f;
  text-decoration: underline;
}

a:hover {
/*color: #1B8CF2;*/
  color: #007f6f;
  text-decoration: underline;
}

table.public_form1 {
  border: #ADADAA 1px solid;
  background: #FFB219;
}

table.public_form {
  border: #ADADAA 1px solid;
  background: #E3E3E3;
}

table.public_form2 {

}

table.public_form th {
  color: #000000;
  text-align: left;
  font-size: 14px;
}

table.public_form td {
  color: #4A4A4A;
}

table.public_list {
  padding: 0px;
  border: #000000 1px solid;
  background: #FFFFFF;
}

table.public_list tr.row1 {
  background: #FFFFFF;
}

table.public_list tr.row2 {
  background: #E3E3E3;
}

table.public_list th {
  font-size: 13px;
  color: #FFFFFF;
  text-align: left;
  background: #707070;
}

a.caption {
  color: #FFFFFF;
  text-align: left;
  background: #707070;
  text-decoration: none;
}

a.caption:hover {
  color: #FFFFFF;
  text-align: left;
  background: #707070;
  text-decoration: none;
}

table.public_list td {
  text-align: left;
}

ul.links {
  margin: 0 0 0px 15px;
  padding: 2px;
}

ul.links li {

/*list-style-image: url('/public/images/new/small_dot.gif');*/
  list-style-image: url('/public/images/new/puce-vert-biblio.png');
}

input {
  height: 21px;
}

.submit {
  height: 21px;
  font-size: 11px;
  margin-bottom: 1px;
  border: 0px;
  background: #1F1F1F;
  font-weight: bold;
  color: #FFFFFF;
}

div.autocomplete {
  width: 350px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
}

div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

div.autocomplete ul li.selected {
  background-color: #ffb;
}

div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  height: 20px;
  cursor: pointer;
}

table.calendar {
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
}

table.calendar td {
  width: 9%;
}

table.calendar td.top {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  height: 40px;
  border: #E3E3E3 1px solid;
  background: url('/public/images/calendar_new_top.jpg') top no-repeat;
}

table.calendar td.left {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  border: #E3E3E3 1px solid;
  background: url('/public/images/calendar_new_left.jpg') top no-repeat;
}

table.calendar td.center {
  font-size: 10px;
  color: #7D9743;
  border: #E3E3E3 1px solid;
  text-align: center;
  font-weight: bold;
  background: #FFFFFF;
}

table.calendar .date {
  font-size: 12px;
  text-align: center;
  background: #E3E3E3;
}

table.calendar .item {
  font-size: 10px;
  background: #FFFFFF;
}

table.calendar a {
  color: #545965;
  text-decoration: none;
}

table.calendar a:hover {
  color: #545965;
}

table.calendar .aWeek {
  color: #545965;
  text-decoration: none;
}

table.calendar .aWeek:hover {
  color: #545965;
  background: #FFFFFF;
}

table.calendarWeek {
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
}

table.calendarWeek td {

}

table.calendarWeek td.top {
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  background: #DCDBC6;
}

table.calendarWeek td.left {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  border: #E3E3E3 1px solid;
  background: url('/public/images/calendar_left.jpg') top no-repeat;
}

table.calendarWeek td.center {
  font-size: 10px;
  color: #7D9743;
  border: #E3E3E3 1px solid;
  text-align: center;
  font-weight: bold;
  background: #FFFFFF;
}

table.calendarWeek .date {
  font-size: 12px;
  text-align: center;
  background: #E3E3E3;
}

table.calendarWeek .item {
  font-size: 10px;
  background: #FFFFFF;
}

table.calendarWeek a {
  color: #545965;
  text-decoration: none;
}

table.calendarWeek a:hover {
  color: #545965;
}

table.view td {
  height: 10px;
  font-size: 14px;
  color: #A69E70;
}

table.view a {
  text-decoration: none;
  color: #A69E70;
}

table.view a:hover {
  text-decoration: none;
  color: #A69E70;
}

.calendar_arrow {
  color: white;
  font-size: 14px;
  padding: 2px;
  text-align: center;
  width: 130px;
  background: black;
}

td.title {
  background: url('/public/images/new/caption_big.gif') no-repeat;
  width: 380px;
  height: 32px;
  color: white;
  font-weight: bold;
  padding: 12px 0px 0px 20px;
}

td.title_small {
  background: url('/public/images/new/caption.gif') no-repeat; /*width: 380px;*/
  height: 32px;
  color: white;
  font-weight: bold;
  padding: 12px 0px 0px 20px;
}

td.separator {
  background: #000000;
  height: 1px;
}

.bar {
  padding: 2px;
  margin: 0px;
  background: #FF8040;
  overflow: hidden;
}

.bar_personal {
  padding: 2px;
  margin: 0px;
  background: red;
}

.bar_snpa {
  padding: 2px;
  margin: 0px;
  background: #FF8040;
  font-weight: bold;
}

.bar_personal_snpa {
  padding: 2px;
  margin: 0px;
  background: red;
  font-weight: bold;
}

/* ----- REFONTE KERNIX ----- */
html, body {
  background-color: #4d4d4d;
}

.fleft {
  float: left;
  display: inline;
}

.fright {
  float: right;
  display: inline;
}

.clear {
  clear: both !important;
  font-size: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  height: 0 !important;
  float: none !important;
  display: block;
}

.clear {
  clear: both;
  font-size: 0;
  padding: 0;
  margin: 0;
  line-height: 0;
  height: 0;
  float: none;
  display: block;
}

.global {
  margin: 10px auto 0;
  width: 990px;
  padding: 0;
  background-color: white;
}

.global .content {
  background: transparent url(/public/images/skeleton/content-background.png) repeat-y left top;
  padding: 20px;
}

.banner {
  background: transparent url(/public/images/skeleton/banner.jpg) no-repeat top left;
  width: 990px;
  height: 123px;
}

.banner a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  font-size: 0;
}

.menu {
  background: black url(/public/images/skeleton/menu-background.png) no-repeat top left;
  height: 32px;
}

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

.menu ul li {
  float: left;
  display: inline;
}

.menu a {
  color: #FFFFFF;
  display: block;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  line-height: 32px;
  padding: 0 10px;
  text-decoration: none;
  text-align: center;
  margin: 0 40px 0 15px
}

.menu a:hover, .menu a.selected {
  background: transparent url(/public/images/skeleton/menu-arrow.png) bottom center no-repeat;
}

.welcome h1 {
  color: #808080;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 15px;
}

.footer {
  background: transparent url(/public/images/skeleton/bottom-background.png) no-repeat top left;
  text-align: center;
  color: #ffffff;
  height: 48px;
  line-height: 20px;
  padding-top: 6px;
}

.footer a {
  color: #ffffff;
}

.footer small {
  color: #808080;
  font-weight: bold;
  font-size: 11px;
}

.box {
  margin-bottom: 15px;
}

.box .title {
  background: transparent url(/public/images/skeleton/puce-vert.png) no-repeat top left;
  color: #333333;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  height: 30px;
  padding: 0px 0 0 24px;
  text-transform: uppercase;
}

.box .title a,
.box .title h1,
.box .title h2 {
  text-decoration: none;
  color: #333333;
  font-weight: normal;
  font-size: 16px;
}

.box .box-content {
  background: transparent;
  padding: 0;
  line-height: 15px;
  margin: 0;
  color: #808080;
  font-size: 12px;
  font-family: Arial;
}

.box .box-content img {
  margin-bottom: 15px;
}

.box-border {
  margin-bottom: 15px;
}

.box-border .title span {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  height: 31px;
}

.box-border .top-left {
  font-size: 0;
  background: transparent url(/public/images/skeleton/box-top-left.png) top left no-repeat;
  height: 31px;
  width: 5px;
}

.box-border .top-middle {
  background: transparent url(/public/images/skeleton/box-top-middle.png) top left repeat-x;
  height: 31px;
  width: 290px;
}

.box-border .top-middle a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
  padding-left: 8px;
  line-height: 29px;
}

.box-border .top-right {
  font-size: 0;
  background: transparent url(/public/images/skeleton/box-top-right.png) top left no-repeat;
  height: 31px;
  width: 5px;
}

.box-border .box-content {
  border: 1px solid #e6e6e6;
  border-top: 0px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  padding: 12px;
}

.box-border .box-content a {
  color: #007f6f;
  text-decoration: none;
}

.box-border .box-content a:hover {
  text-decoration: underline;
}

.home {
  background-color: transparent;
}

.home-left {
  float: left;
  width: 650px;
  display: inline;
}

.home-right {
  float: left;
  width: 300px;
  display: inline;
}

.home .box .content {
  background-color: transparent;
  overflow-y: auto;
}

.home .auth-label {
  font-weight: bold;
  color: #000000;
}

.form-login {
  text-align: right;
}

.form-login .text {
  width: 269px;
  height: 28px;
  border: 0;
  background-color: #e6e6e6;
  margin-bottom: 12px;
  color: #808080;
  padding: 1px 0 0 5px;
  font-size: 12px;
}

.form-login .submit {
  margin-left: 5px;
}

.box-border .box-content a.link_forgot_password {
  color: #999999;
  text-decoration: underline;
}

.box-border .box-content a.link_forgot_password:hover {
  text-decoration: none;
}

.submit {
  background: transparent url(/public/images/skeleton/btn-middle.png) repeat-x top left;
  height: 29px;
  border: 0;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 12px;
  margin: 0 0 0 5px;
  padding: 0 10px 2px;
  cursor: pointer;
}

a.button div {
  background: transparent url(/public/images/skeleton/btn-middle.png) repeat-x top left;
  height: 29px;
  border: 0;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 12px;
  margin: 0 0 0 5px;
  padding: 0 10px 0px;
  color: #ffffff;
  line-height: 29px;
  cursor: pointer;
}

/* documentation/search */
.documents-box {

}

.documents-box fieldset {
  margin: 5px;
  padding: 5px;
  border-color: #F0F0F0;
}

.documents-box fieldset.left {
  margin-right: 0;
}

.documents-box fieldset.right {
  margin-left: 0;
}

.documents-box fieldset legend {
  font-weight: bold;
  text-transform: uppercase;
}

.documents-box .form-elt {
  margin-bottom: 10px;
  height: 22px;
}

.documents-box .form-elt label.for-radio {
  vertical-align: middle;
  line-height: 20px;
  cursor: pointer;
}

.documents-box .form-elt label.inline-block {
  display: block;
  width: 110px;
  text-align: right;
  float: left;
  padding-right: 5px;
  line-height: 20px;
}

.documents-box .form-elt label.inline-block.large {
  width: 150px;
}

.documents-box .form-elt select {
  width: 150px;
  border: 1px solid #6c6c6c;
}

.documents-box .form-elt .text {
  width: 100px;
  border: 1px solid #6c6c6c;
  padding: 2px;
  height: auto;
}

.documents-box .form-elt .radio {
  vertical-align: middle;
  margin-top: 1px;
}

.documents-box .form-elt .small {
  margin-left: 5px;
  vertical-align: middle;
  font-style: italic;
}

.documents-box a.link-insert {
  color: #E36C0A;
  font-weight: bold;
  text-decoration: underline;
  line-height: 20px;
}

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

.bold {
  font-weight: bold;
}

.small {
  font-size: 9px;
}

#elt-query {
  margin: 20px auto;
  width: 800px;
}

#elt-query label {
  font-weight: bold;
  line-height: 26px;
  width: 200px;
}

#elt-query .text {
  height: 20px;
  vertical-align: middle;
  width: 400px;
}

#elt-query .submit {
  height: 28px;
  line-height: 21px;
  padding-bottom: 2px;
  vertical-align: middle;
}

table td.title a,
table td.title a:active,
table td.title a:visited {
  font-weight: bold;
  color: #0000ff;
}

/* action documentation search */
.documents {
  overflow: hidden;
}

.document {
  background-color: #FFE2A7;
  border: 1px solid #000000;
  margin-bottom: 20px;
}

.document .title {
  font-weight: bold;
  color: #007F6F;
  border-bottom: 1px solid #000000;
  overflow: hidden;
}

.document .title .ref_snap {
  float: left;
  width: 160px;
  padding: 5px;
}

.document .title .date {
  float: left;
  width: 160px;
  padding: 5px;
}

.document .title .titre {
  float: left;
  padding: 5px;
}

.document .title .titre a {
  text-decoration: underline;
}

.document .title .titre a:hover {
  text-decoration: none;
}

.document .details {
  width: 100%;
}

.document .details td {
  padding: 5px;
  vertical-align: top;
}

.search-box .documents-box {

}

.search-box .documents-box table {
  border: #000000 solid 1px;
  background: #F5F5F5;
  width: 100%;
}

.search-box .documents-box table td {
  vertical-align: top;
}

.pagination {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  width: 275px;
}

.pagination a.pagination-link {
  float: left;
  width: 25px;
  line-height: 20px;
}

.pagination img {
  display: inline;
  vertical-align: middle;
}

.pagination .links-box {
  overflow: hidden;
}

.pagination .links-box a,
.pagination .links-box span {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

.pagination .links-box a.selected {
  text-decoration: underline;
}