html
{
    font-family: "Georgia", serif ;
    font-size: 110% ;
    line-height: 1.5em ;
    color: RebeccaPurple ;
}

h1, h2, h3, h4, h5, h6
{
    font-family: "Verdana", sans-serif ;
    line-height: normal ;
    color: DarkOrchid ;
}

p.mega
{
    font-family: "Courier New", "Courier", monospace ;
    font-size: 1200% ;
    text-align: center ;
}

.imgtitre
{
    margin-top: 0px ;
}

p.center
{
    text-align: center ;
}

pre { font-size: 120% ; }

a.imgtitre { font-size: 70% ; text-decoration: none ; }
a { color: DarkMagenta ; }
a:hover { color: DarkViolet ; background-color: PaleTurquoise ; }

a.mega { color: Indigo ; text-decoration: none ; }
a.mega:hover { color: Purple ; background-color: LightCyan ; }

li { padding: 0.5em ; }
 
@media only screen and (min-device-width: 600px)
{ html { font-size: 100%; line-height: 1.3em ; } }

@media only screen and (min-device-width: 768px)
{ html { font-size: 100%; line-height: 1.2em ; } }

footer
{
    font-family: Garamond, serif ;
    font-size: 90% ;
    text-align: right ;
}

table tfoot
{
	font-size: 90%;
}
	
table tfoot td li
{
    padding: 0 ;
}

table tfoot td ul
{
    margin-top: 0 ;
    margin-bottom: 0;
}