/*  
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  */
/* --------------------------------------------------------- */

/* couleurs utilisees
 *
 * - #559AD3 (bleu)
 * - #a52a79 (rouge)
 * - #75a546 (vert)
 * - #eee (gris)
 * - #b8c7da (gris bleu)
 */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-family: Georgia, Times, 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: Georgia, Times, serif; }
h1,.h1 { font-size:15px; color: #A52A2A; padding:10px 0; font-weight:bold;}
h2,.h2 { font-size: 15px; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
.h2, .h2 a, .h2 a:focus, .h2 a:hover, .h2 a:active { color: #003; }
h3,.h3 { font-size: 15px ; font-weight: bold; padding:10px 18px; background: #fff;}
h3.spip {} /* 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, ul.spip li {
	background:transparent url(img/bullet.gif) no-repeat scroll 0 0.6em;
	line-height:20px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:25px;
	}
ul, ul.spip {margin:0;padding:0.5em 2.5em;}
ul ul {margin:0;padding:0;}
ol.spip {margin:0;padding:0.5em 2.5em;} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote, blockquote.spip {
	background: #f9f9f9 none repeat scroll 0 0;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	color: #737373;
	font-size:13px;
	line-height:20px;
	margin:10px auto;
	padding:0 10px;
	width:87%;
}
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: #559AD3; 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/bg.gif); margin: 0; padding: 0; text-align: center; }

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

#entete { width: 100%; margin: 0; padding-top: 10px; height:6.25em;}
#entete .accueil { display: block; width: 67%; padding-top: 25px; }
#entete .accueil .spip_logos { vertical-align: bottom; line-height: 1em; }
#entete .accueil #nom_site_spip { vertical-align: bottom; font-size: 30px; font-weight: normal; }
#entete .accueil #nom_site_spip a {color: #fff; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 25px; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

#slogan_site_spip {color: #8F8F8F; font-size: 13px; padding-top: 1px;}

#nav { font-size: 14px; position: relative; width: 100%;}

#conteneur { clear: both; overflow: hidden; padding:0 16px; width:749px; background: #eee url(img/content_wrap_bg.gif) 0 16px;}
#contenu { float:left; width:486px;}

#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, #extra { float: right; width: 216px; padding:15px; overflow: hidden; font-size:13px;}

#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: 12px;
}
#pied a { color: #2E2E2E; padding: 6px;}
#pied a:hover { color: #fff; background: #5EA3DB;}
#pied ul { width: 490px; 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: #A52A2A;}
#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:13px; margin: 0 0 15px 0; background:#fff; padding: 5px 15px 15px; width:456px;}

/* laisser le descriptif_site_spip dans le bloc navigation s'adapter ŕ la dimension du bloc #navigation */
#navigation #descriptif_site_spip {
	width:auto;
}
#hierarchie { clear: both; margin-top:15px; padding: 10px 18px; width:450px;}

.cartouche { margin-bottom:1px;}
.cartouche .spip_logos { float: right; margin-top: 12px; margin-left: 16px; margin-bottom: 4px; }
.cartouche .info-publi { margin: 0; padding: 0; clear: left; }

.info-publi {font-size: 12px !important; line-height:20px;}
.info-publi abbr {border: 0; }
.info-publi a { text-decoration: none; color: #559AD3; }
.info-publi a:hover {text-decoration: underline; }

.chapo { line-height: 20px; margin-bottom:1px;}
.texte { line-height:20px; }
.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 {padding:0;margin:0;}

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


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

/* Habillage general des menus de navigation */

#nav ul {width: 100%;padding:0;}
#nav li {
	display: block;
	line-height: 2.5em;
	float: left;
	margin-right: 10px;
	background: url(img/menu_left_bg.gif) no-repeat left;
	font-weight: bolder;
	padding: 0;
}
#nav li a {
	line-height: 2.5em;
	display: block;
	background: url(img/menu_bg_right.jpg) repeat-x right;
	margin-left: 1px;
	color: #fff;
	padding-left: 19px;
	padding-right: 20px;
}
* html #nav li a {width: 1%;}
#nav li.on, #nav li.on a { background: #fff; color: #559AD3; }
#nav li.on a:hover { text-decoration: none; }

#nav li.menu-entree ul.menu-liste { display:none; } /* Pas de sous menus actuellement */

#navigation .menu {}
#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:10px 0;margin:0;}
#navigation .menu-liste .menu-entree, #navigation .liste-items .item, #extra .liste-items .item {	
	background:transparent url(img/bullet.gif) no-repeat 0 9px;
	line-height:23px;
	padding-left:23px;}
#navigation .menu-liste .menu-entree .menu-liste { }
#navigation .liste .h2 {}
#navigation .formulaire_recherche {margin-bottom: 15px;}

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

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

#navigation .formulaire_spip, #extra .formulaire_spip {width:216px;margin: 15px 0;padding:0;}
#navigation form, #extra form {width:184px;margin:0;padding: 15px;}
#navigation input.text, #extra input.text {width:184px; padding: 5px 0; margin:0;}


/* 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; color: #A52A2A; padding:10px 0; font-weight:bold; }
.liste-items .item .h3 a:hover { text-decoration: underline;}
.liste-items .item .info-publi {  display:block; }

.liste.articles .spip_logos { float: right; clear: right; margin: .8em 0 4px 16px; }
.liste .articles .item .introduction { margin-top: 0.30em; line-height: 1.40em; padding: 0.5em 0 1.5em 1em;}

.meta-publi {clear: both; margin:0 -15px;border-top: 1px solid #eee; padding: 10px 15px 0; font-size: 12px;}

#contenu h2, #contenu .h2, .repondre {clear: both; margin-top:15px; padding: 10px 18px; width:450px; font-size:15px; 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: #559AD3; text-decoration: none; }
a:focus,a:hover,a:active { text-decoration: underline; }
a.spip_out, a.spip_glossaire {
	color: #559AD3;
	background:transparent url(img/out.gif) no-repeat scroll right center;
	padding-right:12px;
}

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


/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip { clear: both; margin: 0 0 15px 0; padding: 15px; border: 0; text-align: left; font-size:13px; background:#fff;  width:456px;}
*:last-child.formulaire_spip {margin-bottom:0;}
.formulaire_spip form { 	
	background: #fafafa;
	width: 440px;
	border: #ededed 1px solid;
	padding: 15px 0 15px 15px;
	margin: 0 auto;} /* Bug IE/Win */

.formulaire_spip li {background: none;	padding: 0px 0 5px 0; line-height: 20px;}

.formulaire_spip input.text, .formulaire_spip textarea  {
	border: #eee 1px solid;
	background: #fff;
	padding: 5px;
	font-size: 15px;
	font-family: Georgia;
}

/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 15px; font-weight: bold; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 15px; }
.formulaire_spip fieldset fieldset legend { font-size: 13px; font-weight: normal; }

/* Explications */
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }

/* Labels */
.formulaire_spip label { display: block; font-weight:normal; color: #000; text-align: left; /* pour IE/Win */ position: relative;  }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

.formulaire_spip .choix label{display:inline;font-weight:normal;}
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox {width:auto;}


/* Champs de saisie */
.formulaire_spip input.text { width: 184px; border: #eee 1px solid;}
.formulaire_spip textarea { 	
	border: #eee 1px solid;
	width: 415px;
	height: 170px;
	padding: 3px;
	font-size: 15px;
	font-family: Georgia; 
	}
.formulaire_spip select { width: 415px; }

/* 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:#b6e477;border:1px solid #81c227;padding:3px 6px;}
.formulaire_spip .boutons input:hover, input.submit:hover {background:#ade166;cursor:pointer;}


/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

/* Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 16px; padding: 1em; border: 2px dashed #F57900; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
.formulaire_spip fieldset.previsu p { margin: 1em 0; } 

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }


/* Variantes et cas particuliers
----------------------------------------------- */

/* 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: #fff;}
#entete .formulaire_spip select {width:95%;}

/* 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;}
#navigation .formulaire_recherche input.text {
	background: #fff;
	border: #B8C7DA 1px solid;
	width: 136px;
	height: 21px;
	font-size: 13px;
	padding: 3px 2px 0 3px;
}
.formulaire_recherche input.submit {}

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

/* Copyright */

#copyright {
	width: 781px;
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	padding: 15px 0 25px 0;
	color: #8F8F8F;
}

#copyright p {
	line-height: 19px;
}