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


#entete       /* bandeau - banner */ 
{
	background-image: url(img/bandeau1.jpg);
	background-color: #FFFFFF;
	height: 140px;
	/* 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
{
	font-family: Verdana, 'Bitstream Vera Sans', Tahoma, "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
	color: #EDDF5C;
	background-image: none;
}

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

#navigation { left:0; top: 140px; }
#menu-principal {
	top: 0;
	background-color: #E7741B;
}
#bloc-contenu { margin-top: 30px}
#menu-rubriques {  top: 30px}
#encart { top: 200px; }
#menu-principal-recherche {
	float:none;
	position:absolute;
	right:0;
	top: 30px;
}
#menu-recherche {
	width:150px;	
}
#menu-lang {top: -1.4em; margin-right: 0; color: #225d22; } 
#menu-lang a,
#menu-lang a:link,
#menu-lang a:hover,
#menu-lang a:visited {color: #F4B757;}

#bandeau       /* bandeau - banner personnalisé pour chaque rubrique */ {
	/* background-image: url("img/random-bandeau.php");  */

	background-color: #FFFFFF;
	height: 140px;
	/* hauteur du contenu (pour tous les navigateurs) */
	background-repeat: no-repeat;
}

.formulaire_recherche input.forml {   /* Pour activer la loupe verte */
	background-image: url(img/loupe.png);

}

#format_maj {
	font-style: italic;
	text-align: right;
}

#logo-motto {
	margin-top: 8px;
	margin-left: 14px;
	height: 130px;
	width: 720px;
	background-repeat: no-repeat;
	background: none;
	z-index: 100;
} 


/* -------------------------------------------------------
   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 { background-color: #F4B757; font-weight: bold}


#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  { background-color: #E7741B; font-weight: bold; }  /* en haut - contact, accueil... */


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

.menu ul li a, 
.menu ul li b,
.edito h3,
.signatures td { background-image: url("img/aj-titre-coin.gif"); }

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

/* -------------------------------------------------------
   Autres changement de couleur et typo
 ------------------------------------------------------- */
#bloc-contenu h3 a,
h3.spip,
h1.titre-article  { color: #225d22; }


h1.titre-article
{
	font-family: Georgia, Bookman, Palatino, "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: normal;
	line-height: 1em;
}

#bloc-contenu h3 a
{
	font-size: 1.2em;
	font-family: Georgia, Bookman, Palatino, "Times New Roman", Times, serif;
	font-weight: normal;
}

#bloc-contenu h3.edito-titre a
{
	color: white;
	font-weight: bold;
	font-size: 1em;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
}

#plan h3 a { color: #225d22; font-size: 1.2em; font-family: Verdana, Arial, sans-serif;}

/* -------------------------------------------------------
   Perso Stef : Tiré de base.css
 ------------------------------------------------------- */

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

/* ------------------------------------------------------------------
 	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: #225d22;}

.menu li span 				{ color: #225d22;}


.menu ul li a:hover,
.menu ul li li a:hover,
.menu ul li li a.lienon 	{ color: #F4B757; }


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


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

.menu ul li a:hover,
.menu ul li li a:hover { background-color: #ffffFF; }
.menu ul li li a.lienon 	{ background-color: white; }


.menu ul li li a.article { background-color: white; }
.menu ul li li a.article:hover { background-color: white; }

/* TYPO et ESPACEMENT des menus */

.menu ul 
{
	font-size: 100%;
	line-height: 1.2em;
	font-weight: normal;
	text-align: left;
	list-style-type: none;
	margin: 0;	padding: 0;
}

.menu ul ul { font-size: 0.9em; margin: 0;}
.menu ul li { margin: 0; }

.menu ul li a, .menu ul li b
{	
	text-decoration: none;
	text-align: left;
	padding: 3px 4px 3px 4px;
	display: block;	
	/* background-image - voir/see : 'alter.css' */
}

.menu ul li li a { padding-left: 4px; font-weight: normal;}
.menu ul li li li a { padding-left: 10px;}
.menu ul li li li li a { padding-left: 16px;}
.menu ul li li li li li a { padding-left: 22px;}
.menu ul li li li li li li a { padding-left: 28px;}

.menu li span
{
	display: block;	
	font-style: italic;
	font-size: 92%;	
}
.menu li li address a
{
	padding: 0px 0 4px 4px;
	font-style: italic;
	font-size: 92%;	
}


.chapo
{
	background-color: #f0f3e8;
	
}

/* -------------------------------------------------------
 	14. FORMATS DE TEXTE
 ------------------------------------------------------- */

.article-info-rubrique
{
	text-align: left;
	margin-bottom: 10px;
}

.article-info-rubrique h5
{
	font-size: 85%;
}


.extrait
{
	margin: 5px;
	line-height: 1.4em;
	padding: 8px;
	background-color: #f0f3e8;
}


.extrait a.suite,
.extrait a.suite:link,
.extrait a.suite:visited
{
	text-decoration: none;
	color: green;
	background-color: transparent;
	font-variant: small-caps;
	display: inline;
}

.extrait a.suite:hover
{
	color: green;
	text-decoration: underline;
}

.bouton
{
	background: #EEEEEE;
	border: solid 1px #BBBBBB;
	padding: 1px;
	margin-bottom: 2px;
	margin-top: 0px;
}

.separateur
{
	width: 6px;
	font-size: 10px;
	height: 9px;
	padding-right: 2px;
	/* background-image - voir/see : 'alter.css' */
}

.mot-precis
{
	padding-left: 2px;
	padding-right: 3px;
}

.chapo
{
	line-height: 1.4em;
	margin-top: 1em;
}

.ps
{
	padding-top: 0.6em;
	margin-top: 0.6em;
	margin-bottom: 10px;
	border-top: 1px dashed #AAAAAA;
}

.ligne-debut
{
	padding-top: 0px;
	margin-top: 5px;
	margin-bottom: 15px;
	border-top: 1px dashed #AAAAAA;
}

.notes
{
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	border-top: 1px solid #a0a0a0;
	padding: 1.5em;
}

/* date dernier ajout */
.date-entete
{
	text-align: right;
	margin-top: -16px;
	margin-right: -5px;
	margin-bottom: 10px;
}

.cartouche
{
	/*border-top: 2px solid #404040;*/
	margin-bottom: 15px;
	/*clear: right;*/
}

.spip_logos,
.cartouche .spip_logos,
.logo-liste-art .spip_logos
{
	padding-left: 0px;
	margin: 0 0 0 1em;
}
.sommaire .logo-liste-art {clear:both}
.logo-liste-art { float: right; }

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

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

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

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

/* -------------------------------------------------------
 	15. PLAN DE SITE
 ------------------------------------------------------- */
.plan-archives
{
	background: #f0f3e8;
}

#plan h3 {
	font-weight: bold;
}