body {
	margin: 0px;
	font-size:0.8em;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#CCC;
}
#totalsite {
	width:70em;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	padding:0.5em;
}
#webradio {
	background-color:#FFF;
	padding:0.5em;
	margin:0.5em;
}
#topframe {
	width:100%;
}
#leftframe {
	width: 20%;
	float:left;
	clear:left;
}
#mainframe {
	width: 56%;
	float:left;
}
#rightframe {
	width: 20%;
	float:right;
	clear:right;
}
#leftframe, #mainframe, #rightframe {
	margin: 0.2em;
	padding: 0.2em;
}
.droite {
	text-align:right;
}
h2 {
	margin: 0;
	padding: 0;
	color: #fefefe;
	font-size:1.3em;
	background-color:#538489;
}
h2 a:link, h2 a:visited  {
	color: #d8d8d8;
}
h2 a:hover, h2 a:active  {
	color:#c6c6c6;
}
h3 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size:1.2em;
	background-color:#d5e3e5;
	clear:both;
}

.navigation {
	list-style-type:none;
	list-style-image:url(images/interface/flecheb.jpg);
}

a:link, a:visited {
	text-decoration: none;
	color:#5b5b5b;
}
a:hover, a:active {
	text-decoration: none;
	color:#373737;
}
.petit {
	font-size: 9px;
	color: #999999;
	margin-top: 0px;
	margin-bottom: 0px;
}