/*  ---------------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9 beta  */
/*  ---------------------------------------------------------------- */

/*  ------------------------------------------
/*  Imported Styles
/*  ------------------------------------------ */
@import url("http://triskel.lescigales.org/spip/spip.php?page=style_formulaires&lang=fr");

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body { 
	background: #FFF; 
	margin: 2em;
	font: 1em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; 
	text-align:center;
	color: #333;
	font-size:100%;
}

img { margin: 0; padding: 0; border: 0;}
ul, ol, li { margin: 0; padding: 0; border: 0; list-style: none;}
h1, h2, h3, h4 { margin: 0; padding: 0; font-size: 1em; font-weight: normal;}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 48em;
	text-align: left;
	left: 0; 
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
	
#contenu { 
	float: right; 
	width: 32em; 
}
	
#inner { margin: 0; width: 100%; } /* The ie/pc pecularity */ 

#navigation { 
  float: left;
  width: 15em;
  text-align: center;
  min-width: 10em;  
}

.encart { 
	float: right; 
	width: 11em;
	margin: 0;
	margin-bottom: 1em;
}

.encart div h2{
	font-size:1.2em;
	font-weight:bold;	
}


.liste_fixe { 
  float: left;
  width: 20em;
}

/*  ------------------------------------------
/*  Entete et pied de page
/*  ------------------------------------------ */
#entete {
	width: 100%;
	margin-bottom: 2px; 
	background: #FFF;
	font-size:0.77em;
}
	
#entete #nom_site_spip {
  float: left;
  font-weight: bold;
  font-size: 1.5em; }

#entete a { text-decoration: none; }

#entete #barnav { 
	float: left;
	width: 100%;
	font-size: 1.2em;
	color: #FFF; 
	border-bottom: 2px solid #666; }
	
#entete #barnav ul, #entete #barnav li { display: inline; }

#entete #barnav a {
	border-bottom: 4px solid #FFF;
	float: left;
	margin-right: 16px; }

#entete #barnav a.secteur_courant, #entete #barnav a:hover {
	border-bottom: 4px solid #666;
	color: #000; }


/* * Fil d'Ariane */
#hierarchie { 
	margin-bottom: 16px; 
	font-size: 0.75em;
	text-align: left; }


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

#pied, #pied a { color: #333; }

/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */
.rubriques, .breves, .syndic, .forums, .divers { 
	text-align: left; 
	border: 1px solid #CCC; 
	margin-bottom: 16px;
	min-width:10em;
}
	
.rubriques h2, .breves h2, .syndic h2, .forums h2, .divers h2 { 
	padding: 3px 4px 2px 4px; 
	border-bottom: 1px dotted #CCC; 
	text-align: center; 
}

.rubriques p, .breves p, .syndic p, .forums p, .divers p { margin: 2px 4px; }
	
.rubriques ul, .breves ul, .syndic ul, .forums ul, .divers ul { 
	display: block; 
	padding: 2px 0;
}
	
.rubriques li, .breves li, .syndic li, .forums li, .divers li { 
	list-style: none; 
	padding: 1px 4px; }

/*  ------------------------------------------
/*  Des couleurs specifiques selon les types de menus 
/*  ------------------------------------------ */

.rubriques { background: #eaffea;}
.rubriques h2 { background: #f2fff2; }
.rubriques ul a { color: #000; font-weight: bold; }
.rubriques ul ul a {color: #333; font-weight: normal; }
.rubriques ul ul ul a {color: #333; }
.rubriques a:hover {color: #000; }

.breves { background: #ffeaea; }
.breves h2 { background: #fff2f2; }

.syndic { background: #e8f8f8; }
.syndic h2 { background: #f0fcfc; }

.forums { background: #eaeaff; }
.forums h2 { background: #f2f2ff; }

.divers { background: #f8f8e8; }
.divers h2 { background: #fcfcf0; }

/*  Divers autres (syndication)
---------------------------------------------- */
.syndication {margin: 16px 0; padding: 8px; border: 1px dashed #AA3F00; text-align: left; }
.syndication h2 { color: #AA3F00; }
.syndication h2, .syndication ul { padding: 2px 0; }
.syndication p, .syndication li { margin: 0; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.syndication a:hover { text-decoration: none; color: #AA3F00; }

/*  ------------------------------------------
/*  Habillage du contenu (c-a-d. la colonne principale)
/*  ------------------------------------------ */

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

.cartouche .titre { 
	font-size: 1.6em; 
	font-weight: bold; 
	color: #000; }

.cartouche .spip_logos {
	float: right;
	margin: 0;
	margin-left: 5px;
	margin-bottom: 5px; } 

.cartouche p { margin: 0; padding: 0; }

#contenu .surtitre, #contenu .soustitre { 
	font-size: 0.8em; 
	font-variant: small-caps; 
	font-family: Georgia, Garamond, Times, serif; }
	
h2.spip, h3.spip {
    clear: both;
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.1em; 
	font-weight: bold; }

/*  Mise en forme des textes
---------------------------------------------- */
#navigation *{ 
	font-size:0.77em;
}

#navigation div h2{ font-size: 1.2em;font-weight:bold;}

#navigation * *{ 
  font-size:1em;  
}

.encart *{
	font-size:0.71em;	
}

.encart * *{
	font-size:1em;	
}

.chapo { 
	margin-bottom: 1.5em; 
	font-size: 0.82em; 
	font-weight: bold; 
	line-height: 1.4em; }

.lien {
	background: #FAFAFA;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 8px;
	border: 1px solid #CCC;
	font-size: 0.9em;
	font-weight: bold; }
	
.texte, .texte p.spip { 
	color: #000; }
.texte, .texte p.spip { 
	color: #000; }	
	
.texte *{
font-size:0.88em;	
}

.texte * *{
font-size:1em;	
}	
	
.ps { 
	margin-top: 0.6em; 
	padding: 0.6em 0; 
	border-top: 1px dotted #666; 
	border-bottom: 1px dotted #666; 
	font-size: 0.82em; 
}
	
.notes { 
	margin-top: 0.6em; 
	font-size: 0.77em; 
	}
	

.ps h2, .notes h2{ 
	font-size: 1.2em; 
	font-weight:bold;
}

/* Spip Styles
----------------------------------------------- */
.spip_puce { list-style-position: inside; border: 0; }
li.spip { padding-left: 0.8em; list-style: square; list-style-position: outside; } 

blockquote.spip { 
	margin: 10px 0 10px;
	margin-left: 20px; 
	padding: 0em 1em; 
	border: 1px dotted #CCC; 
	font-style: italic; }
	
.spip_serif { font-family: Georgia, Garamond, Times New Roman, serif; }
.spip_code { font-family: monospace; font-style: normal; font-size:1.1em;}

div.spip_poesie { 
	margin-bottom: 5px; 
	margin-left: 10px; 
	padding-left: 10px; 
	border-left: 1px solid #999; }
	
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

/* *  Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(http://triskel.lescigales.org/spip/dist/win_width.htc); }

/*  Documents
---------------------------------------------- */
.spip_documents { font: 11px Verdana, Arial, Helvetica, sans-serif; }
.spip_documents_center { margin: auto; text-align: center; width: 80%; }
.spip_documents_left { float: left; margin-right: 15px; text-align: center; }
.spip_documents_right { float: right; margin-left: 15px; text-align: center; }
.spip_doc_titre { clear: both; font-weight: bold; }
.spip_doc_descriptif { clear: both; }

/*  Portfolio
---------------------------------------------- */
#portfolio {}

#documents_portfolio {
  clear: both;
  margin-top: 1em;
  border-top: 2px solid #ccc;
  padding-top: 1em; }
  
#document_actif { 
  clear: both;
  margin-top: 1em; }

/*  Tableaux
---------------------------------------------- */
table.spip { 
	margin: 0 auto; 
	border: 1px solid #666; 
	border-collapse: collapse; 
	font: 0.75em Verdana, Arial, Helvetica, sans-serif; }
	
table.spip caption { 
	caption-side: top; /* bottom pas pris en compte par IE */
	margin: 0 auto; 
	padding: 3px; 
	text-align: center; 
	font-weight: bold; }
	
table.spip tr.row_first { background-color: #FCF4D0; text-align: center; }
table.spip tr.row_odd { background-color: #F0F0F0; }
table.spip tr.row_even { background-color: #FAFAFA; }
table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Listes d'articles et extraits introductifs
----------------------------------------------- */

.extrait { margin-bottom: 16px; padding: 1ex 1em 0;}

.extrait .titre a { 
	font-size: 0.9em; 
	font-weight: bold; 
	text-decoration: none; }
	
.extrait .spip_logos {
	float: right;
	margin: 0;
	margin-left: 5px;
	margin-bottom: 5px;
	clear: right; }

.extrait p { margin: 0; padding: 0; }
	
.extrait .enclosures { 
	float: right;
	text-align: right;
	max-width: 60%; 
	margin: 0 16px; }
	
.extrait small { 
	display: block; 
	font-size: 0.7em;
}
	
.extrait .texte { 
	margin: 2px 16px 0 16px;
	margin-bottom: 2em; 
	border: 1px solid #CCC; 
	padding: 0.9em; 
	font-size: 0.8em; 
	line-height: 1.4em; }

/* Habillage du plan du site
----------------------------------------------- */
#plan { font-size: 0.9em; }

#plan h2 { 
	background: #e0ffe0; 
	border: 1px solid #CCC; 
	padding: 8px; 
	margin-bottom: 4px; 
	font-weight: bold; 
	text-align: center; }
	
#plan ul { 
	display: block; 
	clear: left; 
	margin-left: 16px; 
	margin-bottom: 16px; }
	
#plan li { list-style: square; }
#plan .encart ul, #plan .encart li { margin: 0; list-style: none; }

/*  ------------------------------------------
/*  Divers
/*  ------------------------------------------ */
.important, .important a { color: #F00; }
.structure {position:absolute; top:-300px;height:1%; }
.spacer { clear: both; line-height: 0; height: 0; }

/* Couleurs des liens */
a { text-decoration: none; color: #333; }
a.on { font-weight: bold; }
a:hover { text-decoration: underline; color: #000; }
a.spip_in { color: #a02020; }
a.spip_out, a.spip_url { color: #2020a0; }
a.spip_glossaire { color: #20a020; }