body {
	background-color: #CCCCCC;
	margin: 0;
	padding: 0;
	height: 100%;
}

/* Titre principal - Bandeau supérieur */
h1 {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
	margin-top: 17px;
	background: url(../img/bandeau2.jpg) no-repeat;
}
h1.index {
	height: 120px;
	background: url(../img/bandeau.jpg) no-repeat;
}
h1 span {display: none;}
/* Sous-titre - Affichage avec une puce */
h2 {
	padding: 0;
	margin: 0;
	height: 15px;
	padding-left: 11px;
	background: url(../img/coinbarretitre2.gif) no-repeat;
}
h2 span {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #603000;
	height: 15px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 20px;
	white-space: nowrap;
	background: #F0BF10 url(../img/barretitrecourte2.gif) no-repeat right;
}

#container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 786px;
	height: 500px;
	margin-left: -393px;
	margin-top: -250px;
	background-color: #F0F0E0;
}
#container.index {background-color:#000000;}

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 17px;
	background-color: #BFB77F;
}
#content {
	position: absolute;
	width: 775px;
	height: 305px;
	margin: 5px;
}
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
	background-color: #BFB77F;
}

/* SPAN de positionnement dans la page */
.left {
	position: absolute;
	left:0;
	height: 100%;
}
.center {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
}
.right{
	position: absolute;
	right:0;
	height: 100%;
}
.bottom {
	position: absolute;
	bottom: 0;
}
.bottomright {
	position: absolute;
	right:0;
	bottom: 0;
}

/* Coin arrondie */
.trc {
	padding-right: 17px;
	background: url(../img/coinhd.gif) no-repeat top right;
}
.tlc {
	padding-left: 17px;
	background: url(../img/coinhg.gif) no-repeat top left;
}
.brc {
	padding-right: 17px;
	background: url(../img/coinbd.gif) no-repeat bottom right;
}
.blc {
	padding-left: 17px;
	background: url(../img/coinbg.gif) no-repeat bottom left;
}

/* Menu HAUT et BAS sur fond jaune */
#menuTop {
	width: 100%;
	height: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #F0BF10;
}
#menuTop li {
	padding: 0 5px 0 5px;
	border-right: 1px solid #603000;
	float: left;
}
#menuTop.index li {
	width: 128px;
	padding: 0;
	border: 0;
	text-align: center;
}
#menuBottom {
	position: absolute;
	bottom: 20px;
	width: 100%;
	height: 5px;
	font-size: 1px;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #F0BF10;
}
#menuBottom.index {
	height: 14px;
	font-size: 11px;
}
#menuBottom.index li {
	width: 19%;
	text-align: center;
	float: left;
}

/* Page d'index liste défile avec les actus et les thèmes */
#divActu, #divTheme {
	position: absolute;
	top: 20px;
	width: 200px;
	height: 220px;
	overflow: hidden;
}
#divActu {
	left: 10px;
}
#divTheme {
	right: 10px;
	text-align: right;
}
#actu, #theme {
	list-style: none;
	width: 200px;
	margin: 0;
	padding: 0;
}
#actu li, #theme li {
	margin: 20px 0px;
}