/* Erreurs PHP on top */
.xdebug-error.xe-notice {
    position: relative;
    z-index: 999999999;
}


.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

input.huge-checkbox {
    width: 28px;
    height: 28px;
}

input.larger-checkbox {
    width: 20px;
    height: 20px;
}

body {
    color: black;
    font-weight: normal;
    background: white;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

#nav-bar-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
    z-index: 20;
}

.bold {
    font-weight: bold;
}

#white-bar {
    position: absolute;
    background: white;
    left: 0;
    top: 57px;
    height: 4px;
    width: 100%;
    display: block;
}

#welcome,
#bulletin,
#bulletin-sep {
    height: 30px;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    text-align: right;
    float: right;
}

#welcome,
#bulletin-sep {
    color: black;
}

.bulletin-lu {
    color: black;
}

.bulletin-lu:hover {
    color: red;
}

.bulletin-pas-lu {
    color: #ED7D31;
}

.bulletin-pas-lu:hover {
    color: red;
}

#nav-top {
    position: absolute;
    background: white;
    width: 100%;
    height: 30px;
    overflow: hidden;
}

#nav-logout {
    color: black;
    height: 30px;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    text-align: right;
    float: right;
    background: white;
}

#nav-logout a {
    color: #676360;
}

#nav-logout a:hover {
    color: #FF0000;
}

#nav-login {
    color: black;
}

#nav-login a {
    color: #676360;
}

#nav-login a:hover {
    color: #FF0000;
}

#hide-nav {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    overflow: hidden;
    left: 0;
    top: 0;
    height: 123px;
    width: 100%;
    z-index: 100;
    display: none;
}

#nav-annuler {
    position: relative;
    top: 77px;
    float: right;
    height: 30px;
    margin-right: 20px;
}

#annuler {
    position: absolute;
    left: 100%;
    margin-left: -120px;
    top: 16px;
    width: 100px;
}

nav {
    position: absolute;
    background-color: #CCF9EA;
    color: white;
    overflow: hidden;
    left: 0;
    top: 28px;
    width: 100%;
}

nav ul {
    position: relative;
    margin: 0;
}

nav ul li {
    position: relative;
    left: -35px;
    background-color: #49BCFD;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    height: 36px;
    line-height: 36px;
    margin: 10px 5px 10px 0;
}

li a {
    color: white;
    list-style-type: none;
    text-decoration: none;
    padding: 3px;
}

li a:hover {
    color: white;
    background: none;
}

.li-option {
    color: white;
    background-color: #F2AB37;
    border: 3px solid #F2AB37;
    border-radius: 3px;
}

.li-text {
    color: white;
    background-color: #A2E00F;
    border: 3px solid #A2E00F;
    border-radius: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

.error {
    font-weight: bold;
}

.unselected-tab {
    background: #F2AB37;
    font-size: 15px;
    line-height: 12px;
    font-weight: bold;
    border: 0;
    color: white;
    margin-right: 0;
    height: 29px;
    outline: none;
}

.unselected-tab:hover {
    background: #82BD5B;
    outline: none;
}

.header-hover {

    background: #70AD47;
    color: black;
    padding: 4px;
    font-size: 11px;
    font-weight: bold;
    border-right: solid 1px white;
    border-bottom: solid 4px white;
}

.header-no-sort {
    background: #90CD67;
    color: black;
    padding: 4px;
    font-size: 13px;
    font-weight: bold;
    border-right: solid 1px white;
    border-bottom: solid 4px white;
}

.header-hover-last {
    background: #70AD47;
    color: black;
    padding: 4px;
    font-size: 13px;
    font-weight: bold;
    border-bottom: solid 4px white;
}

.header-hover:hover,
.header-hover-last:hover {
    color: White;
    background: #90CD67;
}

.header {
    background: #70AD47;
    color: black;
    font-size: 11px;
    font-weight: bold;
    padding: 4px;
    border-right: solid 1px white;
    border-bottom: solid 4px white;
    box-sizing: border-box;
}

.header-err {
    background: red;
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding: 4px;
    border-right: solid 1px white;
    border-bottom: solid 4px white;
    box-sizing: border-box;
}

.header-error {
    background: red;
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding: 4px;
    border-right: solid 1px white;
    border-bottom: solid 4px white;
    box-sizing: border-box;
}

.header-full {
    background: #70AD47;
    color: black;
    font-size: 13px;
    font-weight: bold;
    padding: 4px;
}

.header2 {
    background: #7CC355;
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding: 4px;
    border-right: solid 1px white;
    border-bottom: solid 4px white;
}

.data {
    color: #2D948C;
    background: white;
    border: solid 1px #72AD4B;
    padding: 4px;
}

.data-print {
    color: black;
    background: white;
    border: solid 1px black;
    padding: 4px;
}

.data-print-black {
    color: white;
    background: black;
    border: solid 1px black;
    padding: 4px;
}

.data-highlight-x {
    color: black;
    background: #FFFFDD;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 11px;
    overflow: hidden;
}

.data-highlight-fraction {
    color: black;
    background: #CCFFCC;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 11px;
    overflow: hidden;
}

.data-highlight-externe {
    color: black;
    background: #CCCCFF;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 11px;
    overflow: hidden;
}

.data-highlight-event {
    color: red;
    background: #FFCC88;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 13px;
    overflow: hidden;
}

.data-highlight-ajout {
    color: black;
    background: #FFB9AC;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 13px;
    overflow: hidden;
}

.data-red {
    color: white;
    background: red;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    font-size: 13px;
    padding: 4px;
    overflow: hidden;
}

.data-yel {
    color: black;
    background: yellow;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    font-size: 13px;
    font-weight:bold;
    padding: 4px;
    overflow: hidden;
}

.selected-tab {
    background-color: #A2E00F;
    font-size: 15px;
    line-height: 12px;
    font-weight: bold;
    color: white;
    margin-right: 0;
    height: 29px;
    outline: none;
    border: none;
}

#page {
    position: absolute;
    left: 0;
    top: 124px;
    width: auto;
}

.choisir-impossible {
    background: #FF4444;
    height: 29px;
    font-size: 15px;
    font-weight: bold;
    border: 0;
    color: #FFc0c0;
    padding: 6px;
}

.choisir {
    background: #ECAA29;
    height: 29px;
    font-size: 15px;
    font-weight: bold;
    border: 0;
    color: white;
    padding: 6px;
}

.choisir:hover {
    color: white;
    background: #FCBA39;
}

.choisir-red {
    background: #C37A39;
    height: 29px;
    font-size: 15px;
    font-weight: bold;
    border: 0;
    color: white;
    padding: 6px;
}

.choisir-red:hover {
    color: white;
    background: #D38A49;
}

.choisir-disabled {
    background: #CC8A09;
    height: 29px;
    font-size: 15px;
    font-weight: bold;
    border: 0;
    color: #FCBA39;
    padding: 6px;
}

.input-inv {
    color: #2E79BA;
    background: white;
    padding: 2px;
}

input[type=text],
textarea {
    padding: 1px 0 1px 1px;
    margin: 2px 2px 2px 0;
    border: 1px solid black;
}

input[type=text]:focus,
textarea:focus {
    box-shadow: 0 0 3px #444444;
    padding: 1px 0 1px 1px;
    margin: 2px 2px 2px 0;
    border: 1px solid black;
}

input[type=password] {
    padding: 1px 0 1px 1px;
    margin: 2px 2px 2px 0;
    border: 1px solid black;
}

input[type=password]:focus {
    box-shadow: 0 0 2px #444444;
    padding: 1px 0 1px 1px;
    margin: 2px 2px 2px 0;
    border: 1px solid black;
}

input[type="radio"] {
    position: relative;
    left: 2px;
    top: 2px;
}


.choisir-orange {
    line-height: 20px;
    min-width: 100px;
    border: 0;
    height: 25px;
    font-size: 13px;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #F2AB37), color-stop(1%, #F2AB37), color-stop(1%, #ED7D31), color-stop(92%, #ED7D31), color-stop(92%, #ED7D31), color-stop(100%, #ED7D31));
    background-image: -webkit-linear-gradient(#F2AB37, #F2AB37 1%, #F2AB37 1%, #F2AB37 92%, #ED7D31 92%, #ED7D31);
    background-image: linear-gradient(#F2AB37, #F2AB37 1%, #F2AB37 1%, #F2AB37 92%, #ED7D31 92%, #ED7D31);
    background-image: linear, false, #F2AB37, #F2AB37 1%, #F2AB37 1%, #F2AB37 92%, #ED7D31 92%, #ED7D31;
    background-color: #F2AB37;
    color: #000;
}

div.choisir-orange {
    line-height: 25px;
}

.choisir-orange-disabled {
    line-height: 20px;
    min-width: 100px;
    border: 0;
    height: 25px;
    font-size: 13px;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #F2AB37), color-stop(1%, #F2AB37), color-stop(1%, #ED7D31), color-stop(92%, #ED7D31), color-stop(92%, #ED7D31), color-stop(100%, #ED7D31));
    background-image: -webkit-linear-gradient(#F2AB37, #F2AB37 1%, #F2AB37 1%, #F2AB37 92%, #ED7D31 92%, #ED7D31);
    background-image: linear-gradient(#F2AB37, #F2AB37 1%, #F2AB37 1%, #F2AB37 92%, #ED7D31 92%, #ED7D31);
    background-image: linear, false, #F2AB37, #F2AB37 1%, #F2AB37 1%, #F2AB37 92%, #ED7D31 92%, #ED7D31;
    background-color: #F2AB37;
    color: #D28B17;
}

.choisir-orange:hover {
    color: white;
}

.choisir-vert {
    line-height: 20px;
    min-width: 100px;
    border: 0;
    height: 28px;
    font-size: 13px;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #D6EE6D), color-stop(1%, #D6EE6D), color-stop(1%, #BFE51B), color-stop(92%, #BFE51B), color-stop(92%, #BFE51B), color-stop(100%, #BFE51B));
    background-image: -webkit-linear-gradient(#D6EE6D, #D6EE6D 1%, #D6EE6D 1%, #D6EE6D 92%, #BFE51B 92%, #BFE51B);
    background-image: linear-gradient(#D6EE6D, #D6EE6D 1%, #D6EE6D 1%, #D6EE6D 92%, #BFE51B 92%, #BFE51B);
    background-image: linear, false, #D6EE6D, #D6EE6D 1%, #D6EE6D 1%, #D6EE6D 92%, #BFE51B 92%, #BFE51B;
    background-color: #D6EE6D;
    color: #000;
}

.bg-vert-precis {
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #D6EE6D), color-stop(1%, #D6EE6D), color-stop(1%, #BFE51B), color-stop(92%, #BFE51B), color-stop(92%, #BFE51B), color-stop(100%, #BFE51B));
    background-image: -webkit-linear-gradient(#D6EE6D, #D6EE6D 1%, #D6EE6D 1%, #D6EE6D 92%, #BFE51B 92%, #BFE51B);
    background-image: linear-gradient(#D6EE6D, #D6EE6D 1%, #D6EE6D 1%, #D6EE6D 92%, #BFE51B 92%, #BFE51B);
    background-image: linear, false, #D6EE6D, #D6EE6D 1%, #D6EE6D 1%, #D6EE6D 92%, #BFE51B 92%, #BFE51B;
    background-color: #D6EE6D;
    color: #000;
}

.choisir-vert-disabled {
    line-height: 20px;
    min-width: 100px;
    border: 0;
    height: 28px;
    font-size: 13px;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #D6EE6D), color-stop(1%, #D6EE6D), color-stop(1%, #BFE51B), color-stop(92%, #BFE51B), color-stop(92%, #BFE51B), color-stop(100%, #BFE51B));
    background-image: -webkit-linear-gradient(#D6EE6D, #D6EE6D 1%, #D6EE6D 1%, #D6EE6D 92%, #BFE51B 92%, #BFE51B);
    background-image: linear-gradient(#D6EE6D, #D6EE6D 1%, #D6EE6D 1%, #D6EE6D 92%, #BFE51B 92%, #BFE51B);
    background-image: linear, false, #D6EE6D, #D6EE6D 1%, #D6EE6D 1%, #D6EE6D 92%, #BFE51B 92%, #BFE51B;
    background-color: #D6EE6D;
    color: #A6BE3D;
}

.choisir-vert-fonce {
    line-height: 28px;
    min-width: 100px;
    border: 0;
    height: 28px;
    font-size: 13px;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #70AD47), color-stop(1%, #70AD47), color-stop(1%, #BFE51B), color-stop(92%, #BFE51B), color-stop(92%, #BFE51B), color-stop(100%, #BFE51B));
    background-image: -webkit-linear-gradient(#70AD47, #70AD47 1%, #70AD47 1%, #70AD47 92%, #BFE51B 92%, #BFE51B);
    background-image: linear-gradient(#70AD47, #70AD47 1%, #70AD47 1%, #70AD47 92%, #BFE51B 92%, #BFE51B);
    background-image: linear, false, #70AD47, #70AD47 1%, #70AD47 1%, #70AD47 92%, #BFE51B 92%, #BFE51B;
    background-color: #70AD47;
    color: #000;
}

.choisir-vert:hover,
.choisir-vert-fonce:hover {
    color: white;
}

.choisir-bleu {
    line-height: 28px;
    min-width: 100px;
    border: 0;
    height: 28px;
    font-size: 13px;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #6DC8EE), color-stop(1%, #6DC8EE), color-stop(1%, #47a6cd), color-stop(92%, #47a6cd), color-stop(92%, #47a6cd), color-stop(100%, #47a6cd));
    background-image: -webkit-linear-gradient(#6DC8EE, #6DC8EE 1%, #6DC8EE 1%, #6DC8EE 92%, #47a6cd 92%, #47a6cd);
    background-image: linear-gradient(#6DC8EE, #6DC8EE 1%, #6DC8EE 1%, #6DC8EE 92%, #47a6cd 92%, #47a6cd);
    background-image: linear, false, #6DC8EE, #6DC8EE 1%, #6DC8EE 1%, #6DC8EE 92%, #47a6cd 92%, #47a6cd;
    background-color: #6DC8EE;
    color: #000;
}

.choisir-bleu:hover {
    color: white;
}

.choisir-vert-disabled:hover {
    color: #A6BE3D;
}

.choisir-rouge,
.choisir-rouge-disabled {
    line-height: 20px;
    min-width: 100px;
    border: 0;
    height: 25px;
    font-size: 13px;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, red), color-stop(1%, red), color-stop(1%, #bb0000), color-stop(92%, #bb0000), color-stop(92%, #bb0000), color-stop(100%, #bb0000));
    background-image: -webkit-linear-gradient(red, red 1%, red 1%, red 92%, #bb0000 92%, #bb0000);
    background-image: linear-gradient(red, red 1%, red 1%, red 92%, #bb0000 92%, #bb0000);
    background-image: linear, false, red, red 1%, red 1%, red 92%, #bb0000 92%, #bb0000;
    background-color: red;
}

.choisir-rouge {
    color: #000;
}

.choisir-rouge:hover {
    color: white;
}

.choisir-rouge-disabled {
    color: #CC0000;
}

.choisir-rouge-disabled:hover {
    color: #CC0000;
}

.choisir-action-vert {
    margin-right: 4px;
    line-height: 16px;
    border: 0;
    height: 16px;
    font-size: 10px;
    color: #000;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #D6EE6D), color-stop(1%, #D6EE6D), color-stop(1%, #BFE51B), color-stop(92%, #BFE51B), color-stop(92%, #BFE51B), color-stop(100%, #BFE51B));
    background-image: -webkit-linear-gradient(#D6EE6D, #D6EE6D 1%, #D6EE6D 1%, #D6EE6D 92%, #BFE51B 92%, #BFE51B);
    background-image: linear-gradient(#D6EE6D, #D6EE6D 1%, #D6EE6D 1%, #D6EE6D 92%, #BFE51B 92%, #BFE51B);
    background-image: linear, false, #D6EE6D, #D6EE6D 1%, #D6EE6D 1%, #D6EE6D 92%, #BFE51B 92%, #BFE51B;
    background-color: #D6EE6D;
}


.choisir-action {

    margin-right: 4px;
    line-height: 16px;
    border: 0;
    height: 16px;
    font-size: 10px;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #F2AB37), color-stop(1%, #F2AB37), color-stop(1%, #ED7D31), color-stop(92%, #ED7D31), color-stop(92%, #ED7D31), color-stop(100%, #ED7D31));
    background-image: -webkit-linear-gradient(#F2AB37, #F2AB37 1%, #F2AB37 1%, #F2AB37 92%, #ED7D31 92%, #ED7D31);
    background-image: linear-gradient(#F2AB37, #F2AB37 1%, #F2AB37 1%, #F2AB37 92%, #ED7D31 92%, #ED7D31);
    background-image: linear, false, #F2AB37, #F2AB37 1%, #F2AB37 1%, #F2AB37 92%, #ED7D31 92%, #ED7D31;
    background-color: #F2AB37;
    color: #000;
}

.choisir-action-disabled, {
    margin-right: 4px;
    line-height: 16px;
    border: 0;
    height: 16px;
    font-size: 10px;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #F2AB37), color-stop(1%, #F2AB37), color-stop(1%, #ED7D31), color-stop(92%, #ED7D31), color-stop(92%, #ED7D31), color-stop(100%, #ED7D31));
    background-image: -webkit-linear-gradient(#F2AB37, #F2AB37 1%, #F2AB37 1%, #F2AB37 92%, #ED7D31 92%, #ED7D31);
    background-image: linear-gradient(#F2AB37, #F2AB37 1%, #F2AB37 1%, #F2AB37 92%, #ED7D31 92%, #ED7D31);
    background-image: linear, false, #F2AB37, #F2AB37 1%, #F2AB37 1%, #F2AB37 92%, #ED7D31 92%, #ED7D31;
    background-color: #F2AB37;
    color: #D28B17;
}

.choisir-action:hover {
    color: white;
}

.choisir-action:disabled {
    color: #DD6D21;
}

.onglet {
    position: relative;
    margin-top: 0;
    margin-left: 6px;
    border-radius: 0;
    color: black;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    width: auto;
    min-width: 115px;
    float: right;
}

.nav-left-onglet {
    position: absolute;
    border-radius: 0;
    color: black;
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
}

.left-onglet,
.left-onglet-long {
    position: relative;
    margin-top: 0;
    margin-right: 5px;
    border-radius: 0;
    color: black;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    float: left;
}

.disabled-onglet {

    opacity: 0.5;

}


.left-onglet-long-acces {
    border-width: 0;
    min-width: 100px;
    position: relative;
    margin-top: 0;
    margin-right: 5px;
    color: black;
    width: 250px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 40px;
    line-height: 20px;
    font-size: 15px;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    float: left;
}

.left-onglet-err {
    position: relative;
    margin-top: 0;
    margin-right: 5px;
    border-radius: 0;
    color: black;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    float: left;
}

.nav-left-onglet {
    width: 84px;
    min-width: 84px;
}

.left-onglet,
.left-onglet-err {
    width: 88px;
    min-width: 88px;
}

.left-onglet-long {
    width: 200px;
    min-width: 100px;
}


.onglet-selected {
    background-color: #70AD47;
    color: black;
}

.onglet-selected-orange {
    background-color: #FFBB47;
    color: black;
}

.onglet-selected:hover,
.onglet-selected-orange:hover {
    color: white;
}

.onglet-selected a:hover {
    color: white;
}

.onglet-unselected {
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #D6EE6D), color-stop(1%, #D6EE6D), color-stop(1%, #BFE51B), color-stop(85%, #BFE51B), color-stop(85%, #BFE51B), color-stop(100%, #BFE51B));
    background-image: -webkit-linear-gradient(#D6EE6D, #D6EE6D 1%, #D6EE6D 1%, #D6EE6D 85%, #BFE51B 85%, #BFE51B);
    background-image: linear-gradient(#D6EE6D, #D6EE6D 1%, #D6EE6D 1%, #D6EE6D 85%, #BFE51B 85%, #BFE51B);
    background-image: linear, false, #D6EE6D, #D6EE6D 1%, #D6EE6D 1%, #D6EE6D 85%, #BFE51B 85%, #BFE51B;
    background-color: #70AD47;
    color: black;
}

.onglet-unselected:hover {
    color: white;
}

.onglet-unselected a:hover {
    color: white;
}

.onglet-unselected-orange {
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #F2AB37), color-stop(1%, #F2AB37), color-stop(1%, #ED7D31), color-stop(85%, #ED7D31), color-stop(85%, #ED7D31), color-stop(100%, #ED7D31));
    background-image: -webkit-linear-gradient(#F2AB37, #F2AB37 1%, #F2AB37 1%, #F2AB37 85%, #ED7D31 85%, #ED7D31);
    background-image: linear-gradient(#F2AB37, #F2AB37 1%, #F2AB37 1%, #F2AB37 85%, #ED7D31 85%, #ED7D31);
    background-image: linear, false, #F2AB37, #F2AB37 1%, #F2AB37 1%, #F2AB37 85%, #ED7D31 85%, #ED7D31;
    background-color: #F2AB37;
    color: black;
}

.onglet-unselected-orange:hover {
    color: white;
}

.onglet-unselected-orange a:hover {
    color: white;
}

.onglet-selected-err {
    background-color: #FF0000;
    color: white;
}

.onglet-selected-err:hover {
    color: white;
}

.onglet-selected-err a:hover {
    color: white;
}

.onglet-unselected-err {
    background-color: #EF0000;
    color: #FFAFAF;
}

.onglet-unselected-err:hover {
    color: white;
}

.onglet-unselected-err a:hover {
    color: white;
}

#nav-buttons {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    height: 32px;
    background: white;
}

#pink-bar {
    position: absolute;
    height: 63px;
    width: 100%;
    left: 0;
    top: 60px;
    display: block;
    background: #70AD47;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top, pink, pink);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, pink, pink);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, pink, pink);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, pink, pink);
    /* Standard syntax */
}

#green-bar {
    position: absolute;
    height: 63px;
    width: 100%;
    left: 0;
    top: 60px;
    display: block;
    background: #70AD47;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top, #70AD47, #D6EE6D);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #70AD47, #D6EE6D);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #70AD47, #D6EE6D);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #70AD47, #D6EE6D);
    /* Standard syntax */
}

#logo-container {
    position: absolute;
    left: 0;
    top: 5px;
    height: 61px;
    width: 100%;
}

#logo {
    position: relative;
    color: black;
    width: auto;
    font-size: 36px;
    display: inline-block;
    text-align: left;
}

#titre {
    position: relative;
    color: black;
    font-size: 26px;
    display: inline-block;
    width: auto;
    text-align: left;
}

#nav-aide {
    position: relative;
    top: -3px;
    margin-left: 12px;
    display: none;
    width: auto;
}


#version {
    position: absolute;
    left: 0;
    top: 45px;
    color: black;
    font-size: 12px;
    display: inline-block;
    width: "100%";
    text-align: left;
}

#version span {
    color: blue;
    font-weight: bold;
    font-size: 1.4em;
}

#change_log_outer {
    display: none;
}

.change_log_inner {
    display: flex;
    max-height: 50vh;
}

.change_log_legend {
    width: 6em;
    margin-right: 2em;
    text-align: left;
    overflow-y: scroll;
}

.change_log_legend a {
    display: block;
    color: blue !important;
    cursor: pointer;
}

.change_log_detail {
    position: relative;
    text-align: left;
    overflow-y: scroll;
    width: calc(100% - 8em);
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    color: white !important;
    text-decoration: none;
}

.data0 {
    color: black;
    background: #C5D3BF;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 13px;
    overflow: hidden;
    box-sizing: border-box;
}

.data4 {
    color: black;
    background: #B5C3AF;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 11px;
    overflow: hidden;
    box-sizing: border-box;
}

.bg-yellow {
    background: yellow !important;
}

.data5 {
    color: black;
    background: #C5D3BF;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 11px;
    font-weight: bold;
    overflow: hidden;
    box-sizing: border-box;
}

.data1,
.rec-data1 {
    color: black;
    background: #D5E3CF;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 11px;
    overflow: hidden;
    box-sizing: border-box;
}

.data2,
.rec-data2,
.data-err,
.data-file {
    color: black;
    background: #EBF1E9;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 11px;
    overflow: hidden;
    box-sizing: border-box;
}

.data3,
.data-orange1 {
    background: #F7C581;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 11px;
    overflow: hidden;
    box-sizing: border-box;
}

.text-red {
    color: red;
    font-weight: bold;
}

.text-blue {
    color: blue;
    font-weight: bold;
}

.data3,
.data-orange2 {
    background: #FFCC88;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 11px;
    overflow: hidden;
    box-sizing: border-box;
}

.data-jaune {
    color: black;
    background: yellow;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 13px;
    overflow: hidden;
    box-sizing: border-box;
}

.data-jaune-pale {
    color: black;
    background: #F6FF92;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 13px;
    overflow: hidden;
    box-sizing: border-box;
}

.data-mauve {
    color: black;
    background: #CBB6EB;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 13px;
    overflow: hidden;
    box-sizing: border-box;
}

.data-red {
    color: black;
    background: red;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 13px;
    overflow: hidden;
    box-sizing: border-box;
}

.data6,
.data-green {
    color: black;
    background: #D6EE6D;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    padding: 4px;
    font-size: 11px;
    overflow: hidden;
    box-sizing: border-box;
}

.data-err {
    color: white;
    background: red;
}

.data-file {
    color: white;
    background: green;
}

#Buttons-container {
    position: absolute;
    top: 58px;
    width: 100%;
    height: 28px;
    background: white;
}

#Recherche {
    position: relative;
    float: right;
    height: 28px;
    margin-left: 3px;
    margin-right: 2px;
}

#Recherche-Ajout {
    position: relative;
    float: right;
    margin-left: 3px;
    margin-right: 2px;
    height: 28px;
}

.choisir-calendar {
    position: relative;
    left: -21px;
    top: 6px;
    height: 21px;
    display: inline-block;
}

.goto-box {
    color: black;
    display: block;
}

#goto-box-div {
    position: absolute;
    left: 1050px;
    top: 0;
    width: 162px;
    height: 62px;
}

#goto-box-loading {
    position: absolute;
    left: 12px;
    top: 6px;
    font-size: 14px;
}

#goto-box-input {
    position: absolute;
    left: 11px;
    top: 28px;
}

#new_ci {
    min-width: 94px;
    max-width: 94px;
    width: 94px;
}

#goto-box-aide {
    position: absolute;
    left: 180px;
    top: 26px;
}

#goto-box-button {
    position: absolute;
    left: 115px;
    top: 28px;
}

#rech-prod-box-div {
    position: absolute;
    left: 750px;
    top: 0;
    width: 262px;
    height: 62px;
}

#rech-prod-box-loading {
    position: absolute;
    top: 7px;
    left: 0;
}

#rech-prod-input {
    color: #808080;
    min-width: 94px;
    max-width: 94px;
    width: 94px;
}

#rech-prod-box-inclure-checkbox {
    position: relative;
    top: 3px;
}

#rech-prod-box-input {
    position: absolute;
    top: 4px;
    left: 144px;
}

#rech-prod-box-aide {
    position: absolute;
    top: 4px;
    left: 240px;
}

#rech-prod-box-inclure {
    position: absolute;
    font-size: 12px;
    top: 34px;
    left: 0;
}

#rech-prod-box-button {
    position: absolute;
    top: 33px;
    left: 189px;
}

#rech-prod-box-load {
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 34px;
    left: 0;
    display: none;
}

#nav-rapports-menu,#nav-comm-phcie-menu,#nav-comm-finance-menu
{
    position: relative;
    width: 100%;
    height: auto;
    border-left: solid 1px #A1A1A1;
    border-right: solid 1px #A1A1A1;
    border-bottom: solid 1px #A1A1A1;
    z-index: 3000;
}

#nav-rapports-menu
{
    top:-2px;
    left:-1px;
}

#nav-comm-finance-menu
{
    top:4px;
    left:-1px;
}

#nav-comm-phcie-menu
{
    top:4px;
    left:-2px;
}

.nav-rapports-option,.nav-comm-phcie-option,.nav-comm-finance-option {
    position: relative;
    background: white;
    text-align: center;
    color: black;
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
}

#nav-validation-menu {
    position: relative;
    top: -2px;
    left: 0;
    width: 100%;
    height: auto;
    border-left: solid 1px #A1A1A1;
    border-right: solid 1px #A1A1A1;
    border-bottom: solid 1px #A1A1A1;
    z-index: 3000;
}

#full-page-feedback-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 200;
}

#full-page-feedback {
    color: black;
    text-align: center;
    position: relative;
    left: 50%;
    width: 350px;
    margin-left: -175px;
    top: 50%;
    height: 100px;
    margin-top: -75px;
    background: white;
    border: solid 1px black;
    box-shadow: 4px 4px 4px #000000;
    display:table;
}

#full-page-feedback p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#entrez-mdp-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 300;
}

#entrez-mdp-inner {
    color: black;
    text-align: center;
    position: fixed;
    left: 50%;
    width: 320px;
    margin-left: -160px;
    top: 50%;
    height: 100px;
    margin-top: -50px;
    padding: 8px;
    background: white;
    border: solid 1px black;
    box-shadow: 4px 4px 4px #000000;
}

#entrez-mdp-line {
    position: relative;
    top: 15px;
}

#entrez-mdp-text {
    position: relative;
    display: inline-block;
}

#entrez-mdp-input {
    position: relative;
    display: inline-block;
    color: #888888;
    width: 120px;
}

#entrez-mdp-ok {
    position: absolute;
    left: 100px;
    top: 66px;
}

#entrez-mdp-cancel {
    position: absolute;
    left: 210px;
    top: 66px;
}

.cpo-nom {
    position: absolute;
    left: 1270px;
    top: 0;
    width: 270px;
    height: 63px;
    display: table;
    line-height: 26px;
    font-size: 24px;
}

.cpo-nom p {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

#guide {
    position: absolute;
    left: 1550px;
    top: 26px;
    width: 80px;
    max-width: 80px;
}

#pp {
    position: absolute;
    left: 600px;
    top: 18px;
    text-align: center;
}

#var-input-container {
    color: black;
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    z-index: 1000;
    display: none;
}

#var-input-inner {
    color: black;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 500px;
    height: 140px;
    margin-left: -250px;
    margin-top: -70px;
    background: white;
    border: solid 1px #41719C;
    z-index: 1001;
}

#var-input-titre {
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    text-align: center;
}

#var-input-value {
    position: relative;
    top: 50px;
    display: inline-block;
}

#var-input-buttons-container {
    position: absolute;
    left: 0;
    width: 100%;
    top: 100px;
}

#var-input-save {
    position: relative;
    margin-right: 10px;
    float: right;
    top: 0;
}

#var-input-cancel {
    position: relative;
    margin-right: 10px;
    float: right;
    top: 0;
}

checkbox {
    color: Black;
}

/* Date-range-picker */
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #70AD47;
}

.drp-calendar thead tr:nth-child(1) {
    background-color: #BFE618;
}

.drp-calendar thead tr:nth-child(2) {
    background-color: #9BC857;
}

.drp-calendar thead th {
    border-radius: 0 !important;
}

.drp-buttons .applyBtn {
    background: #F2AB37 !important;
    border: 0 !important;
    color: black !important;
}

.ui-combobox {
    display: inline-block;
}

.ic-onglet {
    font-size: 11px !important;
}

.radio-position-horaire-long-terme {
    position: relative;
    top: 3px;
    left: 5px;

}

.langue:hover {
    background:black;
}

#switch-langue,#langue-courante
{
	padding-left:2px;
	padding-right:2px;
	display:inline-block;
	height:20px;
	line-height:20px;
}

.dropdown-check-list {
  display: inline-block;
}

.dropdown-check-list .anchor {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 5px 50px 5px 10px;
  border: 1px solid #ccc;
}

.dropdown-check-list .anchor:after {
  position: absolute;
  content: "";
  border-left: 2px solid black;
  border-top: 2px solid black;
  padding: 5px;
  right: 10px;
  top: 20%;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.dropdown-check-list .anchor:active:after {
  right: 8px;
  top: 21%;
}

.dropdown-check-list ul.items {
  padding: 2px;
  display: none;
  margin: 0;
  border: 1px solid #ccc;
  border-top: none;
}

.dropdown-check-list ul.items li {
  list-style: none;
}

.dropdown-check-list.visible .anchor {
  color: #0094ff;
}

.dropdown-check-list.visible .items {
  display: block;
}