.body {
    background-color: white;
    color: black;
    font-family: Arial, sans-serif;
    font-size: small;
    margin: 8px;
}

.gwt-TabPanel {
}

.gwt-TabPanelBottom {
    border-left: 1px solid #87B3FF;
}

.gwt-TabBar {
    background-color: #F6F6F6;
    font-size: smaller;
}

.panel-cache {
    background-color: #F6F6F6;
}

.recherche-popup {
    background-color: green;
    border: 1px solid #666666;
    padding: 4px;
}

.contour-panel {
    border: 1px solid #666666;
}

.popup-style {
    background-color: #F6F6F6;
    border: 1px solid #666666;
    opacity: 0.8;
}

.comment-style{
    background-color: #F6F6F6;
    border: 1px solid #666666;
}

/*
.gwt-TabBar .gwt-TabBarFirst {
 height: 100%;
 border-bottom: 1px solid #87B3FF;
 padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
 border-bottom: 1px solid #87B3FF;
 padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
 border-top: 1px solid #C3D9FF;
 border-bottom: 1px solid #87B3FF;
 padding: 2px;
 cursor: pointer;
}

.gwt-TabBar .gwt-TabBarItem-selected {
 font-weight: bold;
 background-color: #E8EEF7;
 border-top: 1px solid #87B3FF;
 border-left: 1px solid #87B3FF;
 border-right: 1px solid #87B3FF;
 border-bottom: 1px solid #E8EEF7;
 padding: 2px;
 cursor: default;
} */
/*
CSS du calendar
*/
.CalendarWidget {
    border: 1px solid #ACA899;
}

.CalendarWidget .navbar {
    width: 100%;
    background-color: #C3D9FF;
    vertical-align: middle;
    border-bottom: 1px solid #ACA899;
}

.CalendarWidget .navbar .gwt-Button {
    padding-left: 5px;
    padding-right: 5px;
}

.CalendarWidget .table {
    font: 10pt sans-serif;
    text-align: center;
}

.Forms .center {
    vertical-align: middle;
}

.CalendarWidget .weekheader {
    background-color: #ACA899;
}

.CalendarWidget .weekheader .days {
    width: 3em;
}

.CalendarWidget .cell {
    cursor: pointer;
}

.CalendarWidget .cell .gwt-HTML {
    border: 1px solid #ACA899;
}

.CalendarWidget .cell .gwt-HTML span {
    width: 100%;
    height: 100%;
    line-height: 2em;
}

.CalendarWidget .today .gwt-HTML {
    background-color: #C3D9FF;
}

.CalendarWidget .eventday .gwt-HTML {
    border: 1px solid #C3D9AA;
    background-color: #AAAAAA;
}

.CalendarWidget .dayselected .gwt-HTML {
    border: 2px solid #000000;
}

.CalendarWidget .day .gwt-HTML {
    border: 1px solid #C3D9FF;
}

.translucent {
    background-color: red;
    opacity: .7;
}

.texte {
    color: #562C5D;
    /*background-color: #FFFFFF;*/
    font-family: Arial, sans-serif;
    font: 11pt sans-serif;
}

.commentaire {
    color: #562C5D;
    /*background-color: #FFFFFF;*/
    font-family: Arial, sans-serif;
    font: 9pt sans-serif;
}

/* c'est le style du titre de la page */
.titrepage {
    color: #562C5D;
    font-family: Arial, sans-serif;
    font: 18pt sans-serif;
    text-align: center;
}

.curseurmain {
    cursor: pointer;
}
/* C'est le style du sous titre des pages */
.soustitrepage {
    color: #562C5D;
    font-family: Arial, sans-serif;
    font: 14pt sans-serif;
}

/* C'est le style du baratin dans la page */
.baratinpage {
    color: #562C5D;
    font-family: Arial, sans-serif;
    font: 10pt sans-serif;
}

/* C'est le style des liens dans les pages */
.urlpage {
    color: #562C5D;
    font-family: Arial, sans-serif;
    font: 10pt sans-serif;
}

.header {

}

.gwt-StackPanel {
    background: #fff;
    width: 15em;
    border-bottom: 1px solid #666;
}

.gwt-StackPanel .gwt-StackPanelItem .left {
    width: 20px;
    padding: 4px;
    background: url( lcorner.gif ) no-repeat top left;
}

.gwt-StackPanel .gwt-StackPanelItem {
    cursor: pointer;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
    border-bottom: 1px solid #666;
}

.gwt-StackPanel .lcaption {
    width: 32px;
    padding: 0 0 4px 5px;
}

.gwt-StackPanel .rcaption {
    padding: 0 0 4px 5px;
}

.gwt-StackPanel .box-20 {
    text-align: right;
}

.gwt-PopupPanel .back .gwt-HTML {
    background-color: #AAAAAA;
}