body 
{
	margin: 0;
	padding: 0;
	background: #ffffff url('bg.png') repeat-x;
	text-align: center;
}

div#page
{
	width: 900px;
	margin: 0 auto;
	text-align: left;
	font-family: Arial, sans-serif;
}

div#main
{
	width: 100%;
	overflow: hidden;
	font-size: 11px;
	color: #444444;
	background: #000000 url(background.png) repeat-y;
}

div#left
{
	width: 175px;
	height: 450px;
	float: left;
	background: #000000;
	text-align: center;
	color: #fc7e04;
}
div#left h3
{
	width: 95%;
	margin: 10px auto;
	background: #fc7e04;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
div#days
{
	width: 80px;
	float: left;
	text-align: right;
}
div#hours
{
	width: 80px;
	margin-left: 93px;
	text-align: left;
}

div#right
{
	margin-left: 175px;
}

div#top
{
	height: 25px;
	padding: 10px;
	font-family: Comic Sans MS, Georgia, Verdana, sans-serif;
	background: #fc7e04;
}
div#top ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#top li
{
	margin: 0;
	padding-left: 40px;
	display: inline;
}
div#top li a
{
	font-size: 15px;
	font-weight: bold;
	color: #444444;
	text-decoration: none;
}
div#top li a:hover
{
	color: #000000;
}

div#content
{
	padding: 20px;
	text-align: justify;
	background: #ffffff;
}
div#content h1
{
	margin: 0 0 15px 0;
	text-align: center;
	color: #fc7e04;
}
div#content h1 a
{
	margin-left: 50px;
	margin-right: 50px;
	text-decoration: none;
	color: #fc7e04;
}

div#footer
{
	margin: 0;
	padding: 10px;
	text-align: center;
	font-size: .85em;
	color: #ffffff;
	font-family: Comic Sans MS, Georgia, Verdana, sans-serif;
	background: url('bottom.png') no-repeat left bottom;
}
div#footer a
{
	color: #fc7e04;
	text-decoration: none;
}

div.demiboite
{
	width: 302px;
	margin: 5px;
	float: left;
	text-align: center;
}
div.demiboite div
{
	margin: 0;
	padding: 5px;
	border-left: 1px solid #743a01;
	border-right: 1px solid #743a01;
	border-bottom: 1px solid #743a01;
}
div.demiboite h3
{
	margin: 0;
	font-size: 13px;
	color: #444444;
	background: url('demititle.png') no-repeat left top;
}

div.boite
{
	width: 677px;
	margin: 5px;
	float: left;
}
div.boite div
{
	margin: 0;
	padding: 5px;
	overflow: auto;
	float: left;
}
div.boite_musique div
{
	border-left: 1px solid #743a01;
	border-right: 1px solid #743a01;
	border-bottom: 1px solid #743a01;
}
div.boite_autre div
{
	border-left: 1px solid #444444;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
}
div.boite_humour div
{
	border-left: 1px solid #7e04fc;
	border-right: 1px solid #7e04fc;
	border-bottom: 1px solid #7e04fc;
}
div.boite_sport div
{
	border-left: 1px solid #0154aa;
	border-right: 1px solid #0154aa;
	border-bottom: 1px solid #0154aa;
}
div.boite h2
{
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 13px;
	color: #444444;
}
div.boite_musique h2
{
	background: url('title.png') no-repeat left top;
}
div.boite_autre h2
{
	background: url('title_grey.png') no-repeat left top;
}
div.boite_humour h2
{
	background: url('title_violet.png') no-repeat left top;
}
div.boite_sport h2
{
	background: url('title_blue.png') no-repeat left top;
}
div.boite h3
{
	margin: 0 0 10px 5px ;
	padding-left: 260px;
	font-size: 15px;
	color: #444444;
}
div.boite p
{
	margin: 0 5px 5px 5px;
	padding-left: 260px;
}

table#calendrier
{
	width: 679px;
	margin: 0 auto;
	padding: 0;
	border-collapse: collapse;
}
table#calendrier th
{
	height: 25px;
	text-align: center;
	font-family: Comic Sans MS, Georgia, Verdana, sans-serif;
}
table#calendrier td
{
	width : 97px;
	height: 97px;
	padding: 3px;
	color: #000000;
	vertical-align: top;
	text-align: left;
	border: 1px solid #d96f04;
}
table#calendrier td.today
{
	background-color: #ffcc99;
}
table#calendrier td.none
{
	background-color: #dddddd;
}

a.musique
{
	font-weight: bold;
	color: #fc7e04;
	text-decoration: none;
}
a.autre
{
	font-weight: bold;
	color: #777777;
	text-decoration: none;
}
a.humour
{
	font-weight: bold;
	color: #d633ff;
	text-decoration: none;
}
a.sport
{
	font-weight: bold;
	color: #334bff;
	text-decoration: none;
}

h1, h2, h3
{
	font-family: Comic Sans MS, Georgia, Verdana, sans-serif;
}

a img
{
	border: 0;
}
img#map
{
	float: right;
	margin: 13px 150px 0 -175px;
}
img.centree
{
	margin: 0 auto;
	display: block;
}
img.gauche
{
	margin: 0 5px;
	float: left;
}
img#loading
{
	margin-left:325px;
	margin-top:100px;
}