/* Fond d'écran de la page */
.app1BalanceSheetBackground{
    background-color: white;
    height: auto;
}

/* Mise en forme titres */
.app1BalanceListStyle{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #38B1C6;
    margin-left: 10px;
}

/* Mise en forme textes */
.app1BalanceTextStyle{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: darkgray;
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Mise en forme du titre When */
.app1BalanceWhen {
    width: 208px;
    height: 40px;
    padding-top: 0px;
    padding-left: 20px;
    font-weight: bold;
    font-family: 'Trebuchet MS';
    font-size: 18px;
    color: #8CC63E;
    background-color: whitesmoke;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #8CC63E;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: lightgrey;
}

/* Mise en forme du contenu en dessous du titre When */
.app1BalanceWhenContent{
    vertical-align: top;
    padding-top: 10px;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: lightgrey;
}


/* Mise en forme de l'espace accueillant le calendrier dans le contenu When */
.app1CalendarBalanceStyle{
    float: left;
    margin-top: 8px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    width: 240px;
}

/* Mise en forme du calendrier: on enlève les soulignements*/
.app1CalendarBalance a{
    text-decoration: none;
}

/* Mise en forme TextBox pour choix de la date */
.txtbApp1BalanceWeekChoiceDate{
    margin: 10px 0px 10px 10px;
    padding-left: 5px;
    height: 24px;
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
}

/* Mise en forme TextBox pour choix de la semaine */
.txtbApp1BalanceWeek{
    margin: 10px 0px 10px 10px;
    padding-left: 5px;
    height: 24px;
    width: 40px;
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
}

/* Mise en forme TextBox pour dates fonction de la semaine choisie */
.txtbApp1BalanceWeekDate{
    margin: 10px 0px 10px 10px;
    padding-left: 5px;
    height: 24px;
    width: 103px;
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
}

/* Mise en forme de la liste de radio button */
.app1BalanceRBListStyle{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-top: 12px;
    padding-bottom: 5px;
    color: gray;
}

/* Mise en forme du titre Supply & Demand Chart */
.app1BalanceSupplyDemandChart{
    width: 595px;
    height: 40px;
    padding-top: 0px;
    padding-left: 20px;
    font-weight: bold;
    font-family: 'Trebuchet MS';
    font-size: 18px;
    color: #8CC63E;
    background-color: whitesmoke;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #8CC63E;
}

/* Mise en forme du contenu en dessous du titre Supply & Demand Chart */
.app1BalanceSupplyDemandChartContent{
    vertical-align: top;
    padding-top: 10px;
    height: 220px;
}

/* Mise en forme du titre Supply & Demand */
.app1BalanceSupplyDemand{
    width: 382px;
    height: 40px;
    padding-top: 0px;
    padding-left: 20px;
    font-weight: bold;
    font-family: 'Trebuchet MS';
    font-size: 18px;
    color: #8CC63E;
    background-color: whitesmoke;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #8CC63E;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: lightgrey;
}

/* Mise en forme du contenu en dessous du titre Supply & Demand */
.app1BalanceSupplyDemandContent{
    vertical-align: top;
    padding-top: 10px;
    height: 220px;
    margin-left:10px;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: lightgrey;
}

/* Mise en forme label d'information remplaçant les gridview */
.app1LabelBalanceSheet{
    padding: 10px;
    font-size: 12px;
    color: grey;
    font-family : Arial, Helvetica, sans-serif;
}

/* Mise en forme des gridview de S&D */
.app1GridViewBalanceSDStyle{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    color: grey;
    width: 496px;
    margin-left: 10px;
    margin-bottom : 10px;
    border: 1px solid lightgrey;
}

/* Mise en forme des titres des gridview de S&D */
.app1GridViewHeaderBalanceSDStyle{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #38B1C6;
    margin-left: 10px;
    width: 250px;
    border: 1px solid lightgrey;
}

.app1BalanceGridViewRows:hover{
    background-color: lightgrey;
}


/* Mise en forme des graphes de S&D */
.app1ChartBalanceSD{
    margin-left: 10px;
}

/* Mise en forme du titre Balance Matin */
.app1BalanceAM{
    height: 40px;
    padding-top: 0px;
    padding-left: 20px;
    font-weight: bold;
    font-family: 'Trebuchet MS';
    font-size: 18px;
    color: #8CC63E;
    background-color: whitesmoke;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #8CC63E;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: lightgrey;
}

/* Mise en forme du contenu en dessous du titre Balance Matin */
.app1BalanceAMContent{
    vertical-align: top;
    padding-top: 10px;
    height: 280px;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: lightgrey;
}

/* Mise en forme du titre Balance Après-midi */
.app1BalancePM{
    height: 40px;
    padding-top: 0px;
    padding-left: 20px;
    font-weight: bold;
    font-family: 'Trebuchet MS';
    font-size: 18px;
    color: #8CC63E;
    background-color: whitesmoke;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #8CC63E;
}

/* Mise en forme du contenu en dessous du titre Balance Après-midi */
.app1BalancePMContent{
    vertical-align: top;
    padding-top: 10px;
    height: 200px;
}

/* Mise en forme du titre Supervision */
.app1BalanceSupervision{
    height: 40px;
    padding-top: 0px;
    padding-left: 20px;
    font-weight: bold;
    font-family: 'Trebuchet MS';
    font-size: 18px;
    color: #8CC63E;
    background-color: whitesmoke;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #8CC63E;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: lightgrey;
}

/* Mise en forme du contenu en dessous du titre Supervision */
.app1BalanceSupervisionContent{
    vertical-align: top;
    padding-top: 10px;
    height: 280px;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: lightgrey;
}

/* Mise en forme liste type staff */
.app1BalanceWhoDDList{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: gray;
    border-color: lightgray;
    height: 30px;
    width: 208px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 5px;
}

/* Mise en forme checkbox list pour choix composition staff */
.app1BalanceSupervisionComposition{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 6px;
}

.app1BalanceSupervisionComposition ul{
        list-style-type: none;
        margin: 0;
        padding: 0;
}

/* Mise en forme TextBox pour choix nombre salles supervisées */
.txtbApp1RoomSupervised{
    margin: 10px 0px 10px 10px;
    padding-left: 5px;
    height: 24px;
    width: 48px;
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
}

/* Mise en forme du titre Balance */
.app1Balance{
    width: 213px;
    height: 40px;
    padding-top: 0px;
    padding-left: 20px;
    font-weight: bold;
    font-family: 'Trebuchet MS';
    font-size: 18px;
    color: #8CC63E;
    background-color: whitesmoke;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #8CC63E;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: lightgrey;
}

/* Mise en forme du contenu en dessous du titre Balance */
.app1BalanceContent{
    vertical-align: top;
    padding-top: 10px;
    width: 392px;
    height: 150px;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: lightgrey;
}

/* Mise en forme des gridview d'équilibre */
.app1GridViewSDStyle{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    color: grey;
    height: 664px;
    margin-left: 10px;
    margin-bottom : 10px;
    margin-right: 10px;
    border: 1px solid lightgrey;
}

/* Mise en forme des titres des gridview d'équilibre */
.app1GridViewHeaderSDStyle{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: grey;
    margin-left: 10px;
    width: 250px;
    border-bottom: 0px solid white;
}

/* Mise en forme illustration mode 1A*/
.app1ImgMode1A{
    margin-top: 10px;
    margin-left: 10px;
    height: 51px;
}