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

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

/* Mise en forme radiobutton */
.app1RadioButtonPlanning{
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #333333;
}

/* Mise en forme du titre Who */
.app1PlanningWho{
    width: 240px;
    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 Who */
.app1PlanningWhoContent {
    vertical-align: top;
    padding-top: 10px;
    height: 242px;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: lightgrey;
}

/* Mise en forme de la liste de radiobutton pour le choix du staff */
.rblistApp1Staff{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* Mise en forme de la liste pour choisir l'anesthésiste*/
.listboxApp1PlanningWho{
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    margin: 10px;
    padding-left: 5px;
    height: 147px;
    width: 232px;
    border: 1px solid lightgrey;
}

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

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

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

/* Mise en forme du titre When*/
.app1PlanningWhen{
    width: 240px;
    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 */
.app1PlanningWhenContent{
    vertical-align: top;
    padding-top: 10px;
    height: 210px;
    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 */
.app1CalendarPlanningStyle{
    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*/
.app1CalendarPlanning a{
    text-decoration: none;
}

/* Mise en forme des radiobutton pour choisir la période (AM ou PM) */
.app1WhenPlanningAmPm{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-left: 10px;
}

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

/* On dispose les check box de manière horizontale*/
.app1WhenPlanningAmPm li{
    float: left;
    padding-right: 10px;
}


/* Mise en forme du titre Schedule */
.app1PlanningSchedule{
    width: 768px;
    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 label d'information remplaçant les gridview */
.app1LabelPlanning{
    font-size: 12px;
    color: grey;
    font-family : Arial, Helvetica, sans-serif;
}

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

/* Mise en forme des titres des gridview de planning */
.app1GridViewHeaderPlanningStyle{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: gray;
    margin-left: 10px;
    border: 1px solid lightgrey;
}

/* Mise en forme de la liste déroulante pour choisir le site */
.listApp1PlanningSite{
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    margin-top: 3px;
    margin-left:310px;
    padding-left: 5px;
    height: 22px;
    width: 170px;
    border: 1px solid lightgrey;
}


/* Mise en forme de la liste déroulante pour choisir le plateau */
.listApp1PlanningPlateau{
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    margin-top: 3px;
    margin-left: 10px;
    padding-left: 5px;
    height: 22px;
    width: 170px;
    border: 1px solid lightgrey;
}

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


/* Mise en forme espace pour choisir site */
.app1ScheduleSiteContent{
    float: left;
}

/* Mise en forme espace pour choisir plateau */
.app1SchedulePlateauContent{

}

/* Mise en forme GridView de planning pour les salles */
.app1GridViewPlanningRoomStyle{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    background-color: whitesmoke;
    color: grey;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom : 10px;
    width: 88px;
    height: 150px;
    border: 1px solid lightgray;
    float: left;
}

/* Mise en forme GridView de planning */
.app1GridViewPlanningStyle{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    color: grey;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom : 10px;
    width: 111px;
    height: 150px;
    border: 1px solid lightgrey;
    float: left;
}

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

/* Mise en forme des lignes des gridview de planning */
.app1GridViewPlanningRowsStyle:hover{
    background-color: lightgrey;
}

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

/* Mise en forme du contenu en dessous du titre Summary */
.app1PlanningSummaryContent {
    background-color: whitesmoke;
    vertical-align: top;
    padding-top: 10px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: lightgrey;
}

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

/* Mise en forme de la ligne de séparation dans le Summary */
.app1SummaryPlanningSepLine{
    width: 210px;
    height: 1px;
    margin: 10px 0px 10px 10px;
    border-bottom: 1px solid lightgrey;
}

/* Design pour le bouton de sauvegarde*/
.app1PlanningSaveStyle ul{
    list-style-type: none;
    margin-top: 167px;
    padding-left: 0;
    transition: all 0.5s;
}

/* On enlève la couleur bleue et soulignement des liens */
.app1PlanningSaveStyle a:link{
    text-decoration: none;
    color: inherit;
}

/* On enlève la couleur bleue et soulignement des liens */
.app1PlanningSaveStyle a:visited{
    color: inherit;
}

/* Boutons pour les applications positionnés les uns à côté des autres*/
.app1PlanningSaveStyle li{
    float: left;
}

/* Style du bouton de sauvegarde*/
.app1ButtonPlanningViewStyle{
    margin: 108px 10px 5px 10px;
    width: 212px;
    height: 26px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: DarkGray;
    border: none;
    border-radius: 10px 10px 10px 10px;
    cursor: pointer;
}

/* Style du bouton de sauvegarde au passage de la souris */
.app1ButtonPlanningViewStyle:hover {
    background-color: #38B1C6;
    transition: 0.5s;
}


/* Style du bouton de sauvegarde*/
.app1ButtonPlanningSaveStyle{
    margin-left: 10px;
    width: 212px;
    height: 26px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: #8CC63E;
    border: none;
    border-radius: 10px 10px 10px 10px;
    cursor: pointer;
}

/* Style du bouton de sauvegarde au passage de la souris */
.app1ButtonPlanningSaveStyle:hover {
    background-color: #38B1C6;
    transition: 0.5s;
}

/* Style du bouton d'annulation*/
.app1ButtonPlanningCancelStyle{
    margin-left: 10px;
    margin-top: 165px;
    margin-bottom: 10px;
    width: 212px;
    height: 26px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: crimson;
    color: white;
    border: none;
    border-radius: 10px 10px 10px 10px;
    cursor: pointer;
}

/* Style du bouton d'annulation au passage de la souris */
.app1ButtonPlanningCancelStyle:hover {
    background-color: #38B1C6;
    transition: 0.5s;
}