#entete
{
	background-image: url(img/banner.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: right;
}
#entete a.nom-site, 
#entete a.nom-site:link,  
#entete a.nom-site:visited
{
	background-image: url(img/ewaterability_b.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#navigation li.art-menu { font-style: italic; }

/* -------------------------------------------------------
 	1. LIENS base
 ------------------------------------------------------- */

a, a:link, a:visited
{
	text-decoration: none;
	color: #00ADEF;
}

a:hover
{
	text-decoration: underline;
	color: #00ADEF;
}

/* ------------------------------------------------------------------
 	5. NAVIGATION et MENUS
 -------------------------------------------------------------------- */
/* COULEURS des menus */
.menu ul li {	border-top: 1px solid #eee; } /* separateur : meme couleur que fond de BODY */

.menu ul li a:hover { text-decoration: none; }

/* text : color */
.menu ul li a, 
.menu ul li a:visited,
.menu ul li b 				{ color: white;}

.menu ul li li a, 
.menu ul li li a:visited 			{ color: #0A74A6;}

.menu li span 				{ color: #444;}


.menu ul li a:hover			{ color: yellow;}
.menu ul li li a:hover,
.menu ul li li a.lienon 	{ color: #40C8F4;}


/* background */
.menu ul li a,
.menu ul li b 				{ background-color: #40C8F4; }


.menu ul li li a, 
.menu ul li li a:visited,
.menu li span 				{ background-color: #eee; }

.menu ul li a:hover		{ background-color: #00ADEF; }
.menu ul li li a:hover { background-color: #ffd; }
.menu ul li li a.lienon 	{ background-color: #ffd; }


.menu ul li li a.article { background-color: #eee; }
.menu ul li li a.article:hover { background-color: #ffd; }

/* -------------------------------------------------------
 8. EDITO (sur page sommaire.html)
------------------------------------------------------- */

.edito .bandeau {
	overflow: hidden;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-color: #BBB;
	border-width: 0 0 2px 0;
	border-style: dotted;
}

.edito h3 {
	margin: 0;
	padding: 0;
	color: white;
	background-color: #00ADEF;
	text-transform: uppercase;
	text-indent: 4px;
	width: 100%;
	font-size: 1.1em;
	line-height: 1.4;
	/* background-image - voir/see : 'alter.css' */
}

.edito h3 a, 
.edito h3 a:link, 
.edito h3 a:visited,
.edito h3 a:hover {
	color: white;
	font-size: 90%;
}

.edito .chapo { margin-top: 0; background-color: #eee;}

.edito .suite { text-align: right; }
.menu ul li a.x { background-color: #ff0000; }