/* BASE.CSS                                                             */
/* Cette feuille contient:                                              */
/* - les styles associes au code genere par SPIP 2.0                    */
/* - les styles des formulaires de SPIP 2.0                             */
/* - les styles de la pagination SPIP                                   */
/* - les styles generaux propres au squelette                           */
/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */
/* 	Styles de Typographie generale generes par SPIP (spip_styles.css)   */
/* -------------------------------------------------------------------- */
strong {font-weight: bold;}
em {font-style: italic;}

/* Titraille / Intertitres */
h3.spip {
	font-weight: bold;	font-size: 1.6em; margin: 1em 0 0.5em 0; text-align: left; line-height: 1.1em;
	color: #CONFIG{sarkaspip_styles/fg_intertitre, #6262a4};}
hr.spip {} /*Cf.: spip_style.css*/

/* Listes SPIP */
/* -- Puces generees par un tiret suivant d'un ou plusieurs asterisques (ex: -* blabla...) */
/* -- Ces puces sont incluses dans une balise <ul class="spip"> et le code de chaque item est <li class="spip"> */
ul.spip {padding: 0; margin: 5px 0 10px 20px;}
ul.spip li {[list-style-image: url((#CHEMIN{images/puce-n0.gif})); ]padding: 0px; margin: 5px 0 0 0; line-height: 1.4em;}
ul.spip ul.spip li {[list-style-image: url((#CHEMIN{images/puce-n1.gif}));] line-height: 1.4em;}
ul.spip ul.spip ul.spip li {[list-style-image: url((#CHEMIN{images/puce-n2.gif}));] line-height: 1.4em;}
/* -- Puces generees par un tiret suivant d'un ou plusieurs diese (ex: -# blabla...) */
/* -- Ces puces sont incluses dans une balise <ol class="spip"> et le code de chaque item est <li class="spip"> */
ol.spip {padding: 0; margin: 5px 0 10px 20px;}
ol.spip li {list-style-type: decimal; list-style-image: none; list-style-position: inside;	padding: 0; margin: 5px 0 0 0; line-height: 1.4em;}
ol.spip ol.spip li {list-style-type: lower-alpha; line-height: 1.4em;}
ol.spip ol.spip ol.spip li {list-style-type: lower-roman; line-height: 1.4em;}

/* Citations, code et poesie */
blockquote.spip {
	display: block; padding: 0 1em; font-style: italic; overflow: auto;
	border-left: 4px solid #CONFIG{sarkaspip_styles/ca_quote, #990000};
	color: #CONFIG{sarkaspip_styles/fg_citation, #000000};
	background: #CONFIG{sarkaspip_styles/bg_citation, #eeeeee};}
blockquote.spip_poesie {font-family: inherit; border: 0; line-height: 1.2em;}
blockquote.spip_poesie div {} /*Cf.: spip_style.css*/
.spip_code {
	display: block; padding: 0 1em; margin: 1em 0; font-size: 1.1em; line-height:1.5em; overflow: auto; max-height: 25em;
	border-left: 4px solid #CONFIG{sarkaspip_styles/ca_code, #669999};
	color: #CONFIG{sarkaspip_styles/fg_citation, #000000};
	background: #CONFIG{sarkaspip_styles/bg_citation, #eeeeee};} 
.spip_cadre {border: 0; padding: 0.5em 1em; width: 95%; font: inherit;
	border-left: 4px solid #CONFIG{sarkaspip_styles/ca_cadre, transparent}; 
	color: #CONFIG{sarkaspip_styles/fg_citation, #000000};
	background: #CONFIG{sarkaspip_styles/bg_citation, #eeeeee};}
div.spip_code, .spip_cadre {} /*Cf.: spip_style.css*/

/* Surlignage */
.spip_surligne {} /*Cf.: spip_style.css*/

/* Tableaux */
table.spip {font-size: 1em; border-color: transparent; line-height: 1.4em; border-collapse: inherit; border-spacing: 2px; margin-bottom: 1em;} 
table.spip caption {} /*Cf.: spip_style.css*/
table.spip tr.row_first {text-align: center;
	color: #CONFIG{sarkaspip_styles/fg_thead, #ffffff};
	background: #CONFIG{sarkaspip_styles/bg_thead, #808080};}
table.spip tr.row_odd {background: #CONFIG{sarkaspip_styles/bg_todd, #e0e0e0}; color: inherit}
table.spip tr.row_even {background: #CONFIG{sarkaspip_styles/bg_teven, #eeeeee}; color: inherit}
table.spip td, table.spip th {padding: 0 10px}
table.spip th {border : none;} 
table.spip td {border : none;} 

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

/* modeles par defaut */
.spip_modele {}  /*Cf.: spip_style.css*/

/* Couleurs des liens de SPIP */
a {text-decoration:none; display: inline; padding: 0; color: #CONFIG{sarkaspip_styles/fg_lien, #990000};}	
a.spip_note {color: #CONFIG{sarkaspip_styles/fg_lien, #990000};} /* liens vers notes de bas de page */
a.spip_ancre {color: #CONFIG{sarkaspip_styles/fg_lien, #990000};[ background: transparent url((#CHEMIN{images/lien_ancre.gif})) right center no-repeat; padding-right: 14px;]} /* liens internes a la page */
a.spip_in {color: #CONFIG{sarkaspip_styles/fg_lien, #990000};[ background: transparent url((#CHEMIN{images/lien_in.gif})) right center no-repeat; padding-right: 14px;]} /* liens internes */
a.spip_out {color: #CONFIG{sarkaspip_styles/fg_lien, #990000};[ background: transparent url((#CHEMIN{images/lien_out.gif})) right center no-repeat; padding-right: 14px;]} /* liens sortants */
a.spip_mail {color: #CONFIG{sarkaspip_styles/fg_lien, #990000};[ background: transparent url((#CHEMIN{images/lien_mail.gif})) right center no-repeat; padding-right: 14px;]}
a.spip_mail:before {content: "";} /* liens vers un email */
a.spip_url {color: #CONFIG{sarkaspip_styles/fg_lien, #990000};[ background: transparent url((#CHEMIN{images/lien_out.gif})) right center no-repeat; padding-right: 14px;]} /* liens url sortants */
a.spip_glossaire {color: #CONFIG{sarkaspip_styles/fg_lien, #990000};[ background: transparent url((#CHEMIN{images/lien_glossaire.gif})) right center no-repeat; padding-right: 14px;]} /* liens vers encyclopedie */
a.spip_glossaire:hover {color: #CONFIG{sarkaspip_styles/ho_lien, #990000}; text-decoration: #CONFIG{sarkaspip_styles/td_lien, underline};}
a:hover {text-decoration: #CONFIG{sarkaspip_styles/td_lien, underline}; color: #CONFIG{sarkaspip_styles/ho_lien, #990000};}
.on {} /* liens exposes */

/* -------------------------------------------------------------------- */
/* 	Styles de la pagination generes par SPIP                            */
/* -------------------------------------------------------------------- */
.pagination {margin: 30px 0; padding: 0; font-size: 1.2em; text-align: right; text-decoration: none;
	color: #CONFIG{sarkaspip_styles/fg_pagination, #6262a4};}
.pagination .on {
	display:inline; padding: 2px 5px 0; font-weight: bold;
 	background: #CONFIG{sarkaspip_styles/bg_pagination_on, #6262a4}; 
	color: #CONFIG{sarkaspip_styles/fg_pagination_on, #ffffff};
	text-decoration: #CONFIG{sarkaspip_styles/td_pagination_on, none};}
.pagination a {
	display:inline; padding: 2px 5px 0; 
	background: #CONFIG{sarkaspip_styles/bg_pagination, transparent}; 
	color: #CONFIG{sarkaspip_styles/fg_pagination, #6262a4};}
.pagination a:hover {
	background: #CONFIG{sarkaspip_styles/hb_pagination, #f0f0a4}; 
	color: #CONFIG{sarkaspip_styles/ho_pagination, #6262a4};
	text-decoration: #CONFIG{sarkaspip_styles/td_pagination, none};}
.pagination a.ancre {display:none;}

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

/* Structure generale des formulaires */
.formulaire_spip {clear: both; margin-bottom: 30px; padding: 1em; border: 0; text-align: left; font-size: 1.2em; 
	background: #CONFIG{sarkaspip_styles/bg_form, #f0f0fa}[ url((#CHEMIN{images/bg_form#CONFIG{sarkaspip_styles/bi_extension_form, .gif}}))][ (#CONFIG{sarkaspip_styles/bi_proprietes_form})];
	color: #CONFIG{sarkaspip_styles/fg_form, #000000};}
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */
.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */
/* - Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0 0 10px; padding: 0; line-height: 1.2; font-size: 1.55em; font-weight: bold; 
	background: #CONFIG{sarkaspip_styles/bg_form, #f0f0fa}[ url((#CHEMIN{images/bg_form#CONFIG{sarkaspip_styles/bi_extension_form, .gif}}))][ (#CONFIG{sarkaspip_styles/bi_proprietes_form})];
	color: #CONFIG{sarkaspip_styles/fg_form_legende, #000000}; } /* Preciser la couleur des legend pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }
/* - Explications */
.formulaire_spip .explication { margin: 0.50em 0; color: #CONFIG{sarkaspip_styles/fg_form, #000000}; }
/* - 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 { margin-bottom: 3px; display: block; text-align: left; font-weight: bold; /* for IE */ position: relative; 
	color: #CONFIG{sarkaspip_styles/fg_form_input, #000000}; }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }
/* - Champs de saisie */
.formulaire_spip input.text {padding: 0.2em 0; width: 99%; background: #CONFIG{sarkaspip_styles/bg_form_input, #ffffff};  border: 2px solid #CONFIG{sarkaspip_styles/ca_form_input, #888888};}
.formulaire_spip textarea {padding: 0.2em 0; width: 99%; background: #CONFIG{sarkaspip_styles/bg_form_input, #ffffff};  border: 2px solid #CONFIG{sarkaspip_styles/ca_form_input, #888888};}
.formulaire_spip select { width: 99%; }
/* - Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {}

/* Reponses, previsu et erreurs */
/* - Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label { font-weight: bold; /*color: #000;*/ }
/* - Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; 
	background: #CONFIG{sarkaspip_styles/bg_form_previsu, #f0f0fa};
	border: 2px dashed #CONFIG{sarkaspip_styles/ca_form_previsu, #f57900}; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; color: #CONFIG{sarkaspip_styles/ca_form_previsu, #f57900}; font-weight: bold; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; color: #CONFIG{sarkaspip_styles/fg_form_previsu, #000000}}
.formulaire_spip fieldset.previsu .boutons input {}
/* - 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 pour IE/Win */
/* - Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: red; font-weight: bold; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: red; }
.reponse_formulaire_erreur { margin: 0; color: red; 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: #f5f5f5; padding: 3px; border: 1px solid #cccccc; margin-right: 1px; }
table.spip_barre a:hover img { background: #ffffff; border: 1px solid #888888; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; color: #CONFIG{sarkaspip_styles/fg_form, #000000}; }
/* - Formulaire de forum */
.formulaire_forum .saisie_titre input.text { width: 99%; }
/* - Login */
.formulaire_spip input.text#var_login {width: 40%;}
.formulaire_spip input.password {padding: 0.2em 0; width: 40%; background: #CONFIG{sarkaspip_styles/bg_form_input, #ffffff};  border: 2px solid #CONFIG{sarkaspip_styles/ca_form_input, #888888};}
/* - Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 1em; background: none; width: 40%;}
/* - Formulaires de contact */
.formulaire_ecrire_auteur fieldset legend {padding-left: 20px;[ background: url((#CHEMIN{images/formulaire_mail.gif})) top left no-repeat;]}
/* - Formulaires de recherche */
.formulaire_recherche {margin: 0 0 0 10px; padding: 0; background: none; /*display: inline;*/ width : 158px; }
.formulaire_recherche * { /*display: inline; vertical-align: middle;*/ }
.formulaire_recherche form {margin: 0;}
.formulaire_recherche label {display: none !important; }
.formulaire_recherche input{margin : 0; clear:none; }
.formulaire_recherche input.text {width: 115px; float:left; margin:0 2px 1px 0; height:17px; padding: 0;
	background: #CONFIG{sarkaspip_styles/bg_form_input, #ffffff};
	border: 1px solid #CONFIG{sarkaspip_styles/ca_form_input, #888888};}
.formulaire_recherche input.submit {padding: 0px 2px; font-size:1.1em;}
*+html .formulaire_recherche input.submit {float : right;}
/* -- specificite du formulaire dans la noisette recherche */
.contenu .formulaire_recherche {display : block; padding: 0 0 5px 0;}
/* -- specificite du formulaire de recherche dans le bandeau --*/
.recherche_chemin{font-size:1.2em;}
.recherche_chemin #formulaire_recherche {background:transparent; display:block; float:right; margin:0; padding:0; width:160px; font-size:1em;}
.recherche_chemin .formulaire_recherche input.text{margin-top:1px; padding: 0; 
	background: #CONFIG{sarkaspip_styles/bg_form_input, #ffffff};
	border: 1px solid #CONFIG{sarkaspip_styles/ca_form_input, #888888};}
.recherche_chemin .formulaire_recherche input.submit {cursor: pointer;}
.recherche_chemin span{float:right; margin: 5px 5px 0 20px;}

/* -- formulaires de recherche des moteurs externes a SPIP */
.moteur {margin: 2px 0 0 10px;} 
/* -- formulaire de la shoutbox */
#contenu_shoutbox_dialogue {margin: 0 0 20px; padding: 5px; line-height:1.1em;
	background: #CONFIG{sarkaspip_styles/bg_form_input, #ffffff};
	border: 2px solid #CONFIG{sarkaspip_styles/ca_form_input, #888888};}

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

/* -------------------------------------------------------------------- */
/* 	Styles generaux specifiques au squelette                            */
/* -------------------------------------------------------------------- */
/* Typographie par defaut du squelette */
h1 {font-size: 2em; line-height: 1.2em;}
p {margin: 0 0 10px;}

/* Les logos des articles, rubriques... */
.logo img {margin: 0;}
.gauche {float: left; margin: 0 10px 5px 0;}
.droite {float: right; margin: 0 0 5px 10px;}

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

/*  ***************************************************** */
/*--     CSS revus jusqu'ici      --*/
/*  ***************************************************** */
.clearer {clear: both; display: block; height: 0px;}
.clearer-right {clear: right; display: block; height: 0px;}
.clearer-left {clear: left; display: block; height: 0px;}

/* Info-bulles perso adaptees au contexte (image, plan...) ---*/
a.info span {display: none;}
a.info:hover span {display: inline; position: absolute;	z-index: 500;	margin:0em 0 0 1em;	background: #EEEEEE; text-align: left; color: #808080; padding: 0px 3px; border:1px solid #808080;}