body { 
margin:0; 
padding:0; 
height:100%; /* this is the key! */ 
} 

h1,h2,h3,h4{font-family:georgia, serif;display:block;border-bottom:1px solid #eee;padding-left:5px;margin-top:10px;margin-bottom:10px;}

h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:120%;}
h4{font-size:110%;}

.inputSmall { 
 font-size: 10px; 
 background-color: #F3F3F8; 
 border: 1px solid #666666;
}

.buttonSmall { 
    font-size: 11px; 
	font-weight: bold;
	color:#FFFFFF;
	border:1px solid #3b6e22;
    background-color:#3399CC;
}

div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 10px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
	background-color:#6699CC;
	border:1px dashed black;
    /*background: url(/Images/ntbg.png);*/
    
    /* Mozilla proprietary */
    -moz-border-radius: 12px;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 9px;
    text-align: left;
    padding-top: 3px;
}

.buttonSmall:hover { background-color: #a00; }

.tableBgNotRead {
background-color:#FFFFE6;
border-top:1px solid #FFFFE6;
border-right:1px solid #FFFFE6;
border-left:1px solid #FFFFE6;
border-bottom:1px solid #c8c8c8;
}

.tableEnteteBlue
{
border:1px solid #c8c8c8;
}

.tableEnteteBlueInside
{
background-image:url(Images/back1.gif);
/*background-color:#c8c8c8;
*/
border:0px solid #c8c8c8;
border-bottom:1px solid #c8c8c8; 
}

.tableBlue {
background-color:#FFFFFF;
border-top:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #c8c8c8; 
/*#E1E3EC;*/
}

.tableBlueEnBas {
background-color:#FFFFFF;
border-top:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #F9F9FB;
}

.tableBlueFade {
background-color:#F3F4F8;
border-top:1px solid #F3F4F8;
border-right:1px solid #F3F4F8;
border-left:1px solid #F3F4F8;
border-bottom:1px solid #F3F4F8;
}

.tableEnteteBlueStrong
{
border:1px solid #cfd1d7;
}

.tableEnteteBlueSub
{
background-color:#FF99CC; /*FFFFCC FF9900*/
border:1px solid #FF99CC;
}

.tableIndexHeader
{
background-color:#990000;
border:1px solid #990000;
}

.tableIndex
{
background-color:#F9F7F3;
border-top:1px solid #F9F7F3;
border-right:1px solid #F9F7F3;
border-left:1px solid #F9F7F3;
border-bottom:1px solid #F9F7F3;
}

textarea.full {width: 95%; height: 100%;} 
select.small {height: 16;} 


.styleMauveSombre {
	font-weight: bold;
	color: #CC6666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px
}

.styleMauveSombreSmall {
	color: #CC6666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px
}

.styleheader {
font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	font-weight: bold;
	font-size: 16px
}
.styleheaderMinus {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	font-weight: bold;
	font-size: 14px
}

.styleheaderMinusMinus {
font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	font-weight: bold;
	font-size: 11px
}

.styleheaderTiny {
font-family: Verdana, "Times New Roman", Times, serif;
	color:#666666;
	font-weight: bold;
	font-size: 10px
}

.styleText12 {
font-family: Verdana, "Times New Roman", Times, serif;
	color:#555555; /*#666666*/
	font-size: 12px
}

.styleText11 {
font-family: Verdana, "Times New Roman", Times, serif;
	color:#555555;
	font-size: 11px
}

.styleText10 {
font-family: Verdana, "Times New Roman", Times, serif;
	color: #555555;
	font-size: 10px
}

.styleTextStats {
font-family: Verdana, "Times New Roman", Times, serif;
	color: #666666;
	font-size: 10px;
}

.styleGrayLight {
font-family: Verdana, "Times New Roman", Times, serif;
	color:#777777;
	font-size: 10px;
}

.styleBlueLight {
font-family: Verdana, "Times New Roman", Times, serif;
	color:#003399;
	font-size: 10px;
}

.styleBlueLightBold {
font-family: Verdana, "Times New Roman", Times, serif;
	color:#003399;
	font-weight: bold;
	font-size: 11px;
}

.styleBlueLightBold15 {
font-family: Verdana, "Times New Roman", Times, serif;
	color:#003399;
	font-weight: bold;
	font-size: 15px;
}

.styleheaderMinusMinusOrange {
font-family: Georgia, "Times New Roman", Times, serif;
	color: #FF9900;
	font-weight: bold;
	font-size: 12px
}

.styleheaderTinyBoldOrange {
font-family: Georgia, "Times New Roman", Times, serif;
	color: #FF9900;
	font-weight: bold;
	font-size: 10px
}

.styleheaderTinyOrange {
font-family: Verdana, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #FF9900;
	font-size: 11px
}

div.colored {
	background-color:#FFFFCC;
}

/*this is what we want the div to look like
    when it IS showing*/
  div.loaded{
    /*make visible*/
    display:block;

    /*position it 200px down the screen*/
    position:absolute;
/*    top:200px;*/
top:30%; 
left:30%;
    text-align:center;

    /*in supporting browsers, make it
      a little transparent*/
    background:#fff;
    opacity:.90;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
  }