A:link { color: #0B07AA }
A:visited { color: #0B07AA }
A:active { color: #0B07AA }
A:hover { color: #D40106 } 

 This stylesheet uses pt's for font sizing for demonstration purposes. However, the problem with pt's is that their size is fixed, which means it cannot be changed with a user's browser. They also are extremely small for some Mac's. When using this stylesheet, it is recommended that pt's be replaced with em's (or percentages). For example, 7.8pt on a PC is, roughly, the equivalent of .7em for PC's and .8 or .9 em for Mac's. 

#blankbg {background-image: url(images/spacer.gif); background-repeat: no-repeat}

td {font-family: verdana, geneva, sans-serif; font-size: 7.8pt}

.black78v {font-family: verdana, geneva, sans-serif; font-size: 7.8pt}

.black78 {font-family: verdana, geneva, sans-serif; font-size: 7.8pt; color: #000000}
.black8 {font-family: verdana, geneva, sans-serif; font-size: 8pt; color: #000000}
.black9 {font-family: verdana, geneva, sans-serif; font-size: 9pt; color: #000000}

.white78 {font-family: verdana, geneva, sans-serif; font-size: 7.8pt; color: #ffffff}
.white9 {font-family: verdana, geneva, sans-serif; font-size: 9pt; color: #ffffff}

.orange9 {font-family: verdana, geneva, sans-serif; font-size: 9pt; color: #F23B02}

.grey78 {font-family: arial, geneva, sans-serif; font-size: 7.8pt; color: #7A7A7A}


body {
	background-color: #FFFFFF;
	margin: 3px;
}

.navTab1 {
	background-color: #08AFD7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	font-variant: small-caps;
	
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 10px;
}

.navTab2 {
	background-color: #98B233;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	font-variant: small-caps;
	
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 10px;
}
.navTab3 {
	background-color: #F67900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	font-variant: small-caps;
	
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 10px;
}
.navTab4 {
	background-color: #CE2E8C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	font-variant: small-caps;

	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 10px;
}

.navTab5 {
	background-color: #A6A6A6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	font-variant: small-caps;

	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 10px;
}
.linkNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 13px;
}

a.linkNav {
	font-variant: small-caps;
	color: #FFFFFF;
}

a.linkNav:hover {
	font-variant: small-caps;
	color: #FFFFFF;
	text-decoration: underline;
}
a.linkNav:active {
	font-variant: small-caps;
	color: #FFFFFF;
	text-decoration: underline;
}
a.linkNav:visited {
	font-variant: small-caps;
	color: #FFFFFF;
	text-decoration: none;
}

form {
	margin: 0px;
	padding: 0px;
}
.navTab1_on {
	background-color: #4B608A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	font-variant: small-caps;
	padding-left: 13px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #8392AF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #8392AF;
	background-image: url(images/item_on.gif);
	background-repeat: no-repeat;
}
.linkNav_on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(images/item_on.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	background-position: 0px;
}
a.linkNav_on:visited {
	font-variant: small-caps;
	color: #FFFFFF;
	text-decoration: none;
}
a.linkNav_on:hover {
	font-variant: small-caps;
	color: #FFFFFF;
	text-decoration: none;
}

.bouton_texte_noir {
	background-image: url(images/fleche_lien.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	line-height: 20px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}
a.bouton_texte_noir:hover {
	text-decoration: underline;
}