body {
  margin: 0px;
  color: #000000;
  font-size: 16px;
  line-height: 130%;
  font-family: 'Titillium Web',Helvetica,Arial,Sans-Serif;
}

input, .ui-widget, .button, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .label, textarea {
    font-family: 'Titillium Web',Helvetica,Arial,Sans-Serif;
    font-size: 1em;
}

textarea, select {
    border: 1px solid #e6e6e6;
    padding: 5px 6px;
}
.textbox, input[type="text"] {
    border: 1px solid #e6e6e6;
    height: 20px;
    padding: 7px;
}
.inputNombre{
  text-align:right;
}
.listbox{

}

.btnHidden {
  display: none;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

a {
  color: inherit;
}

a:hover {
  text-decoration: none;
}

a.button {
  text-decoration: none;
}

.button {
    border: 0;
    color: #fff;
    background-color: #A3B219;
    padding: 7px 10px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 600;
    font-family: 'Titillium Web',Helvetica,Arial,Sans-Serif;
}
.btn_logout {
    background: #A3B219 url(../images/bg_button_deconnexion.png) no-repeat 5px center;
    padding-left:45px;
}

.btn_search {
    background: #A3B219 url(../images/bg_button_search.png) no-repeat 5px center;
    padding-left: 45px;
}
.btn_new {
    background: #a50423 url(../images/bg_button_add_new.png) no-repeat 5px center;
    padding-left: 45px;
}
.btn_save {
    background: #a50423 url(../images/bg_button_save.png) no-repeat 5px center;
    padding-left: 45px;
}
.btn_generate {
    background: #A3B219 url(../images/bg_button_generate.png) no-repeat 5px center;
    padding-left: 45px;
}
.btn_prev {
    background: transparent url(../images/bg_button_prev.png) no-repeat 5px center;
    color: transparent;
    padding: 10px 15px;
}
.btn_next {
    background: transparent url(../images/bg_button_next.png) no-repeat 5px center;
    color: transparent;
    padding: 10px 15px;
}
.btn_back {
    background: #A3B219 url(../images/bg_button_back.png) no-repeat 5px center;
    padding-left: 45px;
}



.button:hover {
    opacity: 0.8;
}

.floatLeft {
    float: left;
}
.floatRight {
  float: right;
}

.clear {
  clear: both;
}
#mainContent {
  padding: 80px 20px 20px 20px;
}
#popupContent {
  padding: 1px;
}
#section-header {
  margin: 10px 0;
  clear: both;
}

#section-header h1.pageTitle {
    float: left;
    font-weight: 600;
    color: #a50423;
}

#section-header h1.pageTitle img {
  vertical-align: middle;
}

#section-header .pageButton, .cell .pageButton {
  float: right;
}

#searchPanel {
  margin-top:10px;
}

/* Styles des tableaux */
.table {
    display: table;
  border-spacing: 5px;
    background: #eee;
  margin-bottom: 20px;
}
.row {
  display: table-row;
}
.cell {
  display: table-cell;
}

.cell.label {
  width: 30%;
  text-align: right;
  white-space: nowrap;
}
.cell.value {
  width: 70%;
}
.cell.top{
  vertical-align:top;
}

.textbox {
  width:200px;
}
select {
    width: 213px;
}
.dropzone {
border: solid 2px white;
}
.dropzone.hover {
  border: dashed 2px gray;
}

.selected {
  /*background-color: #e8e5e5;*/
}

/* Highlighted rows, borders http://www.red-team-design.com/wp-content/uploads/2011/10/practical-css3-tables-with-rounded-corners-demo.html */
table {
  border-spacing: 0;
  /*width: 100%;*/
}

.bordered {
    border: 1px solid #7FB6C5;
}

  .bordered tr:hover {
    background: none repeat scroll 0 0 #eee;
    transition: all 0.1s ease-in-out 0s;
  }

    .bordered td, .bordered th {
        border-left: 2px solid #FFF;
        border-top: 2px solid #7FB6C5;
        padding: 5px;
        cursor: pointer;
    }

    .bordered th {
        background-color: #7FB6C5;
        border-top: medium none;
        color: #fff;
    }

    .bordered td:first-child, .bordered th:first-child {
      border-left: medium none;
    }

    .bordered th:first-child {
    }

    .bordered th a {
      text-decoration: none;
      color: #fff;
    }
/* Highlighted rows, borders */

.progress {
  z-index: 2147483647 !important;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -33px; /* make this half your image/element height */
  margin-left: -50px; /* make this half your image/element width */
  text-align: center;
  width: 100px;
  height: 66px;
  background-color: white;
  border: solid 1px #aaaaaa;
  padding: 10px;
  display: none;
}

.ui-widget.ui-widget-content {
    border: 0;
    padding:0;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    border-bottom: 2px solid #427D9D;
    border-radius: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0;
    border-radius: 0;
    background: #7FB6C5;
    font-weight: normal;
    color: #FFFFFF;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    
    background: #65A0B6;

}
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        border: 0;
        background: #427D9D;
        border-radius: 0;
    }
    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a.ui-button:link, a.ui-button:visited, .ui-button {
        color: #fff;
        text-decoration: none;
    }
.ui-tabs .ui-tabs-panel {
  
    padding: 1em 0;
}
fieldset {
    border: 0;
    padding: 0;
}
legend {
font-weight:700;padding:0;}

.ui-dialog {
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.ui-widget-header {
    border: 0;
    border-radius:0;
    background: #A3B219;
    color: #FFF;
    font-weight: 700;
}
  
.searchLine {
    background-color: #7FB6C5;padding:10px;
}
#stickyheader .sm-simple a:hover, #stickyheader .sm-simple a:focus, #stickyheader .sm-simple a:active {
    background: #A3B219;
    color:#fff;
}

.pg_login h1 {
    background-color: #eee;
    color: #000;
    text-align: center;
    padding: 20px;
    font-weight: 300;
}
    .pg_login h1 img {
    max-height:50px;vertical-align:middle}
.bg_contenu_login {
    background: url(../images/bg_login.png) no-repeat;
    background-size: cover;
    width: 450px;
    height:320px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -225px;
    margin-top: -160px;
}
.contenu_login {
    position: absolute;
    top: 85px;
    left: 95px;
}
    .contenu_login .button {
        background-color:#d5d649;
    }

.ui-widget-overlay {
    background: #000;
    opacity: .3;
    filter: Alpha(Opacity=.3);
}

.iconesList .fa {
  margin-left:10px;
}

.iconesList:last-child {
  margin-right: 10px;
}