/*------------------------------------------------------------------------*/
Input:hover {
    border-color: yellow;
}

Input {
    border: 1px solid var(--main-color-DARK);
}

/*------------------------------------------------------------------------*/
.Class-Titre {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    background-color: #0000FF;
    color: #FFFFFF;
    width: 150px;
    text-align: center;
}

/*---Input----------------------------------------------------------------*/
.Class-Input {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    height: 16px;
}

.Class-Input-File {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    height: 24px;
    border: 0;
}

    .Class-Input-File:hover {
    }

.Class-Input-Libelle {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    height: 16px;
}

.Class-Input-Disable {
    font-weight: bold;
    font-size: 12pt;
    background-color: #D3D3D3;
    border-style: dotted;
    height: 16px;
}

.Class-Input-Date {
    vertical-align: bottom;
    height: 18px;
}

/*---Select----------------------------------------------------------------*/
.Class-Select {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    height: 20px;
}

.Class-Select-Libelle {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    height: 20px;
}

.Class-Select-Disable {
    font-weight: bold;
    font-size: 12pt;
    background-color: #D3D3D3;
    border-style: dotted;
    height: 20px;
}

/*------------------------------------------------------------------------*/
.Class-CheckBox {
    font-weight: bold;
    font-size: 12pt;
    border-style: none;
    height: 20px;
}

.Class-CheckBox-Disable {
    font-weight: bold;
    font-size: 12pt;
    border-style: none;
    height: 20px;
}

/*------------------------------------------------------------------------*/
.Class-RadioBox {
    font-weight: bold;
    font-size: 12pt;
    border-style: none;
    height: 20px;
}

.Class-RadioBox-Disable {
    font-weight: bold;
    font-size: 12pt;
    border-style: none;
    height: 20px;
}

/*------------------------------------------------------------------------*/
.Class-Lien {
    color: var(--main-color-DARK);
    font-size: 12pt;
    font-weight: normal;
}

.Class-Lien-Disable {
    color: black;
    font-size: 12pt;
    font-weight: normal;
}

/*------------------------------------------------------------------------*/
.Class-Button-Action {
    font-size: 12pt;
    color: var(--main-color-LIGHT);
    font-weight: bold;
    background: var(--main-color-DARK);
    border: 1px solid var(--main-color-DARK);
    padding: 10px 10px 10px 10px;
}

.Class-Button-Action-Annuler {
    font-size: 12pt;
    font-weight: bold;
    color: white;
    background: silver;
    border: 1px solid var(--main-color-DARK);
    padding: 10px 10px 10px 10px;
}

    .Class-Button-Action-Annuler:hover {
        background: grey;
        color: var(--main-color-DARK);
    }

.Class-Button-Action-Valider {
    font-size: 12pt;
    color: white;
    font-weight: bold;
    background: var(--main-color-DARK);
    border: 1px solid var(--main-color-DARK);
    padding: 10px 10px 10px 10px;
}

    .Class-Button-Action-Valider:hover {
        background: var(--main-color-MIDTREE);
        color: var(--main-color-DARK);
        border: var(--main-color-MIDTREE);
    }

/*------------------------------------------------------------------------*/
.Class-Button {
    font-size: 12pt;
    color: #FFFFFF;
    font-weight: bold;
    background: #7c8b9c;
    border: 1px solid var(--main-color-DARK);
    padding: 10px 10px 10px 10px;
}


.Class-Button-Disable {
    color: silver;
    font-size: 12pt;
    font-weight: bold;
}

/*------------------------------------------------------------------------*/
.Class-Memo {
    font-weight: bold;
    font-size: 12pt;
    border-width: 1px;
    border-style: solid;
    max-width: 580px;
    min-width: 580px;
    resize: none;
}

.Class-Memo-Disable {
    display: inline-block;
    font-size: 12pt;
    font-weight: normal;
    background-color: #D3D3D3;
    border-style: dotted;
    overflow: auto;
    max-width: 580px;
    min-width: 580px;
    resize: none;
}

/*------------------------------------------------------------------------*/
.Class-Libelle {
    color: var(--main-color-DARK);
    font-size: 12pt;
}

/*------------------------------------------------------------------------*/
.Class-Libelle-Obl {
    color: red;
    font-size: 12pt;
    font-weight: bold;
}

/*------------------------------------------------------------------------*/
.Class-Message {
    color: green;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
}

/*------------------------------------------------------------------------*/
.Class-Alert {
    color: red;
    padding-top: 10px;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
}

/*------------------------------------------------------------------------*/
.Class-Remarque {
    color: black;
    font-size: 12pt;
    font-style: italic;
}

/*------------------------------------------------------------------------*/
.Class-Message-Accueil-Div {
    padding-left: 25px;
    overflow: auto;
    height: 400px;
}

.Class-Message-Accueil {
    font-size: 12pt;
}

/*------------------------------------------------------------------------*/
.Class-Etat {
    text-align: center;
}

.Class-Etat-Edit {
    color: white;
    font-style: italic;
    text-align: center;
    font-weight: bold;
}

/*------------------------------------------------------------------------*/
#wait {
    position: absolute;
    width: 180px;
    border: 5px solid silver;
    opacity: 0.9;
    background-color: white;
    z-index: 1;
}

#wait_text {
    color: black;
    margin-top: 5px;
    text-align: center;
}

#wait_image {
    margin-top: 5px;
    text-align: center;
}

#waitimg {
    height: 141px;
    width: 141px;
}

/*---------------------*/
.Class-Menu-Active-Blue {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px var(--main-color-DARK);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    background-color: var(--main-color-DARK);
    background: var(--main-color-DARK);
    color: #FFF;
    padding: 8px 12px;
    text-decoration: none;
}

    .Class-Menu-Active-Blue:hover {
        color: var(--main-color-DARK);
        background: var(--main-color-MIDTREE);
        border: solid 1px var(--main-color-MIDTREE);
    }

/*---------------------*/
.Class-Menu-Active {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px var(--main-color-DARK);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    background-color: var(--main-color-DARK);
    background: var(--main-color-DARK);
    color: #FFF;
    padding: 8px 12px;
    text-decoration: none;
}

    .Class-Menu-Active:hover {
        color: var(--main-color-DARK);
        background: var(--main-color-MIDTREE);
        border: solid 1px var(--main-color-MIDTREE);
    }

.Class-Menu-InActive {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #54263F;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0.4);
    background: rgba(0, 0, 0, 0.4);
    color: #FFF;
    padding: 8px 12px;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
}

/*---------------------*/
.Class-Sous-Menu-Active {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFCC66;
    color: #000066;
    font-weight: lighter;
    font-size: 8pt;
}

.Class-Sous-Menu-InActive {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFCC66;
    color: Silver;
    font-weight: normal;
    font-size: 8pt;
}