@charset "utf-8";
/* CSS Document */

body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

font {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

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

form {
    padding: 0;
    margin: 0
}

.clear {
    clear: both;
    font-size: 1px;
    height: 0px;
    overflow: hidden;
    display: block;
    font-size: 1px;
}

img {
    border: none
}

.loading {
    background: url(../im/loading.gif) no-repeat;
    width: 31px;
    height: 31px
}

/* error */
#error-field {
    background-color: red;
    position: absolute;
    padding: 2px 5px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    z-index: 101;
    border: 1px solid red
}

/*top css */
#top {
    width: 100%;
    background-image: url(../im/topbg.gif);
    background-repeat: repeat-x;
}

#top #log {
    background-image: url(../im/logbg.gif);
    background-repeat: repeat-x;
    float: right;
    margin: 10px 40px 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #fff;
}

#top #log a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #F4D784;
}

#top #main-nav {
    clear: both;
    width: 100%;
    background-image: url(../im/bgbarnav.gif);
    background-repeat: repeat-x;
    height: 30px;
}

#top ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#top #main-nav li span {
    height: 100%;
    position: absolute;
    width: 100%;
}

#main-nav li {
    position: relative;
    float: left
}

#main-nav li span {
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    font-weight: bold;
    text-align: center;
    padding-top: 8px;
    text-decoration: none;
}

#main-nav li a {
    display: block;
}

#main-nav li a:hover span {
    color: #ffffff;
}

#main-nav ul {
    padding-left: 0px;
}

/* Widths for navigation items */
#main-nav a {
    text-decoration: none
}

#main-nav #planning, #main-nav #planning a {
    width: 136px;
}

#main-nav #clients, #main-nav #clients a {
    width: 136px;
    z-index: 12
}

#main-nav #hebergements, #main-nav #hebergements a {
    width: 178px;
    z-index: 11
}

#main-nav #documents, #main-nav #documents a {
    width: 136px;
    z-index: 10;
}

#main-nav #statistiques, #main-nav #statistiques a {
    width: 136px;
    z-index: 9;
}

#main-nav #comptabilite, #main-nav #comptabilite a {
    width: 136px;
    z-index: 8;
}

#main-nav #dossiers, #main-nav #dossiers a {
    width: 136px;
}

#main-nav #autres-fiches, #main-nav #autres-fiches a {
    width: 136px;
    z-index: 13
}

/*#main-nav li, #main-nav li a {height: 53px}*/
#main-nav li, #main-nav li a {
    height: 30px
}

#main-nav .main-sub-nav li, #main-nav .main-sub-nav li a {
    height: 23px
}

/* Hover*/
#main-nav #planning a:hover {
    background: url(../im/menu_hover.gif) left top no-repeat;
}

#main-nav #clients a:hover {
    background: url(../im/menu_hover.gif) left top no-repeat;
}

#main-nav #hebergements a:hover {
    background: url(../im/menu_hover2.gif) left top no-repeat;
}

#main-nav #autres-fiches a:hover {
    background: url(../im/menu_hover2.gif) left top no-repeat;
}

#main-nav #documents a:hover {
    background: url(../im/menu_hover.gif) left top no-repeat;
}

#main-nav #statistiques a:hover {
    background: url(../im/menu_hover.gif) left top no-repeat;
}

#main-nav #comptabilite a:hover {
    background: url(../im/menu_hover.gif) left top no-repeat;
}

#main-nav #dossiers a:hover {
    background: url(../im/menu_hover.gif) left top no-repeat;
}


/* Off states */
#main-nav #planning {
    background: url(../im/menu_on.gif) left top no-repeat;
}

#main-nav #clients {
    background: url(../im/menu_on.gif) left top no-repeat;
}

#main-nav #hebergements {
    background: url(../im/menu_on2.gif) left top no-repeat;
}

#main-nav #autres-fiches {
    background: url(../im/menu_on.gif) left top no-repeat;
}

#main-nav #documents {
    background: url(../im/menu_on.gif) left top no-repeat;
}

#main-nav #statistiques {
    background: url(../im/menu_on.gif) left top no-repeat;
}

#main-nav #comptabilite {
    background: url(../im/menu_on.gif) left top no-repeat;
}

#main-nav #dossiers {
    background: url(../im/menu_on.gif) left top no-repeat;
}

/* On states #lavasoft-[tabname] body id triggers the correct navigation item */

#dla-planning #planning, #dla-clients #clients, #dla-hebergements #hebergements, #dla-autres-fiches #autres-fiches, #dla-documents #documents, #dla-statistiques #statistiques, #dla-comptabilite #comptabilite, #dla-dossiers #dossiers {
    background: url(../im/menu_hover.gif) left top no-repeat;
}

#dla-planning #planning span, #dla-clients #clients span, #dla-hebergements #hebergements span, #dla-autres-fiche #autres-fiche span, #dla-documents #documents span, #dla-statistiques #statistiques span, #dla-comptabilite #comptabilite span, #dla-dossiers #dossiers span {
    color: #fff;
}

/* Main navigation Sub navi - drop down layers  */

#main-nav .main-sub-nav {
    position: absolute;
    top: 30px;
    left: 0;
    padding: 0 0 0 0;
    display: none;
}

#main-nav .main-sub-nav li {
    float: none;
    background: #DB7E06;
    width: 136px;
    border-top: solid 1px #ffffff;
}

#main-nav .main-sub-nav .main-sub-nav2 {
    position: absolute;
    top: -1px;
    left: 137px;
    padding: 0 0 0 0;
    display: none;
}

#main-nav .main-sub-nav .main-sub-nav2 li {
    float: none;
    background: #DB7E06;
    width: auto;
    border-top: solid 1px #ffffff;
    padding-right: 35px;
}

/* Horizontal dash background image for second level navigation */

#main-nav .main-sub-nav li a {
    height: 23px;
    line-height: 23px;
    padding-right: 10px;
    padding-left: 10px;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    z-index: 99;
    white-space: nowrap;
    width: 130px
}

#main-nav .main-sub-nav li .active {
    height: 23px;
    padding: 0 20px 0 20px;
    color: #fff;
    text-decoration: none;
    z-index: 99;
    white-space: nowrap;
    width: 96px;
}

/* Second level hover navigation*/
#main-nav #documents .main-sub-nav li a:hover {
    text-decoration: underline;
    color: #fff;
    background-image: none;
}

#main-nav #hebergements .main-sub-nav li a:hover {
    text-decoration: underline;
    color: #fff;
    background-image: none;
}

#main-nav #autres-fiches .main-sub-nav li a:hover {
    text-decoration: underline;
    color: #fff;
    background-image: none;
}

/* Do Not Move - Must Come Before display:block for Gecko */
#main-nav #documents .main-sub-nav li:hover ul ul, #main-nav .main-sub-nav li.iehover ul ul {
    display: none;
}

#main-nav #documents .main-sub-nav li:hover ul, #main-nav .main-sub-nav li.iehover ul {
    display: block;
}

#main-nav li:hover ul ul, #main-nav li.iehover ul ul {
    display: none;
}

#main-nav li:hover ul, #main-nav li.iehover ul {
    display: block;
}

#center {
    clear: both;
    background-image: url(../im/bmil.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 20px;
}

#bottom {
    background-image: url(../im/bgfooter.gif);
    background-repeat: repeat-x;
    height: 27px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #fff;
    padding-top: 5px;
    padding-left: 30px;
    clear: both;
}

/**TYPOS**/
.no14r {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}

.no12 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.no11 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

.gris11r {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #999999
}

.page {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #999;
}

.page.current {
    color: #000000;
}

.inputch {
    background: url(../im/bgchamp.gif) #FFFFFF no-repeat;
    width: 185px;
    height: 22px;
    border: none;
    padding-left: 4px;
    padding-top: 3px;
    vertical-align: middle;
}

#center #searchbar {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-image: url(../im/bgcherche.gif);
    background-repeat: repeat-x;
    height: 47px;
    clear: both;
    border: 1px solid #ccc;
    border-bottom: none;
    margin: 0 5px;
}

#center .bar, #TB_window .bar {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-image: url(../im/bgcherche.gif);
    background-repeat: repeat-x;
    height: 47px;
    clear: both;
    border: 1px solid #ccc;
    border-bottom: none;
    margin: 35px 0px 15px;
}

#center .bar2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-image: url(../im/bgcherche2.gif);
    background-repeat: repeat-x;
    background-color: #dedede;
    min-height: 47px;
    clear: both;
    border: 1px solid #ccc;
    margin: 35px 0px 15px;
}

.btbleu, #btbleu {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    background-image: url(../im/bt_bleu.png);
    background-repeat: no-repeat;
    height: 26px;
    padding-top: 10px;
    float: left;
    width: auto;
    padding-left: 15px;
    white-space: nowrap
}

.btbleu a, #btbleu a {
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    text-decoration: none
}

.btbleu2, #btbleu2 {
    background-image: url(../im/bt_bleu2.png);
    background-repeat: no-repeat;
    height: 36px;
    float: left;
    width: 13px;
}

.bt {
    cursor: pointer
}

#bt_Form_Back {
    float: left
}

#bt_Form_Edit, #bt_Form_Submit {
    float: left;
    margin-left: 5px
}

#liste {
    border-collapse: collapse
}

#liste th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #b3b8c3;
    background-image: url(../im/bgliste2.gif);
    background-repeat: repeat-x;
    background-position: left;
    height: 26px;
    padding-left: 10px;
    padding-top: 2px;
    border: 1px solid #999;
}

#liste td {
    background-image: url(../im/bgliste.gif);
    background-repeat: repeat-x;
    background-color: #d8d8d8;
    height: 24px;
    padding: 2px 4px 2px 10px;
    border: 1px solid #999;
}

.liste1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}

.liste2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

/** PAGINATION LINKS*/
.page {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #999;
}

.page.current {
    color: #000;
}

.page.current {
    display: inline-block;
    background: #062978;
    color: #fff;
    padding: 2px 5px;
    text-decoration: none;
    -moz-border-radius: 2px;
}

.page_previous {
    font-size: 11px;
    display: inline-block;
    background: url(../im/flg.gif) no-repeat left top;
    margin: 0 5px;
    position: relative;
    top: -1px;
    width: 16px;
    height: 17px;
    text-decoration: none;
}

.page_previous.page_previous_inactive {
    background-position: 0 -17px;
}

.page_next {
    font-size: 11px;
    display: inline-block;
    background: url(../im/fld.gif) no-repeat left top;
    margin: 0 5px;
    position: relative;
    top: -1px;
    width: 16px;
    height: 17px;
    text-decoration: none;
}

.page_records {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
}

.page_next.page_next_inactive {
    background-position: 0 -17px;
}

.generic-button {
    background: #fff url(../im/bg-button.png) repeat-x left top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    border: 1px solid #777;
    -moz-border-radius: 4px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 2px;
}

.generic-button:hover {
    background-position: left bottom;
    border-color: #938f7b;
}

/**LEFT LAYOUT**/
.left-layout {
    width: 50%;
    float: left;
}

.left-layout .leftLabel {
    width: 30%;
    float: left;
    padding-top: 2px;
}

.labelRequired {
    font-weight: bold
}

.left-layout .leftColumn {
    width: 65%;
    float: left;
}

.left-layout .leftColumn {
    float: left;
}

.left-layout .leftColumn select {
    width: 300px;
}

/**RIGHT LAYOUT**/
.right-layout {
    width: 49%;
    float: left;
}

.right-layout .rightColumn {
    width: 65%;
    float: left;
}

.right-layout .rightColumn select {
    width: 300px;
}

.right-layout .rightLabel {
    width: 30%;
    float: left;
    padding-top: 2px;
}

/*.right-layout .form-element{min-height:30px}*/

#center form {
    _display: inline-block;
}

.form-element {
    padding: 3px 0 0;
    clear: both;
    min-height: 35px
}

.section {
    padding: 20px 0;
    clear: both;
    border-top: 1px solid #ccc;
    float: left;
    width: 100%;
}

.section-title {
    font-size: 16px;
    font-weight: bold;
    color: #022e93
}

.section-subtitle {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0 10px;
    text-decoration: underline;
}

.form-title {
    margin: 0 0 20px 0;
    font-family: arial;
    font-size: 24px;
}

input, select, textarea {
    font-family: arial;
    font-size: 14px;
    padding: 2px;
}

textarea {
    width: 100%;
    height: 100px
}

/*#Form_Submit, #Form_Edit, #Form_Back{width:auto !important}*/
.fieldtext {
    border: 1px solid #989898;
    width: 100%
}

.fieldtext_read {
    border: 1px solid #989898;
    background-color: #DDDDDD;
    width: 100%;
    color: #000
}

.fieldtext_disable {
    border: 1px solid #989898;
    background-color: #7F7F7F;
    width: 100%;
    color: #7F7F7F
}

/*.fieldtext_mandatory{border:1px solid red;background-color:#FFF;width:100%;color:#000}*/
#Form_Back {
    margin-right: 5px
}

/**DASHBOARD**/
.dashboard-table {
    border-collapse: collapse;
    empty-cells: show;
    -moz-user-select: none;
    font-size: 11px
}

/*.dashboard-table tr {height:20px;}*/
.dashboard-table tr td {
    border: 1px solid #b1c8da;
    padding: 3px;
}

.dashboard-header {
    background: #e0e0e0 url(../im/dashboard-header.png) repeat-x left top;
}

.dashboard_appt_name {
    font-size: 11px;
}

.dashboard-nav-left {
    font-size: 14px;
    padding-left: 25px;
    padding-top: 13px;
    height: 29px;
    color: #0137b3;
    text-decoration: underline;
    font-weight: bold;
    background: transparent url(../im/arrows.png) no-repeat left top;
    display: block;
    width: 150px;
    margin-top: 5px;
    float: right;
    outline: none;
}

.dashboard-nav-right {
    font-size: 14px;
    padding-right: 25px;
    padding-top: 13px;
    height: 29px;
    color: #0137b3;
    text-decoration: underline;
    font-weight: bold;
    background: transparent url(../im/arrows.png) no-repeat right -42px;
    display: block;
    width: 150px;
    margin-top: 5px; /*margin-right:135px;*/
    float: right;
    outline: none;
}

.dashboard-table tr td.dashboard-appt-name {
    text-align: left;
    font-size: 11px;
    text-overflow: ellipsis;
}

.dashboard-table tr td.dashboard-appt-name-red {
    text-align: left;
    color: red;
    font-size: 11px;
    text-overflow: ellipsis;
}

.dashboard-table tr td.dashboard-appt-cat {
    text-align: left;
    font-size: 11px;
    text-overflow: ellipsis;
}

.dashboard-table tr td.dashboard-item {
    background-color: lightblue;
    border: 1px solid #8fa1af;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer !important;
}

.dashboard-table tr td.dashboard-item-grey {
    background-color: lightgrey;
    border: 1px solid #8fa1af;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer !important;
}

.dashboard-table tr td.dashboard-item-grey3 {
    background-color: grey;
    border: 1px solid #8fa1af;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: none;
}

.dashboard-table tr td.dashboard-item-black {
    background-color: black;
    border: 1px solid #8fa1af;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-table tr td.dashboard-item-grey2 {
    background-color: lightgrey;
    border: 1px solid #8fa1af;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;;
    cursor: pointer !important;
}

.dashboard-table tr td.dashboard-item-magenta {
    background-color: #E238EC;
    border: 1px solid #8fa1af;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer !important;
}

.dashboard-table tr td.dashboard-item-orange {
    background-color: orange;
    border: 1px solid #8fa1af;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer !important;
}

.dashboard-table tr td.dashboard-item-blue {
    background-color: #45b4fa;
    border: 1px solid #8fa1af;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer !important;
    color: #fff
}

.dashboard-table tr td.dashboard-item-green {
    background-color: green;
    border: 1px solid #8fa1af;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer !important;
    color: #fff
}

.dashboard-table tr td.dashboard-item-green2 {
    background-color: limegreen;
    border: 1px solid #8fa1af;
    color: #fff;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer !important;
}

.dashboard-table tr td.dashboard-item-red {
    background-color: red;
    border: 1px solid #8fa1af;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer !important;
}

.dashboard-table tr td.dashboard-item-yellow {
    background-color: #FFFC17;
    border: 1px solid #8fa1af;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer !important;
}

.dashboard-table tr td.dashboard-item-lila {
    background-color: #B666D2;
    border: 1px solid #8fa1af;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer !important;
}

.dashboard-table tr td.dashboard-item:hover {
    background-color: #ffe49d;
    border-color: #d7b866;
    color: #000
}

.dashboard-table tr td.dashboard-item-blue:hover {
    background-color: #ffe49d;
    border-color: #d7b866;
    color: #000
}

.dashboard-table tr td.dashboard-item-green:hover {
    background-color: #ffe49d;
    border-color: #d7b866;
    color: #000
}

.dashboard-table tr td.dashboard-item-grey:hover {
    background-color: #ffe49d;
    border-color: #d7b866;
    color: #000
}

.dashboard-table tr td.dashboard-item-grey2:hover {
    background-color: #ffe49d;
    border-color: #d7b866;
    color: #000
}

.dashboard-table tr td.dashboard-item-lila:hover {
    background-color: #ffe49d;
    border-color: #d7b866;
    color: #000
}

.dashboard-table tr td.dashboard-item-magenta:hover {
    background-color: #ffe49d;
    border-color: #d7b866;
    color: #000
}

.dashboard-table tr td.dashboard-item-yellow:hover {
    background-color: #ffe49d;
    border-color: #d7b866;
    color: #000
}

.dashboard-table .more {
    color: #000
}

/*.dashboard-month{background:url(../im/bgmonth.gif) repeat-x;border:1px solid #CCCCCC;height:79px;padding:0px;margin-top:20px}*/
.dashboard-month {
    border: 1px solid #CCCCCC;
    padding: 0px;
    margin-top: 10px;;
    background-color: #fff;
    font-size: 12px
}

/*.dashboard-month select{height:35px;padding:5px 10px}*/
.dashboard-month .cities {
    text-align: left;
    color: #333333;
    text-transform: capitalize;
    background: url(../im/bgcities2.gif) repeat-x #e6e6e6;
}

.dashboard-month .cities a {
    color: #333333;
    font-size: 12px;
    float: left;
    text-align: center;
    font-weight: bold;
    padding: 0px 20px;
    line-height: 20px
}

.dashboard-month .cities .selected, .dashboard-month .cities a:hover {
    background: url('../im/bgcity-selected.gif') repeat-x;
    height: 20px
}

.dashboard-month .month {
    padding-bottom: 10px;
    width: 640px;
    margin: 0px auto
}

.field-required {
    border: 1px solid red;
    width: 100%;
}

.error-field {
    background-color: red;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid red
}

.selectable-day {
    cursor: pointer;
}

.selectable-day.day-sunday {
    background-color: #ede3c9;
}

.blank {
    height: 21px
}

/**POPUP**/
.popup-form {
    padding: 8px;
}

.popup-form input, select {
    font-size: 15px;
    padding: 5px;
}

.popup-form .col-left {
    font-size: 16px;
    font-weight: bold;
    float: left;
    width: 120px;
    padding-top: 4px;
}

.popup-form .col-right {
    font-size: 16px;
    font-weight: bold;
    float: left;
    width: 120px;
}

.popup-form .form-row {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d1d1d1;
    clear: both
}

.popup-form .popup-button {
}

/**ACL**/
.acl_list {
    margin: 10px 0 30px
}

.acl_list .title {
    font-weight: bold;
    width: 340px;
    float: left;
}

.acl_list .acl {
    margin: 12px 0;
}

/**COUNTRY**/
#years {
    margin: 20px 0
}

#years a {
    color: #0137B3;
    font-weight: bold
}

#years .year {
    margin: 10px 0px;
    border: 1px solid #CCCCCC;
    padding: 10px
}


/**ACL**/
.apartment_list {
    margin: 10px 0 30px
}

.comment_list {
    margin: 20px 0
}

/*.apartment_list .title{font-weight: bold;width:340px;float:left;}*/

/**LISTE**/
.liste {
    padding: 0;
    border: 1px solid #999;
    border-right: none;
    border-bottom: none;
}

.liste td, .liste tr, .liste th {
    margin: 0;
    padding: 5px 8px;
    border: none;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

/**CUSTOMER**/
.left-layout .leftDisableLabel {
    margin-left: 2px;
    float: left;
}

.left-layout .leftDisable {
    margin-left: 17px;
    float: left;
}

/*#info table{padding: 0;border: 1px solid #999;border-right: none;border-bottom: none;}
#info table td, table tr, table th{margin: 0;padding: 3px;border: none;border-right: 1px solid #999;border-bottom: 1px solid #999;}*/
.no_data {
    width: 50%;
    margin: 10px 0 30px 0px
}

.disabled {
    background-color: #DDDDDD;
    color: #666666;
}

/*#Owner, #spanAbcd{float:left}*/

.required_text {
    margin: 20px 0 10px;
    font-style: italic;
    font-size: 12px
}

/*.required{border:1px solid green}*/

/**FIELDS**/
#Agent_Name, #Last_Name, #City, #Contact_Last_Name, #Bank_LastName, #Bank_City {
    text-transform: uppercase;
}

#Agent_FirstName, #First_Name, #Contact_First_Name, #Bank_FirstName {
    text-transform: capitalize;
}

/**APARTMENT**/
#no_reservations {
    margin: 20px 0
}

#detail_apartment {
    padding: 20px 0
}

#equipment_apartment, #sleeping_apartment {
    padding: 10px 0 20px;
    margin-top: 10px
}

#coment_apartment {
    padding: 10px 0 30px
}

#contracts {
    margin: 10px 0
}

#contracts .bar {
    margin-top: 20px
}

.prices input {
    width: 80px !important
}

.equipment_type {
    text-decoration: underline;
    margin: 25px 0 5px;
    font-weight: bold
}

.annexe {
    margin: 15px 0 35px
}

.annexes {
    width: 60%
}

/**RESERVATION**/
#download_files {
    float: left;
    width: 100%;
    margin: 20px 0 10px 20px
}


.view-image {
    margin-top: 15px;
    text-align: center;
    float: left
}

.view-image a {
    color: #0137B3;
    font-size: 12px
}

.extensions {
    margin-left: 10px
}