/* instruction CSS spécifiques à l'application et communes à toute les pages */
.TitreApplication {
    font-size: 28px;
    color: #74a7fe;
}

.RubriqueLogon {
    font-size: 18px;
    font-weight: bold;
    color: #fec770;
}

.Div-TitreApplication {
    margin-top: 30px;
}

.Ascadis-Hidden {
    visibility: hidden;
    display: none;
}

.FileUpload-AscaTansport {
    font-size: 12px;
    width: 300px
}

.DivFileUpload {
    margin-bottom: 20px
}

.container-menu {
    width: 230px;
    font-family: Arial
}

.container-action-show {
    width: 250px;
    font-family: Arial;
    font-size: 12px;
}

.container-action-hide {
    display: none;
}

.menu-lien a {
    text-decoration: none;
    text-decoration: none;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}

.BodyContent {
    margin-top: 10px
}

/**** DIV ****/

.DivBlocCoteACote {
    display: inline-block;
    margin: auto;
    vertical-align: top;
}

.DivBlocEnLigne {
    display: inline-block;
    margin: auto;
    vertical-align: top;
}

.DivBlocAlaligne {
    display: block;
    margin: 0px;
    vertical-align: top;
}

.DivSpacerBlocLeft25 {
    margin-left: 25px;
}

.DivSpacerBlocLeft10 {
    margin-left: 10px;
}

.DivSpacerBlocTop25 {
    margin-top: 25px;
}

.DivSpacerTop5 {
    margin-top: 5px;
}

.DivSpacerTop10 {
    margin-top: 10px;
}

.DivSpacerTop20 {
    margin-top: 20px;
}

.DivSpacerTop {
    margin-top: 20px;
}

.DivSpacerBottom10 {
    margin-bottom: 10px;
}

.Div-Scrollable {
    overflow-y: scroll;
    overflow-x: scroll;
}

.Div-CorpsDoc {
}

.Div-ConfirmeSupprime {
    position: fixed;
    right: 0;
    left: 0;
    display: block;
    z-index: 100; /* le menu de Site.master est à 1030 */

    font-size: 16px;
    top: 0px;
    left: 0px;
    padding: 125px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: darkorange;
    opacity: 95%;
    color: white;
}

.Div-Rubrique-Message-Show {
    position: fixed;
    right: 0;
    left: 0;
    display: block;
    z-index: 100; /* le menu de Site.master est à 1030 */
    font-size: 16px;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: auto;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #74a7fe;
    opacity: 95%;
    color: black;
}


.UpdateProgressPleinePage {
    position: fixed;
    right: 0;
    left: 0;
    display: block;
    z-index: 100; /* le menu de Site.master est à 1030 */
    font-size: 16px;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: auto;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #74a7fe;
    opacity: 60%;
    color: white;
}

.Div-Wait {
    padding-top: 100px;
    width: 100%;
    text-align: center;
    margin: auto;
}

.Div-ConfirmeSupprimeBouton {
    z-index: 3000;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.Div-EntetePage {
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    height: 30px;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 10px;
}


.Div-Rubrique {
    margin-bottom: 20px;
}

.Div-EnteteRubrique {
    padding-top: 5px;
    padding-bottom: 5px;
    margin: auto;
    width: 100%;
    background-color: #a8cde2;
}

.Div-Section {
}

.Div-EnteteSection {
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    color: #74a7fe; /* equiv asca-medium*/
}

.Div-Action {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: auto;
    width: 100%
}

/**** Boutons ****/
.Btn-Fait {
    background-color: #FFFFFF;
    height: 25px;
    width: 25px;
    border: 1px solid #62a5cc;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-left: 1px;
    padding-right: 1px;
    font-weight: bold;
    color: #275a79;
    white-space: normal;
    word-spacing: normal;
    word-wrap: break-word;
}

    .Btn-Fait:hover {
        background-color: #9eeb51; /*vert*/
    }

.Btn-Filtrer {
    margin: 5px;
    font-family: Arial;
    font-size: 12px;
    width: 100px;
    height: 35px;
    background-color: #505050;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    white-space: normal;
    margin-right: 2px;
    margin-left: 2px;
}

.Btn-Login {
    background-color: #FFFFFF;
    height: 40px;
    width: 120px;
    border: 1px solid #62a5cc;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    font-size: 14px;
    color: #275a79;
    white-space: normal;
    word-spacing: normal;
    word-wrap: break-word;
}

    .Btn-Login:hover {
        background-color: #9eeb51; /*vert*/
    }

.Btn-Ajouter {
    background-color: #FFFFFF;
    height: 40px;
    width: 120px;
    border: 1px solid #62a5cc;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    color: #275a79;
    font-family: Arial;
    font-size: 12px;
    white-space: normal;
    word-spacing: normal;
    word-wrap: break-word;
}

    .Btn-Ajouter:hover {
        background-color: #a8cde2;
    }

.Btn-Enregistrer {
    background-color: #FFFFFF;
    height: 40px;
    width: 120px;
    border: 1px solid #62a5cc;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    color: #275a79;
    white-space: normal;
    word-spacing: normal;
    word-wrap: break-word;
}

    .Btn-Enregistrer:hover {
        background-color: #9eeb51; /*vert*/
    }

.Btn-Annuler {
    margin: 20px;
    padding: 10px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    width: 120px;
    height: 40px;
    text-align: center;
    color: #FFFFFF;
    background-color: #921800;
    border: 1px solid #FFFFFF;
    white-space: normal;
}

.Btn-Enregistrer-Contexte {
    background-color: #FFFFFF;
    height: 40px;
    width: 110px;
    border: 1px solid #62a5cc;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    color: #275a79;
    white-space: normal;
    word-spacing: normal;
    word-wrap: break-word;
    border-radius: 3px;
}

    .Btn-Enregistrer-Contexte:hover {
        background-color: #9eeb51; /*vert*/
    }

.Btn-Annuler-Contexte {
    margin: 10px;
    padding: 5px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    width: 60px;
    height: 40px;
    text-align: center;
    color: #FFFFFF;
    background-color: #921800;
    border: 1px solid #FFFFFF;
    white-space: normal;
    border-radius: 3px;
}

.Btn-Alerter-Contexte {
    background-color: #f6720f; /*orange*/
    height: 25px;
    width: 60px;
    border: 1px solid #FFFFFF;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-left: 1px;
    padding-right: 1px;
    color: #FFFFFF;
    white-space: normal;
    word-spacing: normal;
    word-wrap: break-word;
    border-radius: 3px;
}
    .Btn-Alerter-Contexte:hover {
        background-color: #FFFFFF;
        color: #f6720f; /*orange*/
    }

.Btn-Fait-Contexte {
    background-color: #FFFFFF;
    height: 25px;
    width: 40px;
    border: 1px solid #62a5cc;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-left: 1px;
    padding-right: 1px;
    font-weight: bold;
    color: #275a79;
    white-space: normal;
    word-spacing: normal;
    word-wrap: break-word;
    border-radius: 3px;
}

    .Btn-Fait-Contexte:hover {
        background-color: #9eeb51; /*vert*/
    }

.Btn-Exporter {
    background-color: #FFFFFF;
    height: 40px;
    width: 120px;
    border: 1px solid #62a5cc;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    color: #275a79;
    font-family: Arial;
    font-size: 12px;
    white-space: normal;
    word-spacing: normal;
    word-wrap: break-word;
}

    .Btn-Exporter:hover {
        background-color: #816ce6; /*violet*/
        color: #FFFFFF;
    }

.Btn-Supprimer {
    background-color: #FFFFFF;
    height: 40px;
    width: 120px;
    border: 1px solid #ac1c00;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    color: #e32400;
    font-family: Arial;
    font-size: 12px;
    white-space: normal;
}

    .Btn-Supprimer:hover {
        background-color: #e32400;
        color: #FFFFFF
    }

.Btn-Confirmer {
    background-color: #FFFFFF;
    height: 40px;
    width: 120px;
    border: 1px solid #62a5cc;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    color: #275a79;
}

    .Btn-Confirmer:hover {
        background-color: #a8cde2;
    }

.Btn-Calculer {
    background-color: #FFFFFF;
    height: 40px;
    width: 120px;
    border: 1px solid #62a5cc;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    color: #275a79;
    font-family: Arial;
    font-size: 12px;
}

.Btn-Confirmer:hover {
    background-color: #a8cde2;
}

.Btn-Supprime-Annule {
    margin: 20px;
    padding: 10px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    width: 150px;
    height: 50px;
    text-align: center;
    color: #FFFFFF;
    background-color: #921800;
    border: 1px solid #FFFFFF;
    white-space: normal;
}



.Btn-Supprime-Confirme {
    margin: 20px;
    padding: 10px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    width: 150px;
    height: 50px;
    background-color: #FFFFFF;
    color: #275a79;
    border: 1px solid #31d035;
    white-space: normal;
}

    .Btn-Supprime-Confirme:hover {
        background-color: #a8cde2;
    }

.Btn-Upload {
    background-color: #FFFFFF;
    height: 25px;
    width: 100px;
    border: 1px solid #ba6ee0;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: normal;
    color: #ba6ee0;
    font-family: Arial;
    font-size: 12px;
    white-space: normal;
    word-spacing: normal;
    word-wrap: break-word;
}

    .Btn-Upload:hover {
        background-color: #ba6ee0; /*violet*/
        color: #FFFFFF;
    }

.Btn-Petit {
    background-color: #62a5cc;
    color: #ffffff;
    border: solid 1px #62a5cc;
    width: 25px;
    height: 25px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 3px;
    margin-right: 3px
}

/**** Libellés  ****/

.Txt_Petit {
    font-size: 12px
}

.Txt_Moyen {
    font-size: 12px
}

.Txt_Grand {
    height: 20px;
    font-size: 13px
}

.Txt_TresGrand {
    height: 25px;
    font-size: 15px;
}

.Txt_Important {
    font-weight: bold;
}

.Lbl_TresEtroit {
    width: 30px;
}

.Lbl_Etroit {
    width: 60px;
}

.Lbl_MoyenLarge {
    width: 100px;
}

.Lbl_Large {
    width: 150px;
}

.Lbl_TresLarge {
    width: 200px;
}

.LblTitre_Rubrique {
    /** pour info, c'est l'inverse du titre de la page **/
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    border-bottom: none 0px transparent;
    padding: 3px;
}

.LblTitre_Section {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    border-bottom: none 0px transparent;
    background-color: transparent;
    padding: 3px;
}

.LblTitre_SousSection {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    border-bottom: none 0px transparent;
    background-color: transparent;
    padding: 3px;
}

.LblPrompt {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    border-bottom: none 0px transparent;
    background-color: transparent;
    color: #606060;
    padding: 3px;
}

.LblPromptSaisie {
    font-family: Arial;
    font-size: 12px;
    height: 30px;
    padding: 3px;
}



.InstructionSaisieInfo {
    color: dodgerblue;
}

.InstructionSaisieOk {
    color: green;
}

.InstructionSaisieErreur {
    color: red;
}


.Div-Confirmation-Ok {
    width: 100%;
    height: 40px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    background-color: forestgreen; /* #74a7fe*/
    color: #FFFFFF;
}

.Div-Confirmation-Erreur {
    width: 100%;
    height: 40px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    background-color: red; /* rouge*/
    color: #FFFFFF;
}
/**** SAisie Action Contextuelle ****/
.DivTitreContexte {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.LblTitreContexte {
    font-size: 14px;
    font-weight: bold;
}

.LblRubriqueContexte {
    font-weight: bold;
}

.TxtSaisieContextuelle {
    font-family: Arial;
    border-bottom: solid 1px #FFFFFF;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #a8cde2;
    margin: 1px;
    padding-left: 2px;
    padding-right: 2px
}

    .TxtSaisieContextuelle:focus {
        border: solid 1px #FFFFFF;
        background-color: #ececec;
    }


/**** SAISIE  ****/

.TxtSaisie {
    font-family: Arial;
    border-bottom: solid 1px #a8cde2;
    border-top: none;
    border-left: none;
    border-right: none;
    /*background-color: transparent;*/
    margin: 1px;
    padding-left: 2px;
    padding-right: 2px
}

    .TxtSaisie:focus {
        border: solid 1px #a8cde2;
        background-color: #ececec;
    }

.TxtSaisie_TresEtroit {
    width: 50px;
    width: 50px;
}

.TxtSaisie_Etroit {
    width: 100px;
    font-size: 12px
}

.TxtSaisie_MoyenLarge {
    width: 200px;
    font-size: 12px
}

.TxtSaisie_Large {
    width: 300px;
    height: 20px;
    font-size: 13px
}

.TxtSaisie_TresLarge {
    width: 500px;
    height: 25px;
    font-size: 14px;
}

.TxtSaisie_Immense {
    width: 750px;
    height: 25px;
    font-size: 14px;
}

.CboSaisie_Petit {
    width: 75px;
    font-size: 12px
}

.CboSaisie_Moyen {
    width: 150px;
    font-size: 12px
}

.CboSaisieDate {
    width: 210px;
    font-size: 12px
}

.CboSaisie_Grand {
    width: 220px;
    font-size: 12px
}

.CboSaisie_TresGrand {
    width: 300px;
    font-size: 14px;
    height: 30px;
}

.TxtSaisie_Creation {
    font-family: Arial;
    color: #000000;
    border: solid 1px #026988;
    margin-left: 10px;
}

    .TxtSaisie_Creation:focus {
        border: solid 1px #fee748
    }

.CboCritere_Semaine {
    width: 250px;
    height: 30px;
    font-size: 12px
}

.TxtSaisie_Destinataires {
    font-family: Arial;
    border: solid 1px #a8cde2;
    margin: 1px;
    padding-left: 2px;
    padding-right: 2px;
    height: 60px;
}

    .TxtSaisie_Destinataires:focus {
        border: solid 1px #fee748;
        background-color: #ececec;
    }

.TxtSaisie_Commentaire {
    font-family: Arial;
    border: solid 1px #a8cde2;
    margin: 1px;
    padding-left: 2px;
    padding-right: 2px;
    width: 250px;
    height: 80px;
}

    .TxtSaisie_Commentaire:focus {
        border: solid 1px #fee748 ;
        background-color: #ececec;
    }



.ChkSaisie {
}

    .ChkSaisie label {
        padding-left: 5px;
    }

.ChkCritere {
}

    .ChkCritere label {
    }

.RadCritereHorizontal {
    margin-right: 10px;
}

    .RadCritereHorizontal label {
        padding-left: 5px;
    }

.RadCritereVertical {
}

    .RadCritereVertical label {
        padding-left: 5px;
    }

/**** Grilles et tableaux ***/
.Gridview-Resultat {
    font-family: Arial;
    font-size: 12px;
    border: none 0px transparent;
    width: 100%;
}

.Gridview-HeaderStyle {
    background-color: #808080;
    height: 50px;
    font-weight: normal;
    color: #ffffff;
    border: none 0px transparent;
}

.Gridview-RowStyle {
    border-top: none 0px transparent;
    border-left: none 0px transparent;
    border-right: none 0px transparent;
    border-bottom: solid 1px #74a7fe;
    min-height: 35px
}

.Gridview-FooterStyle {
}

.Gridview-EmptyDataRowStyle {
    border-top: none 0px transparent;
    border-left: none 0px transparent;
    border-right: none 0px transparent;
    border-bottom: none;
    min-height: 30px;
    background-color: #ececec; /*#d0cece*/
    color: orange; /*#606060*/
    font-size: 14px;
    text-align: center
}

.Gridview-SelectedRowStyle {
    border: solid 3px #ffdafd; /*rose pale*/
}

.Gridview-TractionListe {
    font-family: Arial;
    font-size: 12px;
    border: none 0px transparent;
    width: 100%;
}

.Gridview-TractionListe-HeaderStyle {
    background-color: #808080;
    height: 50px;
    font-weight: normal;
    color: #ffffff;
    border: none 0px transparent;
}

.Gridview-TractionListe-RowStyle {
    border-top: none 0px transparent;
    border-left: none 0px transparent;
    border-right: none 0px transparent;
    border-bottom: solid 1px #066988;
    min-height: 35px
}

.Gridview-TractionListe-FooterStyle {
}

.Gridview-TractionListe-EmptyDataRowStyle {
    border-top: none 0px transparent;
    border-left: none 0px transparent;
    border-right: none 0px transparent;
    border-bottom: none;
    min-height: 30px;
    background-color: #d0cece;
    color: #606060;
    font-size: 14px;
    text-align: center
}

.Gridview-TractionListe-SelectedRowStyle {
    border: solid 3px #ffdafd; /* rose pale*/
}