body {
	background-color: #9cc;
	background-image: url(img/body_bg.png);
	background-repeat: repeat;
}
#page
{
	margin: 2.4em auto;
}


#entete       /* bandeau - banner */ {
	background-image: url("img/baner-gerelux.jpg");
	background-color: #FFFFFF;
	height: 180px;
	/* hauteur du contenu (pour tous les navigateurs) */
	background-repeat: no-repeat;
}

#entete a.nom-site,
#entete a.nom-site:link,  
#entete a.nom-site:visited
{
	background-image: url(img/log_gerelux.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#entete .nom-site span  /* on cache le nom du site  */
{
	height: 1px;
	width: 1px;
	overflow: hidden;
}

#navigation { left:0; top: 180px; }
#menu-principal {
	top: 0;
	background-color: #360;
}
#menu-principal-resume {display:none}
#bloc-contenu { margin-top: 30px; min-height: 620px;}
#menu-rubriques {  top: 30px; }
#encart { top: 244px; }
#menu-principal-recherche {
	float:none;
	position:absolute;
	right:0;
	top: 30px;
}
#menu-recherche {
	width:150px;	
}
#menu-lang {top: -1.4em; margin-right: 0; color: #FF4242;} 
#menu-lang a,
#menu-lang a:link,
#menu-lang a:hover,
#menu-lang a:visited {color: #313C72;}

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

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

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

a.spip_out,
a.spip_in,
a.spip_url,
a.spip_glossaire { color: #360; }


/* -------------------------------------------------------
   Changement de couleur de fond pour les menus de navigation
 ------------------------------------------------------- */


/* COULEURS des menus et edito */
.menu-item,
.menu-titre-special, 
.menu-titre,
.menu ul li a, 
.menu ul li b,
.edito h3 { color: #360; background-color: #ABDADA; }

#menu-principal.menu-item,
#menu-principal.menu-titre-special, 
#menu-principal.menu-titre,
#menu-principal.menu ul li a, 
#menu-principal.menu ul li b  { color: #360; background-image: url(img/trama_blanc.gif); background-repeat: repeat; }


.menu ul li { border-top: 1px solid white; font-weight: bold;}
#menu-principal ul li { border-top: 0; border-right: 1px white solid;}

.menu ul li a, 
.menu ul li b,
.menu ul li a:visited,
.edito h3,
.signatures td { color: #360; background-image: url(img/trama_blanc.gif); background-repeat: repeat; }

.menu ul li li a, 
.menu ul li li a:visited,
.menu li span,
li.annonce { color: #360; background-color: #FFC; }
.menu ul li a:hover,
.menu ul li li a:hover,
.menu ul li li a.article:hover { color: #360; background-color: #EDFBFF; }
.menu ul li li a.lienon { color: #360; background-color: #EDBFC1; }
.menu ul li li a.article { color: #360; background-color: #FFFFED; }

/* -------------------------------------------------------
   Autres changement de couleur et typo
 ------------------------------------------------------- */
.sele  { color: #9c9;  }
.sele a { color: #9c9;  }

.chapo
{
	font-weight: normal;
	text-align: left;
	background-color: #ffffff;
	padding: .5em;
	margin: 0 0 1em 0;
}
.edito .chapo { margin-top: 0; background-color: #fff; padding: 0;}


#bloc-contenu h3, h3.spip
{ color: #366; background-color: #abdada; padding: 5px;
}

#bloc-contenu h3 a, h1 a 
{ border-left: 3px solid #EDFBFF; padding: 5px;
}



h1.titre-article
{
	color: #366;
	font-weight: bold;
	font-size: 1.5em;
	padding: .3em;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
	background: #ABDADA;
	width: 97%; /* evita problemas en IE de visualizacion del fondo  */
}

.spip_logos { border: 1px solid #f8e423; }
.spip_documents {  text-align: left; font-size: 1em; padding-top: 10px; width:90%;}
.spip_doc_titre {  color: #366; text-align: left; }
.spip_doc_descriptif { text-align: left; }