/**************************************************************************/
/* ---------------------------      Général         ----------------------*/	
/**************************************************************************/

#body {margin: 0 0 0 0; padding: 0 0 0 0;
	color: #b4b4b4;
	text-align:justify;}

/*#meta {
	visibility: hidden;
}*/

div.clearer{
	clear: both;
}

h1, h2, h3, h4,  {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 100%;
	font-weight: normal;
	font-family: verdana, arial;
	}

h1 {
	color:#99CC00;
	}

h2{
	color: #99CC00;
	}

h2 a:hover{
	color: #8c8c8c;
	}

.titre a{
	color:#99CC00;
	}

.spip_logos  {
	color:#b4b4b4;
	border: none;
	text-decoration: none;}

a.spip_in, a.spip_out {
	color: #99CC00;
	text-decoration: none;
	}

a:hover.spip_in, a:hover.spip_out {
	color: #b4b4b4;
	text-decoration: none;
	}
	
a, img  {
	color:#b4b4b4;
	border: none;
	text-decoration: none;
	}

a.on{
	color: #99CC00;
	}


a:hover{
	color: #99CC00;
	}

#texte ul.spip li.spip {
	list-style:url("../IMG/gif/flecherouge.gif");
	padding: 0 0 0 0;
	margin: 0 0 0 40px;	
	}

#page{
	width: 800px; height: auto;
	margin-left: auto; margin-right: auto;
	background-repeat: no-repeat;
	color: #b4b4b4;
	font-family: verdana, arial;
	font-size: 12px;
	font-weight: normal;
	}

ul, li{margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;}

#hautpage {
	float:right;
	width: 80px;
	padding: 10px 0 0 0;
	}

li.doc {list-style:url("../IMG/gif/flecheverte.gif");
	padding: 5px 0 0 0;
	margin: 0 0 0 20px;	
}

.mentions {
	font-style: italic;
	font-size: 10px;
	color:rgb(190,190,190);
	}
/**************************************************************************/
/* ---------------------------         entete       ----------------------*/	
/**************************************************************************/	

#entete{
	width:100%;
	}

#logo{
	float:left;
	width:25%;
	padding-top:20px;
	}

#banniere{
	float: right;
	background-image: url(../IMG/jpg/banniere.jpg);
	background-repeat: no-repeat;
	background-position: right;top:0;
	width:595px;height:160px;
	}	

#logo{
	float:left;
	width:25%;
	}

#sous_banniere{
	width:100%;
	height: 30px;
	}


#recherche{
	float:left;
	width:190px;
	}
	
form.formrecherche{
	
	height: 16px;
	color: #b4b4b4;
	border: 0;
	cursor: pointer;
	}
	
#q{	width:185px;
	font-family: eurofurence, arial, verdana;
	font-size: 16px; 
	color: #b4b4b4;
	border: 1px solid #b4b4b4;
	padding-left: 10px;
	height: 20px;
	}
	
#q:focus {
	background: #ffffff no-repeat 0px center;}

#hierarchie{
	float: right;
	width:590px;
	}	

/**************************************************************************/
/* ---------------------------     conteneur        ----------------------*/	
/**************************************************************************/	

#conteneur{
	width:100%;
	}	
		
/**************************************************************************/
/* ---------------------------     colone gauche    ----------------------*/	
/**************************************************************************/	

#colone_gauche {
	float:left;
	width:25%;
	}
	
	

div.actu {
	float:left;
	width: 200px;
	min-height: 200px;
	background-image: url(../IMG/jpg/ongletActu.jpg);
	background-repeat: no-repeat;
	}	

div.actu li{
	list-style:none;
	padding: 5px 5px 0 10px;
	}
	
.breves {
	width: 180px;
	padding: 0;
	margin: 0;
	text-align: center;
	}
	
div#image {
	width: 180px;
	padding: 10px 0 10px 0;
	text-align: center;
	} 

div.thematiques {
	background-image: url(../IMG/jpg/ongletthem.jpg);
	background-repeat: no-repeat;
	float:left;
	width: 200px;
	min-height: 200px;
	margin: 0 0 20px 0;
}

div.thematiques li{
	list-style-position:inside;
	list-style-type:disc;
	margin-left: 10px;
	padding-right:5px;
	padding-top:10px;
	}

div.thematiques a{
	color:#b4b4b4;
}	

div.thematiques a:hover{
	color:#99CC00;
}

div.thematiques a.on{
	color:#99CC00;
}
		

div.titresimg {
	text-align: center;
	padding-top: 10px;
}

div.contact {
	text-align: center;
	padding: 0;
	}

div.intro {
	font-size: 10px;
	text-align:justify;
	padding-right:10px;
	}


/**************************************************************************/
/* ---------------------------     contenu          ----------------------*/	
/**************************************************************************/	

div#menu_articles {
	font-size: 10px;}


#contenu{
	float:right;
	color: #8c8c8c;
	text-align:justify;
	width:580px;
	padding:10px 5px 10px 10px;
	}

#contenu li{
	padding-left:10px;
	}	
	
#texte {line-height:18px;}	
	
/**************************************************************************/
/* ---------------------------     pied de page    ----------------------*/	
/**************************************************************************/	

#pied {
	padding-top: 10px;
	text-align:center;
	width:100%;height: 40px;
	background-image: url(../IMG/jpg/PiedPage.jpg);
	background-repeat: no-repeat;
	}
	
/**************************************************************************/
/* ---------------------------         Contact      ----------------------*/	
/**************************************************************************/	

legend {
	color:#8c8c8c;
	font-size: 14px;
	}
	
label {
	color:#b4b4b4;
	font-size: 12px;
	width: 300px;
	}

/**************************************************************************/
/* ---------------------------         Plan         ----------------------*/	
/**************************************************************************/
.contre-encart {padding:0 0 0 20px;}

.encart {padding:0 0 0 20px;}

.syndic {padding:0 0 0 20px;}