H1 {
	font-family: Trebuchet, "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
	font-weight: bold;
	font-size: 300%;
	text-align: center;
	text-shadow: #AAA 3px 3px 2px;}

H2 {
	font-family: Times, serif;
	font-weight: bold;
	font-size: 250%;
	text-align: center;
}

H3 {
	font-family: 'Comic sans MS',  Geneva, sans-serif;
	font-weight: bold;
	font-size: 250%;
	text-align: center;
	margin-top: 0;
	padding-top: 0;
}

H4 {
	font-family: Times, serif;
	font-weight: bold;
	font-size: 400%;
	color: #900;
	text-align: center;
}

H5 {
	font-family: 'Comic sans MS',  Geneva, sans-serif;
	font-weight: bold;
	font-size: 200%;
	color: #900;
	text-align: center;
}

BODY, TD, UL, LI {
	font-family:  'Comic sans MS',  Geneva, sans-serif;
	font-size: 15px;
	}

A:link    {color:#00A;}
A:visited {color:#444;}
A:hover   {color:#B00;}
A:active  {color:#0A0;}
IMG {border-color: #AAF;}
IMG:hover {border-color: #A22;}
IMG.bordure {border: #444 1px solid;}

.blanc {color: #FFF}
.gris {color: #555}
.grisfonce {color: #333}
.bleufonce {color: #005}
.bleuclair {color: #66A}
.rouge {color: #A00}
.rougefonce {color: #500}
.jaune {color: #FF0}
.justif {text-align: justify;}
.vert {color: #060}
.grec {font-family: Symbol}
.pluspetit {font-size: 80%}
.tresgrand {font-size: 600%}
.plusgrand {font-size: 166%}
.encoreplusgrand {font-size: 300%}

A:hover	IMG	{
	opacity: 0.75; 
	border-color: #B00;
	}
	
.largemoins10pix {
	padding-left: 10px;
	padding-right:10px;
	}
.large70 {
	padding-left: 15%;
	padding-right:15%;
	}
.droite {float: right;}
.fondvert {
	color: #DDFFD0;
	background-color: #474;
	}
.fondnoir {
	color: white;
	background: black;
	padding: 5px;
	}
.gauche {float: left;}
.gris {color: #555;}
.grispetit {
	color: #555;
	font-size: 80%;
	}
.grandrouge {
	color: #900;
	font-size: 166%;
	}
.grandgras {
	font-weight: bold;
	font-size: 166%;
	}
.moitie {width: 50%;}
.non-souligne {text-decoration: none;}
.sous-titre {
	font-family: 'Comic sans MS', Geneva, sans-serif;
	font-weight: bold;
	font-size: 200%;
	color: #900;
	text-align: center;
	}

.updates {
	color: #555;
	font-family: Times, serif;
	}

TABLE.main {
	clear: both;
	width: 100%;
	}
	
DIV#fleches { 
	position: fixed; 
	background: transparent; 
	line-height: 1.4;
	right: 10px; 
	bottom: 125px; 
	font-size: 80%;
	color: #222;
	text-align: center;
	z-index: 12; 
	}
DIV.update {
	font-size: 80%;
	position: absolute;
	top: 10px;
	left: 10px;
	text-align: center;
	}
DIV.musique {
	font-size: 80%;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
	}
DIV.pieddroit {
	font-size: 80%;
	position: absolute;
	right: 10px;
	text-align: center;
	}
DIV.piedgauche {
	font-size: 80%;
	position: absolute;
	left: 10px;
	text-align: center;
	vertical-align: bottom;
	}
DIV.piedcentre {
	font-size: 80%;
	text-align: center;
	margin: auto;
	width: 80%;
	}

/*****************************************/
@media screen and (max-width: 500px) {
	H1 {font-size: 160%; margin-left: 12%; margin-right: 12%;}
	H2 {font-size: 130%; margin-left: 10%; margin-right: 10%;}
	.large70 {
		margin-left: 3%; margin-right: 3%;
		}
	DIV.musique {max-width: 3em;}
	DIV.update {max-width: 4em;}
	DIV#Titre {font-size: 80%;}
	TABLE.bordgris, DIV.bordgris {border-width: 2px;}
	}