/*  
Theme Name: Cubismo
Theme URI: http://colorlightstudio.com
Description: Free WP Theme by Igor Penjivrag
Version: 1.0
Author: Igor Penjivrag
Author URI: http://www.colorlightstudio.com/

Adapté pour Zpip - Decembre 2009
*/

/* --------------------------------------------------------- */
/* 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-family: Verdana, sans-serif;}

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Verdana, sans-serif;  }
h1,.h1 { font-size:15px; color: #000; margin:20px 0 0 0; font-weight:bold;}
h2,.h2 { font-size: 14px; color: #000; font-weight: bold; margin:15px 0 0 0}
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active {}
.h2, .h2 a, .h2 a:focus, .h2 a:hover, .h2 a:active {}
h3, .h3  { font-size:14px; font-weight:bold; }
/*h3,.h3 { font-size: 15px ; font-weight: bold; padding:10px 18px; background: #fff;}*/
h3.spip { clear:left; font-size:14px; font-weight:bold; color: #666666; border-bottom:solid 1px #999999; margin:20px 0 10px 0;} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* 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:#898989; }
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; }

/* Listes */
ul li  {
	list-style-image:none;
	list-style-type:none;
	}
ul  {/*margin:0; padding:0;*/}
ul ul {/*margin:0;padding:0;*/}

ol.spip {
/*margin:0;;padding:0;
padding-left:30px;*/}
/* Cf.: spip_style.css */

ul.spip {}
ul.spip li {
	/*background:transparent url(img/bullet.gif) no-repeat scroll 0 0.6em;*/
	list-style: disc;
	line-height:20px;
	margin-top:0px;
	/*padding-left:25px;*/}
ul.spip ul li { list-style:circle;}
	
	
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote.spip {
	background: #f9f9f9 none repeat scroll 0 0;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	color: #737373;
	margin:10px auto;
	padding:0 10px 10px 20px;
	width:87%;
	font-size:95%;}
	
	
	
blockquote.spip_poesie {} /* Cf.: spip_style.css */
/* Cf.: spip_style.css */
.spip_code {color:#737373;}
.spip_cadre {color:#444; background-color: #fff; border: 1px solid #b8c7da; font-size:1em; padding:0.5em;width:90%; }
address {}

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


/* 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: url(img/postit-droit-logo.jpg); background-position:top; background-repeat:no-repeat; margin: 0; padding: 0; text-align: center; background-color:#8e2991;}

#page { position: relative; width: 981px; margin: 0 auto; padding:0; text-align: left;}

#entete { width: 100%; margin: 0; padding:0; height:155px;}
#entete .accueil { display: block; padding:50px 0 0 130px; color: #fff; }
#entete .accueil .spip_logos { vertical-align: bottom; line-height: 1em; }
#entete .accueil #nom_site_spip { vertical-align: bottom; font-size: 30px; font-weight: bold; }
#entete .accueil #nom_site_spip a {color: #fff; }
#entete .accueil #nom_site_spip a:hover {text-decoration:none;}
#entete .formulaire_menu_lang {} /*Cf.: spip_formulaires.css*/
#entete .menu_lang { position: absolute; right: 0; top: 25px; display: block;}
#entete .menu_lang a{text-decoration:none;}
#entete .menu_lang li{ float:left; background-color:#fff; margin:5px; padding:5px; font-size:12px; font-weight:bold;}
#slogan_site_spip {font-size: 16px; padding-top: 1px;font-weight: bold;}

#nav {}

#conteneur { clear: both; overflow: hidden; padding:0 16px; width:979px; background: #eee url(img/content_wrap_bg.gif) 0 16px;}
#contenu { float:right; width:750px; min-height:500px;}

#contenu .navigation {
float:right;
width:200px;
background: transparent url(img/postit-haut.png) top no-repeat;
padding:30px 10px 0 10px ;
margin: 20px;
background-color:#ffeb64;
}

#extra { float: left; width: 192px; padding:10px; overflow: hidden; font-size:13px;	border-top: #eee 15px solid;}


#descriptif_site_spip {
	background: #fff none repeat scroll 0 0;
	float: left;
	font-size: 14px;
	margin: 10px 0 15px !important;
	padding: 0 20px;
	width: 100%;
}

#descriptif_site_spip p {padding:12px 0;margin: 0;}
#descriptif_site_spip p:last-child {padding:12px 0 0;}




/*#navigation {background: url(img/nav_margin_top.png) top repeat-x}*/


#pied {
	clear: both;
	background: #fff;
	height: 2.7em;
	border-top: #eee 15px solid;
	border-bottom: #eee 15px solid;
	padding: 10px 0px 0 10px;
	line-height: 24px;
	font-size: 11px;
	text-align:center;
}
#pied a { padding: 6px;}
#pied a:hover { }
#pied ul { /*width: 690px;*/ float: left;}
#pied li {display: inline; list-style: none;}
#pied li a {display: block; float: left; padding: 0 6px; margin-right: 19px; color: #2E2E2E; }
#pied li.on a {color: #fff; background: #5EA3DB; }
#pied p { width: 100px; float: right; font-size: 11px; line-height: 3.5em;}
#pied p a {color: #842aa5;}
#pied img { vertical-align: middle; }

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

/* Blocs de contenu */
#hierarchie, #descriptif_site_spip, #contenu .item, .cartouche, .chapo , .texte, .ps, .notes, #contenu h2, #contenu .h2, .hyperlien, .pagination, .forum-message, .repondre, .plan 
{font-size:12px; background:#fff; padding: 5px 15px;  /* margin: 0 0 15px 0; width:656px;*/}

#hierarchie {  font-size:11px; margin-top:15px; padding: 10px 18px; /*width:650px;*/}



.cartouche {/*margin-bottom:15px;*/}
.cartouche .spip_logos { float: right; margin-top: 15px; margin-left: 16px; margin-bottom: 4px; }
.cartouche .info-publi { margin: 0; padding: 0; /*clear: left; */}
.cartouche .surtitre { font-weight:bold; color:#46004c;}
.info-publi {font-size: 12px !important; line-height:20px;}
.info-publi abbr {border: 0; }
.info-publi a { text-decoration: none; color: #b755d3; }
.info-publi a:hover {text-decoration: underline; }

.chapo { line-height: 20px; font-weight:bold; color:#333333;}
.texte { line-height:20px; padding-bottom:30px; }
.texte p, .chapo p {padding:10px 0;margin:0;}
.ps, .notes { line-height: 20px; }
.notes { clear: both;}
.notes p {font-size: 12px;}
.chapo p:last-child, .texte p:last-child, .hyperlien p.hyperlien, .ps p:last-child, .notes p:last-child {padding:10px 0 0; margin: 0;}

#contenu .ps h2, #contenu .notes h2, #contenu .ps .h2, #contenu .notes .h2 {}

/* Portfolio */
.documents_portfolio { clear: both; margin: 10px auto; text-align: center; background-color:#FFFFFF; padding:10px 0;}
.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
.documents_portfolio a.on .spip_logos { border-color: #8e2991; }
.documents_portfolio a:focus .spip_logos,
.documents_portfolio a:hover .spip_logos,
.documents_portfolio a:active .spip_logos { border-color: #8e2991; }


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

/* Habillage general des menus de navigation */



.navigation .menu {margin-bottom:30px;}
.navigation .menu a {/*color:#666;*/} /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
.navigation .menu-liste, .navigation .liste-items, #extra .liste-items {/*padding:3px 0;margin:0;*/}
.navigation .menu-liste .menu-entree, .navigation .liste-items .item, #extra .liste-items .item {	
	/*font-size:13px;
	background:transparent url(img/puce2.gif) no-repeat;
	line-height:20px;
	padding-left:10px;*/}
.navigation .menu-liste .menu-entree .menu-liste { }
.navigation .menu-liste .menu-entree .menu-liste .menu-entree{ margin:0; }

.navigation  .menu-entree .titre{
margin:5px 0 20px 20px;
font-size:14px;
}

.navigation ul {
padding:0;
/*margin:5px 0 20px 0;*/
margin:0;
font-size:13px;
}

.navigation ul li{

}

.navigation li ul li{
background:transparent url(img/puce2.gif) no-repeat;
margin: 5px 0;
padding:0 0 8px 20px;
}

.navigation li ul li ul{
margin: 5px 0;
}

.navigation li ul li ul li{
background:none;
margin:0;
padding:3px 0;
font-size:0.90em;
}

.navigation  .h2 { }

.navigation h2, #extra h2, .navigation .h2, #extra .h2, .navigation h2 a, #extra h2 a, .navigation .h2 a, #extra .h2 a {
	color:#000;
	font-size:13px;
	line-height:18px;
	padding:10px 0;
	font-weight: bold; 
	}

.navigation p, #extra p	{/*line-height:20px; padding:10px 0;*/}

.navigation , #extra .formulaire_spip {}
.navigation form, #extra form {}
.navigation input.text, #extra input.text {}



/* Pagination */
.pagination { clear: both; text-align: right; margin-bottom:0;padding: 10px 15px;}
.pagination .on { font-weight: bold; color: #666; }


/* Rubriques */
/*
.rubriques ul { border: 0; }
.rubriques ul li { background: #EEE; border: 0; }
*/

/* Listes d'articles et extraits introductifs */
.liste-items {margin:0;padding:0;}
.liste-items .item {}
.liste-items .item .h3, .liste-items .item .h3 a {  font-size:15px; padding:10px 0; font-weight:bold; }
.liste-items .item .h3 a:hover { text-decoration: underline;}
.liste-items .item .info-publi {  display:block; }

.liste.articles li{ border-top:solid 15px #eee; clear:left;}
.liste.articles .spip_logos { float: left; margin: .8em 16px 4px 0; }
.liste .articles .item .introduction { margin-top: 0.30em; line-height: 1.50em; padding: 0.5em 0 1.5em 1em;}

.meta-publi {/*clear: both;*/ margin:0 -15px; padding: 5px ; font-size: 11px;}
.lire-la-suite{ text-align:right}

#contenu h2, #contenu .h2, .repondre {/*margin-top:10px; padding: 10px 18px; width:650px; font-size:14px; font-weight: bold;*/ }

/* Forums
----------------------------------------------- */

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

.forum-message {font-size: 13px ;line-height: 20px;}
.forum-message p { padding: 10px 0; margin: 0; }
.forum-message p.repondre {padding-bottom: 0px;}
.forum-chapo {clear: both; margin:0 -15px;border-bottom: 1px solid #eee; padding: 10px 15px; }
.forum-chapo small {font-size: 13px; padding-left:5px;}
.repondre {margin:0;}
.repondre a { color: #000; }


/* Couleurs des liens
---------------------------------------------- */
a { color: #8e2991; text-decoration: none; }
a:focus,a:hover,a:active { text-decoration: underline; }
a:visited{ color: #8e2991;}
a.spip_out, a.spip_glossaire {
	color: #8e2991;
}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
input, select, textarea { font-size: 100%; font-family: inherit;}

/* Formulaires de recherche (site / petitions) */

.formulaire_recherche { margin: 0; padding: 0; background: none; clear:both; }
.formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_recherche label {display:none;}
.formulaire_recherche {margin: 0 0 20px 20px;}

.formulaire_recherche input.text {
	background: #fff;
	border: #B8C7DA 1px solid;
	width: 100px;
	height: 21px;
	font-size: 13px;
	padding: 3px 2px 0 3px;
}
.formulaire_recherche input.submit {}
/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align:left; }
.formulaire_spip .boutons input {margin-left:0; cursor: pointer;}
.formulaire_spip .boutons input, input.submit {color: #4f4f4f;background:#cc99cc;border:1px solid #9933cc;padding:3px 6px;}
.formulaire_spip .boutons input:hover, input.submit:hover {background:#cc66cc;cursor:pointer;}



/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }

/* Formulaire de forum */
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%;}

/* Selection des langues */
#entete .formulaire_spip, #entete .formulaire_spip form { padding: 0; margin:0 ; background: none; border:0;}
#entete .formulaire_spip form {width:100%;}
#entete .formulaire_spip label {color: #cc3366;}
#entete .formulaire_spip select {width:95%;}




/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */

/* Formulaire de login dans une page */
.formulaire_login ul li {clear:left;}
.formulaire_login .editer_password .details {display:block;}
.formulaire_login #spip_logo_auteur {float:right;}




/* ajouts sab*/


.padding ul {margin:0; padding:0;}

/* Post-it URGENCE*/
.postit2{
background: transparent url(img/postit-rouge.jpg) no-repeat 0 0;
width:200px;
height:140px;
margin: 0 auto;
font-weight:bold;
padding:0 30px 0 0;
}
.postit2 .padding a{
color:#000;
}

.postit2 h2{
margin:0;
text-align:center;
font-size:12px;
padding:0;
}
.postit2 .padding {
margin:0;
margin-left:20px;
text-align:center;
font-size:11px;
padding:0;

}


/* Post-it Trombone Actualiés*/
.postit3{
background: transparent url(img/postit-trombone2.jpg) no-repeat 0 0;
width:170px;
background-color:#8e2991;
margin:auto;
font-size:11px;
font-weight:bold;
border-bottom:2px solid #f2f2f2;
}

.postit3 .padding a{
color:#f2f2f2;
}


.postit3 .padding {
padding:20px 10px;
}
.postit3 .padding ul li{
margin: 8px 0;
padding-left:15px;
background:transparent url(img/puce1.gif) no-repeat;
}

.postit3  .padding h2 {
margin:0 0 0 10px;
padding:0;
font-weight:bold;
color:#F2F2F2

}

/* Post-it public*/
.postit{
background: transparent url(img/postit-mauve.jpg) no-repeat 0 0;
width:200px;
height:200px;
margin:auto;
margin-top:35px;
font-size:11px;
font-weight:bold;
padding:0;
}



.postit .padding ul li{
margin: 2px 0;
padding-left:15px;
background:transparent url(img/puce5.gif) no-repeat;
}

.postit .padding a{
color:#4b1e4f;
}





.padding{
padding:20px;
width:150px;
}


/*sommaire*/

.bloc-tds {
background-image:url(img/fond-bloc.gif);
background-position:bottom;
border:10px solid #fff;
position:relative;
float:left;
width:410px;
margin:15px 10px 10px 10px;
padding:0 10px;
height:200px;
z-index:1;
}
.bloc-2 {
background-image:url(img/fond-bloc.gif);
background-position:bottom;
position:relative;
border:10px solid #fff;
float:left;
width:210px;
margin:15px 10px 10px 10px;
padding:0 10px;
height:200px;
z-index:1;
}

.bloc-mi {

position:relative;
float:right;
width:410px;
margin:15px 20px 10px 10px;
padding:0;
background-color:#FFFFFF;
z-index:1;
}

.bloc-3 {
position:relative;
background-color:#FFFFFF;
margin:15px 20px 10px 10px;
float:left;
width:250px;
padding:10px;
z-index:1;
}

h1.bloc
{ 
padding:5px;
margin:0 0 20px 0;
background-color:#ffeb64;
}

.accueil li
{
font-size:12px;
background:transparent url(img/puce2.gif) no-repeat;
margin: 5px 0;
padding:0 0 8px 20px;
font-weight:bold;
}

.retour {
clear:both;
background-color: #FFF;
font-size:11px;
border-top:solid 15px #eee;
}

.theme {
clear:both;
background-color: #FFF;
font-size:11px;
border-top:solid 15px #eee;
padding:5px 15px;
}

.centre{
padding:5px;
text-align:center;
background-color: #FFF;
width:650px;
float:left;
font-weight:bold;
}
.left {
float:left;
border-right:solid 15px #eee;
padding:5px;
background-color: #FFF;
width:20px;
font-weight:bold;
}
.right {
float:right;
border-left:solid 15px #eee;
padding:5px;
background-color: #FFF;
width:20px;
font-weight:bold;
}

.alerte {
font-size:14px;
border: 5px solid #ffeb64;
padding:10px;
font-weight:bold;
width:400px;
}

.bouton { margin:10px auto; padding:10px; text-align:center; background-color:#ffeb64; width:250px;}

.bouton a{ color:#000000;}

/* ---------Plan -------- */
.plan ul {
margin:5px 0;}
.plan li{
line-height:20px;
}

/* ---rss---*/
.fluxfb ul { margin:0; padding:0; list-style:none; list-style-image:none; font-weight:normal;}

.fluxfb li {list-style:none; background:none; background-image:none; list-style-image:none; font-weight:normal; border-bottom:1px solid #CCCCCC; padding:5px 10px; margin-bottom:5px;}


.fluxfb img{ float:left; margin-right:10px;}