/***********************/
/* Barre de navigation */
/***********************/

#barreGrisePages {
	height:20px;
	background-color:#F2F2F0;
	color:#636260;
	margin:12px 0;
	padding:0 7px;
}

#barreGrisePages a {
	text-decoration:none;
	color:#564534;
}

#barreGrisePages div {
	display:inline-table;
	background-repeat:no-repeat;
}

#barreGrisePages a:hover {
	color:#C8E42A;
}

#barreGrisePages img {
	margin:4px 6px;
	display:block;
}

#grisG {
	padding-left:15px;
	padding-top:4px;
	height:16px;
	width:100px;
	float:left;
	font-size:80%;
	background-image:url(../images/flecheG.gif);
	background-position:left;
	text-align:left;
	}
	
#grisG:hover {
	background-image:url(../images/flecheGverte.gif);
}

#grisC {
	width:auto;
	font-size:100%;
	text-align:center;
	text-indent:2px;
	float:left;
	clear:none;
	margin-left:auto;
	margin-right:auto;
}

#grisC div {
	display:inline;
	float:left;
	}
	
#grisC #pageCourante {
	color:white;
	background-image:url(../images/page_courante.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
}

#grisC #pageAutre {
	padding-top:2px;
	width:18px;
	height:20px;
}

#grisD {
	padding-right:15px;
	padding-top:4px;
	height:16px;
	width:100px;
	float:right;
	font-size:80%;
	background-image:url(../images/flecheD.gif);
	background-position:right;
	text-align:right;
}

#grisD:hover {
	background-image:url(../images/flecheDverte.gif);
}