/* CSS Document */

body{
	background: url('images/fond.gif') repeat-x;
	background-color: #2b2b2b;
}

#page{
	width: 961px;
	padding: 1px;
	margin: auto;
	background: url('images/page.gif') repeat-y;
	background-color: #FFFFFF;
}

#header{
	width: 961px;
	height: 29px;
	background: url('images/header.gif') repeat-x;
	overflow: hidden;
}

#header_debut{
	width: 29px;
	height: 29px;
	background: url('images/header_debut.gif') no-repeat;
	float: left;
	display: inline;
}

#header_suite{
	width: 911px;
	height: 21px;
	font: bold 12px Arial;
	color: #FFFFFF;
	float: left;
	display: inline;
	padding-top:8px;
	padding-left: 10px;
}

#header_fin{
	width: 13px;
	height: 29px;
	background: url('images/header_fin.gif') no-repeat;
	float: left;
	display: inline;
}

#banniere{
	overflow: hidden;
	width: 961px;
	height: 82px;
}

#banniere_debut{
	width: 436px;
	height: 82px;
	background: url('images/banniere_debut.gif') no-repeat;
	float: left;
	display: inline;
}

#banniere_fin{
	width: 525px;
	height: 82px;
	background: url('images/banniere_suite.gif') no-repeat;
	float: left;
	display: inline;
}

#navigation{
	width: 961px;
	height: 29px;
	background: url('images/navigation.gif') repeat-x;
}

#navigation ul{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#navigation li{
	height: 21px;
	padding-left: 35px;
	padding-right: 35px;
	font: bold 12px Arial;
	padding-top: 8px;
	float: left;
	display: inline;
	border-right: 1px solid #204f77;
}

#navigation li a{
	font: bold 12px Arial;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation li a:hover{
	color: #356b99;
	text-decoration: none;
}

#separateur{
	width: 961px;
	height: 3px;
	background: url('images/separateur.gif') repeat-x;
}

#conteneur{
	width: 961px;
	overflow: hidden;
}

#menu{
	width: 191px;
	float: left;
	display: inline;
}

#menu ul{
	width: 181px;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

#menu li{
	width: 161px;
	height: 19px;
	background: url('images/menu_li.gif') no-repeat;
	padding-left: 20px;
	font: bold 11px Arial;
	color: #5eb6e0;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	padding-top: 3px;
}

#menu li a{
	font: bold 11px Arial;
	color: #5eb6e0;
	text-decoration: none;
}

#menu li a:hover{
	color: #ffffff;
	text-decoration: none;
}

#menu li.titre{
	height: 21px;
	width: 161px;
	background: url('images/menu_titre.gif') repeat-x;
	font: bold 12px Arial;
	color: #FFFFFF;
	padding-top: 7px;
}

#contenu{
	width: 770px;
	float: left;
	display: inline;
}

#contenu h1{
	margin: 0;
	padding: 0;
	width: 760px;
	height: 23px;
	background: url('images/contenu_titre.gif') repeat-x;
	font: bold 12px Arial;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 8px;
}

#contenu p{
	font: 12px Arial;
	color: #6c6c6c;
	padding: 5px;
	margin: 0;
	margin-bottom: 10px;
	line-height: 150%;
}

#contenu p a{
	font: 12px Arial;
	color: #346897;

}

#contenu p a:hover{
	font: 12px Arial;
	color: #5eb7e0;

}

#footer{
	border-top: 4px solid #FFFFF;
	height: 21px;
	width: 946px;
	background: url('images/footer.gif') repeat-x;
	padding-top: 5px;
	font: 11px Arial;
	color: #2a5b85;
	padding-left: 15px;
}

#footer a{
	font: 11px Arial;
	color: #5eb6df;
	text-decoration: none;
}