@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;

}
#header {
	margin: 0;
	padding: 0;
	width: 976px;
	height: 177px;
	background-color: #99CCCC;
	background-image:url(img/bandeau.jpg);
	background-repeat:no-repeat;
}

#conteneur {
	position: relative;
	width: 970px;
	margin: 0 auto; 
	background-color:#FFFFFF;
}
#centre {
	background-color:#FFFFFF;
	width: 540px;
	padding: 30px;
	padding-top:20px;
	font-size: 11px;
}

#centre h1 {
	margin: 0;
	padding: 0;
	color: #00365d;
	margin-bottom: 20px;
	font-size: 20px;
}

#centre h2 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #0993cd;

}

#centre p {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #1a171b;
}

#centre ul {
	list-style-image:url(img/puce.gif);
}

#centre li {

}

#centre a {
	color: #0993cd;
	text-decoration: underline;
}

#centre a:hover {
	color: #0993cd;
	color: #1a171b;
}

#gauche {
	position: absolute;
	top: 180px;
	left:0;
	bottom: 0;
	width: 185px;
	background-image:url(img/gauche.jpg);
	background-repeat:repeat-y;
	height: 800px;
	
}
#droite {
	position: absolute;
	right:0;
	top: 180px;
	width: 174px;
	background-image:url(img/droite.jpg);
	background-repeat:repeat-y;
	height: 800px;
}
#pied {
	height: 30px;
	background-color: #FFFFFF;
	text-align: center;
}

#pied a {
	color: #0993cd;
	text-decoration: none;
}

#pied a:hover {
	color: #0993cd;
	color: #1a171b;
}

.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menuhaut a:hover {
text-decoration: none;
}
.menugauche {
	width: 160px;
	list-style-type: none;
	margin: 0;
	padding:0;
	border: 1px solid #FFFFFF;
	border-bottom: 0;
	margin-top: 20px;
	margin-left: 9px;
}
.menugauche li {
	margin: 0;
	padding:0;
}
.menugauche a {
	margin:0;
	color: #000000;
	text-decoration: underline;
	display: block;
	border-bottom: 1px solid #FFFFFF;
	width: 155px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	background-color: #0993cd;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 10px;
}
.menugauche a:hover {
	background-color: #00365d;
	color: #0993cd;
}
.menugauche a.selected {
	background-color: #00365d;
	color: #0993cd;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}