/*  ----------------------------------------------------------- */
/*  Feuilles de styles du squelette botanique pour l'herbiel de gabriel SPIP 1.9  */

body {
	background: #fff;
	width: 900px;
	margin: auto;
	text-align: center;
	font-size: 1em;
	color: #333;
	
}

img, table { margin: 0; padding: 0; border: none; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;  }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	text-align: left;	
	border: 2px solid #336600;
	background-image:  url("IMG/vert_d.jpg");
	background-position: right top;	
	background-repeat: repeat-y;
}/*avec le fond beige a droite*/
#fond {
	width:100%;	
	margin-left: auto;
	margin-right: auto;
	background-image:  url("IMG/vert_g.jpg");
	background-position: left top;
	background-repeat: repeat-y;
}/*avec le fond vert a gauche*/

#conteneur {
	width: 100%;	
}

#conteneur #contenu {
	float: right;
	width: 12em;	
}/* le descriptif de la plante*/

#conteneur #navigation {
	float: left;
	width: 12em;
	padding: 3px;
	margin: 3px;
	color: #fff;
}

/*menu de navigation cote gauche*/
 .edito {
	margin-left: 16em;
	font-size: 0.82em;
	color: #336600;
}

.edito  .titre {
	width: 95%;
	text-align: left;	
	color: #cc0000;
	font-weight: bold;
	font-size: 140%;}

.edito .centre .texte { 
	color: #000;
	font-size: 100%;
	 }
.edito .ps {
	color: #000;
	font-size: 100%;
}


#conteneur #centre {
	margin-left: 13em;
	margin-right: 13em;
}

.centre h2 {
	font-size: 130%;
	color: cc0000;
}

/* Blocs du contenu  */
#contenu .divers {
	min-width: 10em;
	border: 1px solid #CCC;
	margin-bottom: 1em;
	font-size: 0.77em;

}
#contenu .contre-encart {
	float: left;
	width: 21em;
}
#contenu .paragraf {
	font-size: 0.92em;
	font-weight: bold;
	color: #c00000;
	margin-right: 5px;
	}
#contenu .paragraf a{
	font-size: 0.92em;
	font-weight: bold;
	color: #c00000;
	}

#centre .contre-encart {
	border: 1px solid #c00000;
}

#centre .divers {
	font-size: 0.88em;
	color: #000;

}
#contenu-plan {
	margin-left: 14em;
	margin-right: 2em;
}

#contenu-plan ul, ol, li  {
	list-style: square;
	color: #008000;
	font-size: 0.78em;
	padding-left: 0em;
	margin-left: 2.3em
	}
#contenu-plan .description {
	color: #000;
	}

#conteneur #rubric {
	margin-left: 13em;
}
#contenu-plan .contre-encart {
	float: left;
	width: 41em;
}
#contenu .encart {
	float: right;
	width: 11em;
	margin: 0;
	margin-bottom: 1em;
}
#contenu-plan .encart {
	float: right;
	width: 11em;
	margin: 0;
	margin-bottom: 1em;
}
/* Entete */
#entete {
	width: 100%;
	text-align: center;
	 }

#entete #nom_site_spip, #entete a .spip_logos {
	display: block;	
	font-weight: bold;
	font-size: 1.5em; }
#entete a {
color: #336600;
text-align: center;
text-decoration: none;
}
#entete .formulaire_recherche { float: right; }

/* Fil d'Ariane */
#hierarchie {
	clear: both;
	border-bottom: 2px solid #336600;
	border-top: 2px solid #336600;
	margin-bottom: 2em;
	font-size: 0.77em;
	font-weight: bold;
	color: #c00000;}

/* Pied de page */
#pied {
	clear: both;
	width: 100%;
	margin-top: 4em;
	border-top: 1px dotted #CCC;
	padding: 2px;
	text-align: center; }
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif;		
	}

/* Typo pour le contenu */
#contenu {
	font-family: "Trebuchet MS", Helvetica, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
	font-family: "Bitstream Vera Serif", Georgia, Times, serif; }


/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */

.rubriques, .breves, .filles {
	min-width: 10em;
	margin-bottom: 1em;
	margin-left: 0.8em;
	font-size: 0.87em;	
}
.breves a {
	color: #fff;
}
.famille a {
	/*color: #17aa17;*/
	color: #008000;
	font-size: 0.87em
	}
.breves ul li {
	list-style: square;
	line-height: 1.2em;
	color: #fff;
	padding-left: 0em;
	margin-left: 0.3em;
	/*border: 1px solid #c00000;*/
}
.famille ul li {

	list-style: square;
	/*color: #17aa17;*/
	color: #008000;
	padding-left: 0em;
	margin-left: 2.3em;
}
.filles {
	margin-left: 2em;
	/*border: 1px solid #225500;*/	
}
.filles table {
	width: 98%;
	/*border: 1px solid #c00000;*/
	 }
.filles table tr td {
	color:#c00000;
	font-size: 0.87em;
	border: 2px solid #c00000;
}
.rubriques ul li a {color: #fff; }
.breves ul li a {color: #fff}
.menu-titre {
	padding: 0.2em 0.4em;
	font-weight: bold;
	font-size: 0.9em;
	color: #c00000;
	}

#navigation {
	color: #fff;
}
#navigation p, .encart p { margin: 0; padding: 0.2em 0.7em; text-align: left;  }
#navigation ul, .encart ul { padding: 0.2em 0; text-align: left;color: #fff; }
#navigation li, .encart li {padding: 0 0.7em;color: #fff; }

.breves .menu-titre  a { color: #c00000; font-weight: bold; font-size: 1.3em; }

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche {	
	margin-bottom: 2em;
	}

.cadre {
	text-align: center;
	margin-bottom: 2em;
	}
.cadre .titre {
	font-size: 0.95em;
	font-weight: bold;
	color: #336600;
}
.cartouche table {	
	width: 98%;		
}
.cartouche table tr td {
	font-size: 0.67em;
	color: #336600;
	border: solid 2px #336600;
}
.cartouche .titre {
	font-size: 0.95em;
	font-weight: bold;
	color: #c00000; }

.cartouche .titre a{
	font-size: 0.95em;
	font-weight: bold;
	color: #336600; }

.cartouche h1 {
	font-size: 1.1em;
}
.liste-articles h4 {
font-size: 0.8em;
}
#contenu .nomplante {
font-size: 0.88em;
font-weight: bold;
}
#contenu .nom {
font-size: 0.82em;
}

#contenu-plan .nom {font-size: 0.82em;}
.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.71em; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }


/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {	
	margin-left: 1.3em;
	margin-bottom: 1.2em;
	/*border: 1px solid #ccddaa;*/
	font-weight: bold;
	font-size: 0.68em;
	 }
.chapo h3 {
	font-weight: bold;
	font-size: 1.6em;
	color: #c00000;
}
.chapo h2 {
	font-weight: bold;
	font-size: 1.6em;
	color: #336600;
}
.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte {
	color: #08661c;
	font-size: 0.83em;
	margin-right: 5px;
	 }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { font-size: 0.77em;text-align: center; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }
.copyright {
	font-size: 0.82em;
	font-weight: bold;
	text-align: center;
	 
}

.indic {
	color: #f3bc93;
font-weight: bold;

}
/*  Portfolio
---------------------------------------------- */
#documents_portfolio {		
	text-align: center;
	margin-top: 1.4em;
	padding-top: 5px;
	
	}

#documents_portfolio h2 {
margin-bottom: 0.4em;
text-align: center; font-size: 0.88em; font-weight: bold; color:#336600;

}
#documents_portfolio h2 span {	
	border-bottom: 3px solid #336600;	
}

#document_actif { margin-top: 1em; }

.bande-pagination {
		margin: auto;
		text-align: center;
		text-decoration:none;
		font-size: 10px;}

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {color: #336600;}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}




.pagination { font-size: 0.90em; }

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan .cartouche { display: none; }

.page_plan #contenu-plan h2 {
	clear: both;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 0.82em;
	text-align: center; }

.page_plan #contenu-plan .contre-encart ul {
	display: block;
	clear: left;
	margin-left: 1em;
	font-size: 0.82em;
	margin-bottom: 1em;
	list-style: square; }
.page_plan #contenu-plan .contre-encart li { list-style: inherit; }

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
/*---comportement des éléments de formulaires---*/



/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
	font-size: 0.77em;
}

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px dotted; }
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
	background: #FFF; /* Sinon, superposition dans MSIE */
}

.formulaire_spip label {}
.formulaire_spip .forml {
	width: 99%;
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: inherit; }

.spip_bouton { text-align: right; }
.spip_bouton input {
	margin: 3px 0;
	padding: 1px 2px;
	border: 2px outset;
	font-weight: bold;
	float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #F00; }
fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }



/* Choix des mots-clefs */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { text-align: left; width: 12em;margin: 3px; }
.formulaire_recherche label { display: none; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #900; } /* liens internes */
a.spip_out { color: #cc0000; text-decoration: underline; } /* liens sortants */
a.spip_url { color: #cc0000; text-decoration: underline; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */