html, body {
height: 100%;
}

body {
margin: 0;
padding: 0;
height:100%;
font: 10pt Verdana, Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
}

A:link, A:visited {
color:#0000FF;
text-decoration:none;
font-family: Arial;
font-weight: normal;
}

A:hover	{
color:#FF0000;
text-decoration:underline;
font-family: Verdana;
font-weight: normal;
}

.small, .normal, .medium, .large {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.small, .small_b  {
font-size: 8px;
color: #000000;
}
.normal, .normal_b {
font-size: 10px;
color: #000000;
}
.medium, .medium_b {
font-size: 12px;
color: #000000;
}
.large, .large_b, .statusOKLarge, .statusPendingLarge, .statusBookedLarge, .statusMaintainLarge  {
font-size: 14pt;
color: #000000;
}
.small_b, .normal_b, .medium_b, .large_b {
font-weight: bold;
}

.title, .cssTitleBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
color:#000000;
}

.erreur {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
color:#FF0000;
}

.soustitre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color:#FF0000;
}

.pair0, .pair1, .cssEnteteTable, .cssBottom {
font-family: Verdana;
font-size: 8pt;
font-weight: normal;
color:#000000;
}
.pair0 {
background-color:#FCE1A2;
}
.pair1 {
background-color:#CDCDCD;
}

.statusOK, .statusOKLarge {
background-color: #96FF96;
}
.statusPending, .statusPendingLarge {
background-color: #FFA800;
}
.statusBooked, .statusBookedLarge {
background-color: #FF5A5A;
}
.statusMaintain, .statusMaintainLarge {
background-color: #CDCDCD;
}

.cssEnteteTable, .cssEnteteTable2, .cssEnteteTable3 {
clear:both;
width: 100%;
border-top:3px double #304B90;
border-bottom:3px double #304B90;
margin: 10px 0px 0px 0px;
}
.cssEnteteTable {
background-color:#FCE1A2;
}

.cssEnteteTable2 {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color:#000000;
background-color:#EBBB8B;
}

.cssEnteteTable3 {
font-family: Verdana;
font-size: 18px;
font-weight: normal;
color:#000000;
background-color:#EBBB8B;
}

.cssFoot {
height:2em;
text-align:center;
}
.cssBottom {
position:absolute;
width: 100%;
height:1.5em;
bottom:0px;
background-color:#FCE1A2;
border-top:1px solid #304B90;
padding:5px 0px;
text-align:left; 
}

.cssEnteteCol1, .cssEnteteCol2, .cssEnteteCol3, .cssSoustitre  {
float:left;
margin-top:10px;
margin-bottom:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}
.cssEnteteCol1 {
width:42%;
padding-left:5px;
text-align:left;
}
.cssEnteteCol2 {
width:20%;
text-align:center;
}
.cssEnteteCol3 {
width:36%;
padding-right:0px;
text-align:right;
}
.cssSoustitre {
clear:both;
width:100%;
padding-left:6px;
font-size:10pt;
text-align:left;
}

.cssMainBox { 
position:relative;
margin-left:2%;
margin-right:2%;
margin-bottom:10px;
height:100%;
background-color:#FCFCCC;
border-style:solid;
border-width:1px;
border-color:#304B90;
}

.cssBox, .cssLegendBox {
background-color:#FCE1A2;
padding: 5px 0px;
border-color:#304B90;
border-style:solid;
border-width:1px;
}
.cssTitleBox {
margin-top:50px;
width:100%;
background-color:#FCE1A2;
padding: 5px 0px 5px 0px;
border-top:1px solid #304B90;
border-bottom:1px solid #304B90;
text-align:center;
}
.cssLegendBox {
height:24px;
width:539px;
}
.cssLegendText {
float:left;
font-family: Arial, Helvetica;
font-size: 10pt;
padding: 3px 30px 1px 5px;
}
.cssLegendAvailable, .cssLegendPending, .cssLegendBooked, .cssLegendUnavailable {
float:left;
width:21px;
height: 21px;
margin-left:20px;
border: 1px solid #304B90;
}
.cssLegendAvailable {
background-color:#96FF96;
}
.cssLegendPending {
background-color:#FFA800;
}
.cssLegendBooked {
background-color:#FF5A5A;
}
.cssLegendUnavailable {
background-color:#CDCDCD;
}

.cssCalendar {
background-color: #304B90;
}
.cssTitle {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #000000;
background-color: #FCE267;
height: 21px;
}

.cssHeading, .cssEmpty, .cssDays, .cssUnavailableDays, .cssPendingDays, .cssBookedDays,
.cssPStartDays, .cssPStopDays, .cssBStartDays, .cssBStopDays, .cssBBMixedDays,
.cssPPMixedDays, .cssPBMixedDays, .cssBPMixedDays,
.cssWeeks, .cssSaturdays, .cssSundays, .cssToday, .cssHilight {
font-family: Arial, Helvetica;
font-size: 10px;
text-align: center;
color: #000000;
width: 21px;
height: 21px;
}
.cssHeading {
background-color: #F8C063;
}
.cssEmpty {
background-color: #FCFCCC;
}
.cssDays, .cssSaturdays, .cssSundays, .cssPStartDays,
.cssPStopDays, .cssBStartDays, .cssBStopDays {
background-color: #96FF96;
}
.cssUnavailableDays {
background-color: #CDCDCD;
}
.cssPendingDays {
background-color: #FFA800;
}
.cssBookedDays {
background-color: #FF5A5A;
}
.cssPStartDays {
background-image:  url(../images/startp.gif);
}
.cssPStopDays {
background-image:  url(../images/stopp.gif);
}
.cssBStartDays {
background-image:  url(../images/startb.gif);
}
.cssBStopDays {
background-image:  url(../images/stopb.gif);
}
.cssBBMixedDays {
background-color: #FF5A5A;
background-image:  url(../images/mixedbb.gif);
}
.cssPPMixedDays {
background-color: #FFA800;
background-image:  url(../images/mixedpp.gif);
}
.cssPBMixedDays {
background-color: #FFA800;
background-image:  url(../images/mixedpb.gif);
}
.cssBPMixedDays {
background-color: #FF5A5A;
background-image:  url(../images/mixedbp.gif);
}
.cssWeeks {
background-color: #EBBB8B;
}
.cssToday {
color: #FFFFFF;
background-color: #708BD0;
}
.cssHilight {
background-color: #967451;
cursor: default;
}