/* CSS Document */
* {
	padding: 0;
	margin: 0;
}
body {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    text-align: center;
    background: #CCCCCC url(images/fond.gif);
	font-size: 11pt;
    color: #FFFFFF;
}

#container {
    position: relative;
	margin: auto;
    text-align: left;
    width: 1024px;
}

#header {
	margin: 0;
	padding: 0;
	text-align: center;
    background: url(images/header.gif) center top no-repeat;
	width: 1024px;
    height: 165px;
}

#menu {
		background: url(images/menu.gif) no-repeat;
		margin: 0;
		padding: 0;
		width: 1024px;
		height: 72px;
}

#menu li {
		float: left;
        text-align: center; 
		font-size: 12pt;
}

#menu a {
		margin-right: 30px;
		text-decoration: none;
		color: #FFFFFF;
		font-weight: bolder;
		display: block;
}

#menu a:hover {
		color: #CC0000;
		border-bottom: 1px solid #CC0000;
}

#menu a:active {
		color: #FFFFFF;
		border-bottom: 3px solid #FFFFFF;
}

/* CSS pour chaque <ul> */
.gauche {
		margin: 0;
		padding: 25px 0 0 65px;
		list-style-type:none;
}

.droite {
		margin:0;
		padding: 0 0 0 1024px;
		list-style-type:none;
}

#cadre_haut{
	background: url(images/cadre_haut.gif) no-repeat;
	 text-align: center;
	height: 41px;
}

#cadre_haut  h1 { /* Titre sur la bordure haute du cadre */
	color: #CC0000;
	font-size: 16pt;
}

#cadre {
	background: url(images/cadre.gif);
	padding: 0 25px 10px 25px;
}

#cadre h3 { /* Titre en haut du contenu */
	margin:0 0 15px 0;
	text-align:	center ;
	color: #FFFFFF;
	font-size: 20pt
}

#pied {
	background: url(images/pied.gif) no-repeat;
	width: 1024px;
	height: 99px;
}