/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */

/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.8125em; font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333; }

/* Titraille / Intertitres */
h1,.h1,h2,.h3,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
h1,.h1 { font-size: 1.70em; color: #000; }
h2,.h2 { font-size: 1.40em; font-weight: normal;}
#contenu h2, #contenu .h2  {margin-top:2em; }
h2,.h2, h2 a, .h2 a { color: #003; }
h3,.h3 { font-size: 1.20em; font-weight: bold; }


/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }


/* Cf.: spip_style.css */
.spip_code {color:#f63;}
.spip_cadre {color:#444; background-color: #fff; border: 1px solid #ddd; font-size:1em; padding:0.5em; }
address {}

/* Tableaux */
/* Cf.: spip_style.css */
table.spip { width: 99%; }
table.spip tr.row_first { background: #444; color:white;}
table.spip td, table.spip th {border:white 2px solid;}
table.spip td a, table.spip th a {color:white;}

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #aaa top center; margin: 0; padding: 0; text-align: center;}

#page {
	position: relative; overflow:auto; width: 58em;
	margin: 1em auto; padding:1em 2em; text-align: left;
}

#entete {
	margin: 0; padding-top: 0.60em;
	padding-bottom: 1.60em; margin-bottom:1em;
	position:absolute;
	right:42px; top:30px;
	width: 22em;
	text-align:center; 
}
#entete .accueil img.spip_logos {
	vertical-align: bottom; line-height: 1em;
	text-align:center;
	display:block; margin:0 auto;
}
#entete #nom_site_spip {
	border-bottom: 2px solid #666;
	vertical-align: bottom; font-size: 1.6em;
	font-family: Georgia, Times, serif; font-weight: normal;
	display:block;
}
#entete #nom_site_spip a { text-decoration:none; }
#entete .formulaire_menu_lang {
	position: absolute; right:10px;
	top:140px; display: block;
	background:transparent url(img/blanc-alpha70.png);
	border-color:#ddd;
} 

#conteneur { overflow:auto;}

#contenu {
	clear: both; overflow: hidden;
	float:left; width:29em;
	border:3px solid #888;
	background:transparent url(img/blanc-alpha95.png); padding:1em;
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
#zyn {
	float:right; width: 22em;
	border:3px solid #888;
	background:transparent url(img/blanc-alpha90.png);
	padding:1em; padding-top:180px;
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}


#navigation { margin-top: 1em; overflow: hidden; clear:both;}

#pied {
	clear: both;  margin: 3em 0 0 0; padding: .80em 0 .6em;
	border:3px solid #888;
	background:transparent url(img/blanc-alpha90.png);
	text-align: center;
	font-size: 0.8em;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}
#pied a { color:#666; }
#pied img { vertical-align: middle; }

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

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


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.84em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-size:1.1em; }
.texte { line-height: 1.60em; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }


/* Portfolio */
.documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
.documents_portfolio a.on .spip_logos { border-color: #999; }
.documents_portfolio a:focus .spip_logos,
.documents_portfolio a:hover .spip_logos,
.documents_portfolio a:active .spip_logos { border-color: #666; }


/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */

.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ddd; }
.menu ul li { margin: 0.20em 0; padding: 0.20em;}
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }

#formulaire_recherche,
#navigation .menu,
#navigation .liste {
	background:transparent url(img/blanc-alpha70.png);
	padding:0.5em; border: 1px solid #ddd;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}
#navigation .menu a,
#navigation .liste a {color:#666;}
#navigation .menu .menu-liste,
#navigation .liste .liste-items {border-bottom:0;}
#navigation .menu .menu-entree,
#navigation .liste .item {list-style:square; margin-left:15px; padding:0; color:#FB368B;}
#navigation .menu .menu-entree .menu-liste,
#navigation .liste .item .liste-items {margin-left:0;}

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }



/* Listes d'articles et extraits introductifs */
.liste { margin-bottom:2em; }
.liste .liste-items { margin-left: 0; padding-left:0; }
.liste .liste-items .item {
	position:relative; clear: both; border:0;
	list-style-type:none;
}
.liste .liste-items .item h3 { margin: 0.30em 0; border-bottom:1px solid #666;}
.liste .liste-items .item h3 a:hover { text-decoration:none;}
.liste .liste-items .item .info-publi {
	display:block; font-size:.8em;}
.item .spip_logos {
	float: right;
	clear: right; 
	margin: 0.2em 0 4px 4px; }
.liste .liste-items .item  .introduction {  margin-top: 0.30em; line-height: 1.40em; padding: 0;}
.liste .liste-items .item .meta-publi {margin-bottom:4em;}
.liste .liste-items .item .introduction + .meta-publi {margin-top:-.8em;}

/* Couleurs des liens
---------------------------------------------- */
a { color: #222; text-decoration: none; }
a:focus,a:hover,a:active { color: #444; text-decoration: underline; }
a.spip_out, a.spip_glossaire {
	color: #444;
	background:transparent url(img/out.gif) no-repeat scroll right center;
	padding-right:12px;
}

/* * Habillage des formulaires */
.formulaire_spip {
	background:#f3f3f3;
	margin:1em 0 2em; padding:.5em; border:1px solid #888;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}
.formulaire_spip fieldset legend,
.formulaire_spip fieldset h3.legend {background:#f3f3f3;}
.formulaire_spip input.text,
.formulaire_spip textarea { width: 98%; }
.formulaire_recherche input.text { width: 15em; }


/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }


/* comments list */
ul.forum,
ul.forum ul {
	margin-top: 1em;
	padding: 0;

}
ul.forum ul.spip {border:0;}

ul.forum ul { margin:0; }
.forum .forum-fil {
	margin: 0;
	padding: 10px;
	list-style: none;
	background:#f3f3f3;
	border:1px solid #ccc;
	margin-top:1em;
}
.forum ul.spip li {
	border:0;padding:0; 
	
}
.forum li cite {
	display: block;
	font-style: normal;
	font-weight: bold;
	padding: 7px;	
}
.forum li cite img {
	float: left;
	margin-right: 10px;	
}
.forum li cite .forum-chapo {
	font-size: .8em;
	font-weight: normal;
}
.forum li .forum-texte {
	clear: both;
	margin: 0; padding: 0;
}
.forum li.alt {
	background: #f8f8f8 
}