body {
    font: 1.4em/1.4em Arial, Helvetica, sans-serif;
    color: #333;
    background: white;
}

.fullscreen {
    min-height: calc(100vh - 150px);
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 10px;
}

#banniere {
    float: right;
    height: 172px;
    width: 100%;
    background: url(../images/banniere_v4.png) no-repeat top left;
    background-size: 100% 100%;
    background-color: #F7B934;
}

#header {
    margin: 0;
    padding: 0;
    display: block;
}

#footer {
    margin-top: 20px;
}

#logo {
    float: left;
    height: 94px;
    margin-top:1.5em;
    width: 195px;
}

.colMiddleFixe {
    top: 3px;
}

#menuPIV {
    width: 100%;
    background-color: #003399;
    color: #fff;
    text-align: left;
    float: right;
    padding: 0;
}

#menuPIV ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menuPIV ul li {
    list-style-type: none;
    display: inline;
}

#menuPIV a {
    color: #fff;
    text-decoration: none;
    padding: 5px 15px 5px 15px;
    float: left;
    background-color: #003399;
}

#menuPIV a.quitter {
    float: right;
}

#zonemenu {
    float: left;
    position: relative;
    z-index: 1000;
    width: 100%;
    font-size: 0.92em;
    line-height: 1.2em;
    border-bottom: 1px solid #BF9F5A;
    margin: 0;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 15px;
}

    #zonemenu input {
        background: #BF9F5A;
    }

#container-add-programme {
    position:fixed;
    bottom: 0px;
    right: 0px;
}

.container-form {
    padding-top: 15px;
    padding-bottom: 15px;
}

.container-fluid-no-padding {
    padding:0px;
}

.interspace {
    margin-top: 15px;
}

.container-ajust {
    padding-top: 15px;
    padding-bottom: 15px;
}

.container-middle {
    display: table-cell;
    vertical-align: middle;
}

.colonne-gauche {
    border-right: 1px dotted #BF9F5A;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0.2em;
}

.row-data {
    line-height: 30px;
}

.row-data-alt {
    /*background-color: #f5e9d6;*/
    background-color: #e3ecf3;
}

.jqx-rc-all {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.title-2 {
    font-size: 1.5em;
    font-weight: normal;
    color: #A46004;
    background-color: #fff;
    line-height: 1.5em;
    margin: 5px 0 8px 0;
}

.field {
    padding-left: 5px;
    padding-right: 5px;
    background-color: #D6C9B1;
    line-height: 30px;
}

.container-block {
    float: left;
    position: relative;
    z-index: 1000;
    width: calc(100% - 30px);
    font-size: 0.92em;
    line-height: 1.2em;
    border-bottom: 1px solid #A8C2D3;
    margin: 0;
    margin-right: 15px;
    margin-left: 15px;
}

.field-require {
    color: #CC0000;
}

.text-label {
    space: nowrap;
    line-height: 30px;
}

.text-info {
    color:black;
}

.indic {
    font-size: 0.80em;
}

.header {
    display: inline;
}

.header-text {
    font-weight:bold;
}

.messageContainer {
    margin-left: 15px;
    margin-right: 15px;
}

.col {
    margin-left: 5px;
    margin-right: 5px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 4px;
    padding-left: 4px;
}

.float-left {
    float:left;
}

.header-col {
    margin-bottom: 20px;
    background-color: #A8C2D3;
}

#loader-content {
    position: fixed;
    bottom: 0px;
    right: 0px;
    border: 1px solid grey;
}

.loader-content {
    position: relative;
    z-index: 999999;
    background-color: white;
}

.loader-content .load-content-text {
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    white-space: nowrap;
}

.statistique-content h4{
    margin-bottom:0px;
}

.jqx-progressbar {
    background-color: #d4d4d4;
    border: 1px solid grey;
}

.graph-donut {
    position:absolute;
}

.graph-donut-text {
    position: absolute;
    top: 115px !important;
    left: 100px;
    width: 40px;
    text-align: center;
    font-weight: bold;
    display: block;
}

.titre h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.graph-donut-text2 {
    position: absolute;
    top: 126px !important;
    left: 100px;
    width: 40px;
    text-align: center;
    font-weight: bold;
    display: block;
}

.graph-donut-info {
    display: none;
}

.nomApp {
    position:absolute;
    font-size: 1.4em;
    margin-top: 15px;
    float: left;
    color: #000;
    font-weight: bold;
    text-align: center;
    width: 100%;
    left: 0px;
}

.nomApp-content {
    position: absolute;
    box-sizing: content-box;
    width: 100%;
    text-align: center;
    overflow:hidden;
}

.jqx-loader-modal {
    opacity: 0.0;
}

#data-table th {
    padding-top: 15px;
    padding-bottom: 15px;
}

.container-page {
    margin-left: 0px;
    margin-right: 0px;
}

.container-page .section:not(:last-child) {
    margin-bottom: 10px !important;
    padding-bottom: 10px;
    border-bottom: 1px dashed #BF9F5A;
}

.container-page .section h3 {
    color: #A46004;
}

.container-page .section h4 {
        color: #A46004;
}

.container-page-end {
    margin-top: 15px;
}

.container-fluid.line:not(:last-child) {
    margin-bottom: 10px;
}

.container-fluid.info {
    border:2px dotted #CC0000;
    background-color:#D6C9B1;
}

table th {
    background-color: #E7CF7F;
}

table th {
    font-size:1.1em;
}

.form-header {
    border: 1px solid #BF9F5A;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: black !important;
}

    .form-header .section h3, .form-header .section h4 {
        color: #000000;
    }

.sub-form {
    border: 1px dashed #BF9F5A;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#form-pei th, td {
    padding: 15px;
}

.jqx-tooltip .jqx-fill-state-normal-glacier:not(.jqx-tooltip-arrow-glacier) {
    background-color:#E7CF7F !important;
}

#innerListBoxlisteProgramme.jqx-widget-content-glacier {
    border-color: black;
}

.jqx-fill-state-focus-glacier {
    border-color: #747474;
}

#submitDemande {
    font-size:1.2em;
}

.warning {
    color: #dd4b39;
    font-size: 1.2em;
}

.jqx-widget-glacier {
    font-size: 1.2em;
}

.unselectable {
    user-select: none;
}

.jqx-checkbox-default-glacier {
    border-color: #333;
}

.delemiter {
    float: left;
    position: relative;
    z-index: 1000;
    width: 100%;
    font-size: 0.92em;
    line-height: 1.2em;
    border-bottom: 1px solid #BF9F5A;
    margin: 0;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 15px;
}

.jqx-button {
    cursor: pointer !important;
}