@media handheld {
td.menu {
font-size: 16px;
color: #FFFFFF;
line-height: 10px;
font-weight: bold;
text-decoration: none;
}

A.menu {
FONT-SIZE: 20px
; COLOR: #FFFFFF
; LINE-HEIGHT: 20px
; font-weight: bold
; TEXT-DECORATION: none
}
A.menu:hover {
COLOR: #f00000
; CURSOR: hand
; TEXT-DECORATION: underline overline
}


  }



FONT, TD, BODY, P, DIV, INPUT, TEXTAREA, FORM 
{
	font-family: Arial; 
	font: normal 15px/16px;
	color: #000080;
	line-height: 15px
	}
<!-- Georgia, Garamond, serif-->

<!-- HTML codes by Quackit.com - hope to see you again soon! -->
<p style="font-family:Garamond, Georgia, serif;">HTML font code is done using CSS.</p>

<style type="text/css">


body { 
border: 1px #EEEEE;
color: #000000;
scrollbar-face-color: #CCCCCC; 
scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; 
scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #000000 
}

.catdesc {
color: #505050;
text-decoration: none;
font: normal 11px/12px Verdana;
list-style-type: none;
LINE-HEIGHT: 15px;
}

.infoa {
COLOR: white; TEXT-DECORATION: none
; list-style-type: none
; line-height: 15px;
}


td {
font-size: 15px
}


td.menu {
font-size: 11px;
color: #FFFFFF;
line-height: 10px;
font-weight: bold;
text-decoration: none;
}


table.ca {
FONT-SIZE: 11px; 
COLOR: #C3C6F7;
LINE-HEIGHT: 10px; 
TEXT-DECORATION: none
}

td.ssmenu {
FONT-SIZE: 11px
; COLOR: #000080
; LINE-HEIGHT: 10px
; font-weight: bold
; TEXT-DECORATION: none
}

p.red {
FONT-SIZE: 11px
; COLOR: #FF0000
; LINE-HEIGHT: 10px
; TEXT-DECORATION: none
}

A.menu {
FONT-SIZE: 11px
; COLOR: #FFFFFF
; LINE-HEIGHT: 10px
; font-weight: bold
; TEXT-DECORATION: none
}
A.menu:hover {
COLOR: #f00000
; CURSOR: hand
; TEXT-DECORATION: underline overline
}

A.ssmenu {
COLOR: #000080
; CURSOR: hand
; FONT-SIZE: 12px
; LINE-HEIGHT: 10px
; TEXT-DECORATION: none
}

A.ssmenu:hover {
COLOR: #ff0000
; CURSOR: hand
; FONT-SIZE: 12px
; LINE-HEIGHT: 10px
; TEXT-DECORATION: none
}


A.info {
FONT-SIZE: 10px
; COLOR: white
; LINE-HEIGHT: 12px
; font-weight: bold
; TEXT-DECORATION: none
}
A.info:hover {
COLOR: #FF0000
; CURSOR: hand
; FONT-SIZE: 9px
; LINE-HEIGHT: 12px
; font-weight: bold
; TEXT-DECORATION: underline overline
}

A { 
FONT-SIZE: 12px
; COLOR: #4B0694
; LINE-HEIGHT: 14px
; TEXT-DECORATION: underline 
}

A:hover {
; COLOR: #ff0000
}

li {
FONT-SIZE: 10px
; COLOR: #0000ff
; LINE-HEIGHT: 15px
; font-weight: bold
; TEXT-DECORATION: none
}

ul {
FONT-SIZE: 10px
; COLOR: #0000ff
; LINE-HEIGHT: 15px
; font-weight: bold
; TEXT-DECORATION: none
}

#img{border:0px; padding-right:5px;}
img{border:0px;}

a.dirs:link {text-decoration: none; COLOR: #000080;}
a.dirs:visited {text-decoration: none; COLOR: #000080;}
a.dirs:active {text-decoration: none; COLOR: #000080;}
a.dirs:hover {text-decoration: none; COLOR: #000080;}

a.files:link {text-decoration: none; color: rgb(188,42,30);}
a.files:visited {text-decoration: none; color: rgb(110,0,0);}
a.files:active {text-decoration: none; color: rgb(110,0,0);}
a.files:hover {text-decoration: none; color: rgb(110,0,0);}

.bouton { font-weight: bold; color: #FFFFFF; background: #999999; border-top: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; }
.boutonOver { font-weight: bold; color: #FFFFFF; background: #666666; border-top: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; }