html, body 
{
	margin: 0;
	padding: 0;
	background: #376424;
	font-family: Verdana, Helvetica, Arial; 
	text-align: center;
	align: center;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #376424;
	scrollbar-3dlight-color: #376424;
	scrollbar-darkshadow-color: #376424;
	scrollbar-shadow-color: #376424;
	scrollbar-arrow-color: #376424;
	scrollbar-track-color: #376424;
}


#page
{
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	width: 780px;
	text-align: left;
	font-family: Verdana, Helvetica, Arial; 
	font-size: 12px;
	line-height: 120%;
	background: #fff;
}

#contenu_principal 
{ 
	margin: 0;
	float: right;
	width: 73%; 
	padding: 5px 5px 5px 5px;
	text-align: justify;
	background: #fff;
}

#colonne_gauche 
{
	width: 200px;
	float: left;
	font-size: 12px;
	background: #ffffff;
}

#menugauche {background: #eeeeee;}

#footer 
{
	width: 780px;
	clear: both;
	border-top: 1px solid #376424;
	text-align: center;
	margin-top: 20px; 
	margin-bottom:0;
}

a {	color: #376424;text-decoration: none;font-weight: bold;}
a:hover {color: #5BA63C;text-decoration: none;}
	
a.blancsouligne {font-family:Verdana, Helvetica, Arial; font-size: 10px; color: #FFFFFF; text-decoration: none;}
a.blancsouligne:hover {color: #FFFFFF;text-decoration: underline;}

a.menu_principal {font-family:Verdana, Helvetica, Arial; font-size: 12px; color: #376424; text-decoration: none;}
a.menu_principal:hover {color: #5BA63C;text-decoration: none;}

a.lien_breve {font-size: 12px; color: #376424;text-decoration: none;font-weight: bold;}
a:lien_breve: hover {color: #5BA63C;text-decoration: underline;}

/* ancien vert: 778A6F */

img {border: 0px none;}

h3 span {display: none;}


/* elements -------------------- */

#menumain {width: 750px;line-height: 136%;}

#menumain ul {display:inline;margin:0;padding:0;}

#menumain ul li{

    list-style-type: none;
	margin:0;
	padding:0;	
	border:1px solid white;	
	background-image: url('../interface/menu_puce.png');
	background-repeat: no-repeat;
	background-position: 3% 52%;
	}

#menumain a {display: block;text-decoration: none;color: #224314;}


/* icone bref, syndication ... */

h3.breve, h3.rubrique, h3.web, h3.link, h3.keyword, h3.tools {

	margin: 0;padding: 0;height: 20px;}

h3.rubrique {background: url('../interface/menu_pop_rubrique.png') no-repeat bottom left;}

h3.web {background: url('../interface/menu_pop_web.png') no-repeat bottom left;}

h3.link {background: url('../interface/menu_pop_link.png') no-repeat bottom left;}

h3.keyword {background: url('../interface/menu_pop_keyword.png') no-repeat bottom left;}

h3.tools {background: url('../interface/menu_pop_tool.png') no-repeat bottom left;margin-bottom: 3px;}

.item {margin: 2px 0 8px 0;}

.item a {text-decoration: none;color: #0000C8;}

.date {color: #666666; font-size: 11px;}

.fondgris { background: #eeeeee;}


/* spip article typo -------------------- */

.surtitre {font-weight: bold;margin: 5px 0;}

h1, h1 a {

	color: #376424; font-size: 18px; margin: 3px 0 2px 0;
	padding: 0;
	text-decoration: none;
	line-height: 18px;}

h1 a:hover {text-decoration: none;} 

h2 {color: #376424; font-size: 16px;font-weight: italic;margin: 5px 0;}

h4 {color: #376424; font-size: 14px;margin: 5px 0 5px 0;}
h4 a {text-decoration: none}

.date2 {color: #777;text-align: right;margin: 0 7px;font-size: 12px;}

.logo {float: right;margin: 5px 0 0 10px;}

.logo2 {float: left;margin: 5px 0 0 10px;}

.auteur {text-align: right;margin: 3px 7px;}

.soustitre {margin-top: 10px;font-style: oblique;font-size: 11px;}

.chapo {padding: 8px 30px 8px 60px;margin: 5px 0;line-height: 100%;}

.texte {color: #000000; font-size: 12px}

.hyperlink {}

.ps {border-top: solid #ccc 1px;margin-top: 20px;font-size: 11px;color: #5c5c5c;}

.note {margin: 5px 0;color: #000000;font-size: 12px;}

.doc-item {font-weight: bold;}

.doc-legend {color: #666;font-size: 11px;}

.doc-descro a {color: #009;text-decoration: none;}

.metarub {font: Verdana, Helvetica, Arial; color: #999;font-size: 12px;}

.keywords {color: #999;font-size: 12px;}


/* rubrique --------------------*/

.sousrubrique a {margin-left: 15px; margin-top: 15px; color: #376424;text-decoration: none;font-weight: bold;font-size: 14px;}


.preview a {color: #AAAAAA;text-decoration: none;font-size: 12px;}
.preview a:hover {color: #3C3C3C;text-decoration: none; font-weight: italic;}


.spacer {margin: 10px 0 0 0;}
.spacer20 {margin: 20px 0 0 0;}
.spacer10g {margin: 0 10px 0 0;}

#pagination {font-size: 12px;margin: 15px 0 0 0;}


#pagination a, #pagination a:hover {text-decoration: none;}

/* misc elements --------------------*/

#path {
	background: #eeeeee;
	margin: 0;
	padding: 6px 0;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	line-height: 100%;}

#path a {color: #666; text-decoration: none;}

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

/* spip main class -------------------- */

b.spip {font-weight: bold;}

p.spip {padding-left: 3px;}

hr, hr.spip {
			display: block;
			height: 0;
			color: white;
			border-style: solid;
			border-color: #ccc;
			border-width: 0px 0px 1px 0px;}

.spip_encadrer {margin: 10px 30px 10px 30px;font-size: 12px;padding: 0;}

.spip_encadrer b {
			display: block;
			background: #eee;
			padding: 4px;
			font-weight: bold;
			border-bottom: 1px solid #ccc;
			border-top: 1px solid #ccc;		
}

a.spip_in {color: #376424;text-decoration: none;}
a.spip_in: hover {color: #2828FF;text-decoration: underline;}

a.spip_out {color: #000099;text-decoration: none;}
a.spip_out: hover {color: #000000;text-decoration: underline;}


.spip-admin {position: absolute;display: inline;top: 2px;left: 2px;}

/* tableaux gris fonbce #f0f0f0 */

table.spip {border: 1px solid #376424;}
table.spip tr.row_first { background-color: #376424; color: #FFFFFF; text-align: center; border-bottom: 1px solid #376424;}
table.spip tr.row_odd {	background-color: #d0d0d0;text-align: center;}
table.spip tr.row_even { background-color: #ffffff;text-align: center;}

/* forum -------------------- */

#forumreply {background: #ddd;color: #376424;font-weight: bold;margin: 5px 0 0 0;padding: 1px 5px;border: 1px solid #000;}
.forumbg {background: #eee;margin: 0;padding: 2px 2px;text-align: right;}
.forum {margin: 0;padding: 5px;background: #ddd;}
.forumtitle {color: #376424; display: block;padding: 4px;font-weight: bold;background: #ddd;}
.forummeta {color: #666;padding-left: 20px;background: #ddd;}
.forumbody {color: black;padding: 4px;background: #ddd;}
.forumps {padding: 4px;background: #eee;color: #666;}
.forumthread {padding-left: 60px;background: #ddd;}
.forumblink {padding: 10px;margin-left: 20px;background: #ddd;}

/* plan site -------------------- */

.plan ul {margin: 0 0 2px 5px;}
.plan li {line-height: 110%;list-style-type: none;margin: 0 0 2px 0;}
ul li a.plan, ul li a.plan: hover {text-decoration: none;color: #224314;}
ul li a.plan: hover {color: #96A68F;}
ul li a.planrubrique {text-decoration: none;font-weight: bold;color: #009;}
ul li a.planrubrique: hover {text-decoration: none;}

/* form elements -------------------- */

form {margin: 0;padding: 2px 0;}

input, textarea, select {border: 1px solid #376424;margin: 1px;padding: 1px;font-size: 11px;}
input.buttonwhite {border: 1px solid #FFF;}
.radiobut {border: 0px solid green;}

/* rss elements -------------------- */

.rss {border: 1px solid #bbb;margin: 5px 0;font-size: 12px;padding: 0 4px 5px 12px;text-align: left;}
.rss h1 a {color: #009;text-decoration: none;font-weight: bold;font-size: 16px;}
.rss h1 a:hover {text-decoration: none;}

/* misc elements -------------------- */

a.special {text-decoration: none;color: #009;}
a.special: hover {text-decoration: none;color: #666;}
.red {color: #f00;}
.green {color: #0a0;}
td {font-size: 11px}