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

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

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

/* -------------------------------------------------------
 	2. MISE EN PAGE - BLOCS PRINCIPAUX
 ------------------------------------------------------- */

body {
	color: #444;
	font: 85%/1.0 "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
	margin: 0;
	text-align: left;
	/* pour centrer horizontalement la boite #page dans IE/Win */
	background-color: #008979;
	/* background-image - voir/see : 'alter.css' */
}

#entete			/* voir (../inc/inc-bandeau.html) */
{
	position: relative;
	height: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-width: 0;
	text-align: right;
	background-color: #ccffff;
	overflow: hidden;
	z-index: 10;
	/* background-image - voir/see : 'alter.css' */
}

/* -------------------------------------------------------
 	3. BANDEAU - ENTETE (inc/inc-bandeau.html)
 ------------------------------------------------------- */

#entete a.nom-site, 
#entete a.nom-site:link,  
#entete a.nom-site:visited
{
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: Verdana, 'Bitstream Vera Sans', Tahoma,  "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
	text-decoration: none;
	color: #e55a20;
	font-size: 2em;
	font-weight: bold;
	padding: 0;
	background-color: transparent;
	/* background-image - voir/see : 'alter.css' */
}

#entete a.nom-site:hover
{
	color: #008979;
	font-style: italic;
	text-shadow: white 0px 0px 8px;
	/* une fleur pour safari seulement */
}

#entete .nom-site span 		/* position du nom du site - position of the site's name  */
{
	display: block;
	position: absolute;
	bottom: 145px;
	right: 140px;
}

/* ------------------------------------------------------------------
 	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,
.menu ul li li a:hover,
.menu ul li li a.lienon 	{ color: white;}


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


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

.menu ul li a:hover,
.menu ul li li a:hover { background-color: #008979; }
.menu ul li li a.lienon 	{ background-color: #00bec5; }


.menu ul li li a.article { background-color: #bed4eb; }
.menu ul li li a.article:hover { background-color: #008979; }

/*  ANNONCE dans #encart */
.annonce
{
	background-color: #91d3d5;
	/* overflow: hidden; */
	text-align: center;
}
.menu li.annonce a { padding: 0; }

.menu li.annonce .spip_logos,
.menu li.annonce a img { margin: 0; }

#menu-principal {
	position: absolute;
	top: -1.4em;
	margin-top: 0px;
	margin-left: 0px;
	width: 780px;
}

#menu-principal li a
{
	padding: .2em 1em .2em 1em;
	margin: 0 1px 0 0;
} 

#menu-principal ul li 
{ float: left; }

/* #menu-recherche {  position: absolute; top: 185px; width: 148px;} */
#menu-recherche { width: 100px; }
#menu-recherche.menu ul li { border-top: 0; }

#menu-rubriques { position: absolute; top: 190px; width: 150px;}

.menu-item { font-size: 85%; }

.menu-item,
.menu-titre-special, 
.menu-titre { background-color: #ccffff; } 


/* -------------------------------------------------------
 	6. ARTICLE
 ------------------------------------------------------- */

.texte
{
	text-align: left;
	line-height: 1.3em;
	text-transform: inherit;
}

p.spip { text-align: left; }

.chapo
{
	font-weight: bold;
	text-align: left;
	background-color: #ccffff;
	padding: .5em;
	margin: 0 0 1em 0;
}

/* -------------------------------------------------------
 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: #008979;
	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: #ccffff;}

.edito .suite { text-align: right; }