* { margin:0; padding:0; }

/*----- GENERAL ------*/

html, body {	
	text-align:center;
	background:url(images/fond-page.png) repeat-x #77a6b9;
	color:#FFFFFF;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	height:100%;
}

#page {
	width:100%;
	text-align:left;
	margin:0 auto;
	position:relative;
	min-height:100%;
	height:100%;	
}

html>body #page {
    height: auto;
}

a {
	color:#376172;
	text-decoration:underline;
}

a:hover {
	color:#1b3844;
	text-decoration:none;
}

a img {
	border:none;
}

.souligne {
	text-decoration:underline;
}

p.alignement {
	text-align:justify;
}

p.alignement-bas {
	text-align:justify;
	margin:0px 0px 20px 0px;
	clear:both;
}

p.alignement-haut {
	text-align:justify;
	margin:20px 0px 0px 0px;
	clear:both;
}

.centrer {
	text-align:center;
}

.centrer-bas {
	text-align:center;
	margin:0px 0px 20px 0px;
}

ul {
	list-style-type:square;
	list-style-position:inside;
}

pre {
	border:1px solid #000000;
	width:750px;
}

p.pub-thematique {
	text-align:center;
	margin:0px 0px 15px 0px;
}

/*----- HEADER ------*/

#header {
	text-align:center;
}

/*----- MENU ------*/

#menu {
	float:left;
	display:inline;
	width:189px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
}

#menu a {
	color:#FFFFFF;
	text-decoration:none;
}

#menu a:hover {
	color:#CCCCCC;
}

#menu ul {
	list-style-type:none;
}

#menu li {
	background:url(images/menu.png) no-repeat;
	height:24px;
	padding:7px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	text-align:center;
}

/*----- CONTENU ------*/

#contenu {
	background:url(images/bas-header.png) no-repeat;
	padding:37px 0px 134px 0px;
	width:990px;
	margin:0 auto;
	overflow:auto;	
}

#bloc-principal {
	float:left;
	display:inline;
	width:750px;	
	margin:-11px 25px 0px 20px;
}

#bloc-titre {
	text-align:center;
	margin:0px 0px 10px 0px;	
}

#bloc-titre h1 {
	font:bold 15px Verdana, Arial, Helvetica, sans-serif;
	color:#4d626a;	
	padding:9px 0px 10px 0px;	
	background:url(images/fond-titre-gauche.png) center left no-repeat;
	display:inline;	
}

#bloc-titre h1 span {
	padding:10px 21px 10px 21px;	
	text-align: center;
	background:url(images/fond-titre-droite.png) center right no-repeat;
	display:inline;
	line-height:37px;	
}

h2 {
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#467284;
	border-bottom:1px dotted #467284;
	margin-bottom:4px;
}

h3 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#467284;
	border-bottom:1px dotted #467284;
	margin-bottom:4px;
}

.texte-petit {
	font-size:10px;
}

table {
	margin:15px auto 15px auto;
	border:solid 3px #376172;
	border-collapse:collapse;
}

th {	
	font:bold 15px 'Trebuchet MS', times;	
	color:#FFFFFF;
	padding:2px 4px 2px 4px;
	background-color:#376172;
	border:1px solid #FFFFFF;
	text-align:center;
}
	
td {		
	border:dotted 1px #376172;
	padding:5px 10px 5px 10px;
	background-color:#99c0cf;
	color:#000000;
}

.categorie-tableau {	
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
}

/*----- FOOTER ------*/

#footer {
	text-align:center;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#cce9f5;
	height:16px;
	padding:115px 0px 3px 0px;
	bottom:0;
	position:absolute;
	width:100%;
	background:url(images/footer.png) repeat-x;
}

#footer a {
	color:#cce9f5;
	text-decoration:underline;
}

#footer a:hover {
	color:#cce9f5;
	text-decoration:none;
}