/*************0**************************************************/
/* Feuille de Style pour un site Spip 							*/
/* (Surcharge des styles fournis par défaut avec Spip)			*/
/* 									(c) NiKo pour le Valdocco	*/
/*																*/
/* MAJ :	NiKo le 23/01/09: Première version 					*/
/****************************************************************/
/* couleurs utilisées :
	- vert foncé : #008000
	- vert clair : #80bb80
	- jaune foncé : #dddd30
	- jaune clair : #ffff80
*/

body {
	background: url("body_bg.png") repeat #008000;
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size:100%;
	text-align:left;
	color:black;
}

h1,h2,h3,h4,h5,h6 { 
	font-family: inherit;
}
h1 {
	font-size:200%;
	font-weight:bold;
}

a , a:visited{
	color:#80bb80;
}
a:hover {
	color:#dddd30;
}

.texte {
	line-height:1.2em;
	font-size:90%;
}

/*------------------------------------*/
/* On commence par le haut de la page */
/*------------------------------------*/
#entete {
	background-color: #008000;
	margin: 0;
	width: 100%;
	border:none;
	padding:0;
}
#entete  h1{
	color:white;
	margin-top:80px;
	margin-left:30px;
	font-size:210%;
	font-family: "Lucida handwriting", cursive;
}
#entete a ,#entete a:visited {
	color:white;
	text-decoration:none;
}
#entete a :hover{
	color:white;
	text-decoration:underline;
}

#identification {
	display:block;
	position:absolute;
	color:#ffff80;
	font-size:70%;
	top:45px;
	margin-left:35px;
	margin-right:250px
}
#identification a, #identification a:visited {
	color:#ffff80;
}
#identification a:hover {
	color:#dddd30;
}
#identification form {
	margin:0;
}
#identification input {
	font-size:85%;
}

#bandeau-g {
	width:80%;
	min-width:500px;
	max-width:900px;
	height:275px;
	margin:0 auto;
	background: url("bandeau-gauche.jpg") no-repeat transparent;
	background-position : top left;
}
#bandeau-d {
	width:100%;
	height:250px;
	margin:0 auto;
	background: url("bandeau-droite.jpg") no-repeat transparent;
	background-position: top right;
	float: right;
}

/*---------------------------------------------------------------*/
/* Navigation par onglets                                        */
/* Source : http://www.spip-contrib.net/Menu-portes-coulissantes */
/*---------------------------------------------------------------*/
#onglets {
  float:left;
  width:100%;
  background:transparent url("bg.png") repeat-x bottom;
  font-size:14px;
  line-height:normal;
  padding:0;
  position:relative;
  bottom:38px;
  z-index:2;
}
#onglets ul {
  margin:0;
  padding:10px 5px 0;
  list-style:none;
  }
#onglets li {
  display:inline;
  margin:0;
  padding:0;
  }
#onglets a {
  float:left;
  background:url("left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #008000;
  text-decoration:none;
  white-space:nowrap;
  }
#onglets a span {
  float:left;
  display:block;
  background:url("right_both.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:black;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#onglets a span {float:none;}
/* End IE5-Mac hack */
#onglets a:hover span {
  color:#80bb80;
  }
#onglets #current a {
  background-position:0 -150px;
  border-width:0;
  }
#onglets #current a span {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#008000;
  font-weight:bold;
  }
#onglets a:hover {
  background-position:0% -150px;
  }
#onglets a:hover span {
  background-position:100% -150px;
  }

#news {
	color:#ffff80;
	font-size:70%;
	position: absolute;
	top: -150px;
	right:250px;
	margin-left:30px;
	border:2px solid #dddd30;
	max-height:100px;
	overflow:hidden;
}
#news h3 {
	padding:0;
	margin:0;
	background-color: #dddd30;
	color:#008000;
}
#news p {
	padding:0 3px;
	margin:0;
}

#news .posrelative {
	position:relative;
}
/*------------------------*/
/* On passe au contenu... */
/*------------------------*/
#conteneur {
	width:80%;
	min-width:500px;
	max-width:900px;
	margin:0 auto;
	background-color:white;
	border-right: 1px solid #008000;
	border-left: 1px solid #008000;
	padding: 1px 0px 20px;
	position:relative;
	top:10px;
	clear:none;
	float:none;
	overflow:visible;
}
#contenu {
	position:relative;
	bottom:20px;
	padding:0 10px;
}
#contenu h1 {
	margin:0;
}

.chapo {
	color:#008000;
	background:inherit;
}

.menu {
	background-color:#80bb80;
	float:left;
	width: 200px;
	border: 2px solid #008000;
	margin: 0 10px;
	/*padding-top:10px;*/
	position: relative;
	bottom:25px;
	z-index:1;
	font-size:80%;
}
.menu h3 {
	background:#008000;
	color:white;
	margin:0;
	padding:5px;
	text-align:center;
}
.menu ul {
	list-style:none;
	margin:5px 0 15px;
	padding-left:5px;
	border:none;
}
.menu ul li {
	border:none;
	margin:0;
	padding:0;
}

.menu .sousrubrique {
	font-size: 140%;
	text-align:center;
	padding-right:5px;
}
.menu a, .menu a:visited {
	color: #ffff80;
	text-decoration: none;
}
.menu a:hover {
	color: #dddd30;
	text-decoration: underline;
}

/*----------------------------------*/
/* On termine par le pied de page ! */
/*----------------------------------*/
#bandeau-fin{
	background: url("bande-pied.png") repeat-x transparent;
	background-position: top;
	margin:0;
	position:relative;
	bottom:15px;
}

#pied {
	background: #008000;
	position:relative;
	border:1px solid transparent;
	top:20px;
	color:#ffff80;
	padding:0;
	clear:both;
}
#pied a, #pied a:visited{
	color:#ffff80;
}
#pied a:hover{
	color:#dddd30;
}

/*-----------------*/
/* Styles spéciaux */
/*-----------------*/
.formulaire_recherche {margin-top: 5px; margin-bottom: 1em; text-align:center;}
.formulaire_recherche input.text { width: 55%; }
.formulaire_recherche input.submit { font-size:70%; }
.formulaire_recherche label {display:none;}

.articles ul li {
	clear: none;
	list-style: none;
}

.formulaire_spip, .formulaire_spip fieldset {
	clear: none;
}
.formulaire_spip fieldset  legend {
	display:none;
}

.cartouche p {
	clear:none;
}
	
/*---------------------------------*/
/* Styles propres à la zone privee */
/*---------------------------------*/

.bodyzoneprivee {
	background: url("body_bg_zp.png") repeat red;
}