/* 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.3em; margin: 2em 0 0.5em 0; text-align: left; line-height: 1.1em;
	color: #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(plugins/auto/sarkaspip_3/images/puce-n0.gif); padding: 0; margin: 5px 0 0 0; line-height: 1.4em;}
ul.spip ul.spip li {list-style-image: url(plugins/auto/sarkaspip_3/images/puce-n1.gif); line-height: 1.4em;}
ul.spip ul.spip ul.spip li {list-style-image: url(plugins/auto/sarkaspip_3/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: outside;	padding: 0; margin: 5px 0 0 0; line-height: 1.4em;border:none;}
ol.spip ol.spip li {list-style-type: decimal; line-height: 1.4em;}
ol.spip ol.spip ol.spip li {list-style-type: decimal; line-height: 1.4em;}

/* Citations, code et poesie */
/* -- Citations et poésie */
blockquote.spip {
	display: block; padding: 0 1em; font-style: italic; overflow: auto;
	border-left: 4px solid #990000;
	color: #000000;
	background: #fff5c7;}
blockquote.spip_poesie {font-family: inherit; border: 0; line-height: 1.2em;}
blockquote.spip_poesie div {} /*Cf.: spip_style.css*/
/* -- Code et cadre y compris la prise en compte du plugin Coloration Code */
.spip_code {display: inline; font-family: Courier, "Courier New", monospace; font-size: 1em;
	color: #8f6699;}
div.spip_code, .coloration_code .code {
	display: block; padding: 0 1em; margin: 1em 0; font-family: Courier, "Courier New", monospace; font-size: 1.2em; line-height:1.5em; overflow: auto; max-height: 25em;
	border-left: 4px solid #8f6699;
	color: #000000;
	background: #fff5c7;} 
.coloration_code .code {font-size: 1em;} 
.coloration_code .code_download {margin-bottom: 1em;} 
.spip_cadre, .coloration_code .cadre {border: 0; padding: 0.5em 1em; width: 95%; font: inherit;
	border-left: 4px solid transparent; 
	color: #000000;
	background: #fff5c7;}

/* 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: #00000;
	background: #e55e06;}
table.spip tr.row_odd {background: #ffe38f; color: inherit}
table.spip tr.row_even {background: #fff5c7; 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 {} 
.spip_documents_center {} /*Cf.: spip_style.css*/
.spip_documents_left {margin: 5px 15px 5px 0;} /*Cf.: spip_style.css*/
.spip_documents_right { margin: 5px 0 5px 15px;} /*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: #990000;}	
a.spip_note {color: #990000;} /* liens vers notes de bas de page */
a.spip_ancre {color: #990000;} /* liens internes a la page */
a.spip_in {color: #990000;} /* liens internes */
a.spip_out {color: #990000; background: transparent url(plugins/auto/sarkaspip_3/images/lien_out.gif) right center no-repeat; padding-right: 14px;} /* liens sortants */
a.spip_mail {color: #990000; background: transparent url(plugins/auto/sarkaspip_3/images/lien_mail.gif) right center no-repeat; padding-right: 14px;}
a.spip_mail:before {content: "";} /* liens vers un email */
a.spip_url {color: #990000; background: transparent url(plugins/auto/sarkaspip_3/images/lien_out.gif) right center no-repeat; padding-right: 14px;} /* liens url sortants */
a.spip_glossaire {color: #990000;} /* liens vers encyclopedie */
a.spip_glossaire:hover {color: #e55e06; text-decoration: underline;}
a:hover {text-decoration: underline; color: #e55e06;}
.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: #6262a4;}
.pagination .on {
	display:inline; padding: 2px 5px 0; font-weight: bold;
 	background: #a4628f; 
	color: #ffffff;
	text-decoration: none;}
.pagination a {
	display:inline; padding: 2px 5px 0; 
	background: transparent; 
	color: #6262a4;}
.pagination a:hover {
	background: #f0f0fa; 
	color: #caa407;
	text-decoration: 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: #fee2ae;
	color: #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: #fee2ae;
	color: #a4628f; } /* 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: #000000; }

/* - Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }
.formulaire_spip ul li.multi_critere{width: 50%; float: left;}

/* - Labels */
.formulaire_spip label { margin-bottom: 3px; display: block; text-align: left; font-weight: bold; /* for IE */ position: relative; 
	color: #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: #eeffaa;  border: 2px solid #ffffaa;}
.formulaire_spip textarea {padding: 0.2em 0; width: 99%; background: #eeffaa;  border: 2px solid #ffffaa;}
.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; }

/* - Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; 
	background: #fee2ae;
	border: 2px dashed #f57900; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; color: #f57900; font-weight: bold; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; color: #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: #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: #eeffaa;  border: 2px solid #ffffaa;}

/* - 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(squelettes/images/formulaire_mail.gif) top left no-repeat;}

/* - Formulaires de recherche */
.formulaire_recherche {margin: 0 0 0 10px; padding: 0; background: none; width : 158px; }
.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: #eeffaa;
	border: 1px solid #ffffaa;}
.formulaire_recherche input.submit {padding: 0 2px; font-size:1.1em;}


/* -- 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: #eeffaa;
	border: 1px solid #ffffaa;}
.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: #eeffaa;
	border: 2px solid #ffffaa;}

/* 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; }
.nettoyeur_droite {clear: right;}
.nettoyeur_gauche {clear: left;}/* LAYOUT.CSS                                                           */
/* Cette feuille contient:                                              */
/* - les styles de surcharge des layout Gala pour le squelette          */
/* -------------------------------------------------------------------- */

/* Correspond a une taille de 16px dans la plupart des navigateurs */
html {font-size: 100%;}
/* correspond a une taille de 10px car 10px/16px = 0,625 */
body {
	padding: 0; 
	font: 0.625em/1em Helvetica,Verdana,Arial,sans-serif; 
	color: #000000;
	background: #ffffff;
}

#header {padding: 0 0 10px;}
div#header h1{margin: 0; padding-left: 0; height: auto; line-height: 1.12em; color: transparent; background: none;}
div#footer{padding: 30px 0 0; color: transparent; background: none; line-height: 1.12em;}
div#navigation{width: 180px; background: none;}
div#extra{width:180px; background: none;} 
div#container{background: #fcffac; 
}  

/* Pour les layouts a largeur variable*/
 
	div#navigation{padding: 0 20px;}
	div#extra{padding: 0 20px;}
	#content {padding: 0 20px;}


/* Pour les layouts a largeur fixe 3 colonnes*/


/* Pour les layouts a 2 colonnes*//* BANDEAU.CSS                                                          */
/* Cette feuille contient:                                              */
/* - les styles de la partie haute du bandeau                           */
/* - les styles de la partie basse du bandeau                           */
/* - les styles du chemin du bandeau                                    */
/* - les styles de la partie haute du pied de page                      */
/* - les styles de la partie basse du pied de page                      */
/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */
/* 	Styles du bandeau - partie haute                                    */
/* -------------------------------------------------------------------- */

/* Structure generale du bandeau haut */
.bandeau_haut {
	padding: 0 10px 0; min-height: 50px;
	background: #fcffac ;}

/* Navigation: liste des langues et raccourcis */
.nav_bandeau{float: right; min-width: 150px; max-width: 45%; color: #5f3001; font-size: 1.2em; padding-top:10px;}
.nav_raccourci, .nav_langue {margin-right: 5px; text-align: right;}
.nav_langue {line-height: 1.6em;}
.nav_langue ul, .nav_raccourci ul {padding: 0 5px 0 0; margin: 5px 0; line-height: 1em;}
.nav_langue li, .nav_raccourci li  {display: inline; list-style: none;}
.nav_langue li a, .nav_raccourci li a {color: #5f3001; text-decoration: none; padding: 0 2px 0 2px;}
.nav_langue li a:hover, .nav_raccourci li a:hover {color: #aaaaaa; text-decoration: none;}
.nav_langue li.on {font-size: 1.25em; font-weight: bold;}
.nav_raccourci li.auteur a {font-weight: normal;}
.raccourci_bandeau {} /* sert uniquement a faire le pendant de la structure des raccourcis dans la colonne navigation */

/* Logo, titre et slogan du site */
.site_logo {margin: 10px 20px 10px 10px; float: left;}
.site_nom  {padding: 10px 0 0 10px; overflow: visible !important /*Firefox*/; overflow :hidden /*IE6*/;}
.site_nom h1 {}
.site_nom h1 a {color: #5f3001; text-decoration: none;}
.site_nom h1 a:hover {color: #aaaaaa; text-decoration: none;}
.site_nom h2 {font-size: 1.3em; line-height: 1em; margin: 0; color: #5f3001; display: inline;}

/* -------------------------------------------------------------------- */
/* 	Styles du bandeau - partie basse                                    */
/* -------------------------------------------------------------------- */
.bandeau_bas {
	min-height: 33px; 
	background: #000000;
  text-align:left;}
	
a .bandeau_bas  {display:inline;}

/* -------------------------------------------------------------------- */
/* 	Styles du bandeau - chemin                                          */
/* -------------------------------------------------------------------- */
.bandeau_chemin {
	min-height:22px; margin-bottom: 20px; color: #5f3001; padding: 0 15px;
	background: #fcfcfc;
	height:auto;line-height:1.4em;
	}
.bandeau_chemin .recherche_chemin {width: auto; float: right;}
.bandeau_chemin a {padding: 0 5px 0 10px; color: #5f3001;}
.bandeau_chemin a:hover {color: #808080; text-decoration: none;}
.chemin {padding-top: 5px; font-size:1.2em;}

/* Surcharge des boutons du plugin Boutons dans le Texte */
.textsizeup, .textsizedown, .textonly {float: right; margin: 0 5px 0 0; padding: 0; border: 0;}
.textsizeup:hover, .textsizedown:hover {}
.textonly {display: none}

/* -------------------------------------------------------------------- */
/* 	Styles du pied de page - partie haute (non disponible)              */
/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */
/* 	Styles du pied de page - partie basse                               */
/* -------------------------------------------------------------------- */
.pied_bas {
	padding: 10px 20px 10px; font-size: 1.2em; text-align: right;
	background: #fcfcfc;
	color: #000000;
	}
.pied_bas .copyright {margin: 0 0 5px;}
.pied_bas .credits {margin: 0 0 5px;}
.pied_bas a {color: #000000; text-decoration: none;}
.pied_bas a:hover {color: #aaaaaa; text-decoration: none;}/* NOISETTES.CSS                                                        */
/* Cette feuille contient:                                              */
/* - les styles des noisettes des colonnes extra et navigation          */
/* - les styles des menus verticaux et horizontaux                      */
/* -------------------------------------------------------------------- */

/* Initialisation des variables permettant de déterminer un alignement à droite ou à gauche */
 
	






/* Noisettes pouvant etre inserees dans les colonnes extra et navigation */
/* Styles generiques */
.noisette {margin-bottom: 15px; color: #808080;}

.noisette h1, h2, h3 {margin: 0; font-size: 1em;}
.noisette h1.intitule, .noisette h1 a.intitule {
	display: block;	margin-bottom: 10px; font-weight: bold; font-size: 1.5em; text-align: center; line-height:1.2em;
	border: 1px solid #808080;
	background: #e55e06;
	color: #ffffff;
	padding : 2px 0;}
.noisette h1 a.intitule:hover {
	background: #eeeeee;
	color: #808080; 
	text-decoration: none;}

.noisette .contenu {margin-bottom: 5px; padding: 0; 
		border: 1px solid #808080;
		background: transparent;}
.noisette .contenu.mixte {padding: 5px 0 0;}
.noisette .contenu h2.titre_bloc, 
.noisette .contenu h2 a.titre_bloc {
	display: block;	margin: 0; padding: 1px; font-size: 1.25em; line-height: 1.5em; font-weight: bold; text-align: center;
	border-bottom: 1px solid #808080;
	background: #fee2ae;
	color: #808080;}
.noisette .contenu h2 a.titre_bloc:hover {
	background: #808080;
	color: #ffffff; 
	text-decoration: none;}

.noisette .contenu .liste ul {margin: 0; padding: 0;}
.noisette .contenu .liste ol {margin: 0; padding: 0 5px;}
.noisette .contenu .liste ol li {list-style: decimal inside;}
.noisette .contenu h2.titre, .noisette .contenu h2 a.titre, .noisette .contenu .liste li .titre {
	display: block; padding: 0 0 5px 10px; margin: 0 5px;	font-weight: bold; text-decoration: none;
	color: #808080;
	background: url(plugins/auto/sarkaspip_3/images/puce-n0.gif) left top no-repeat;}
.noisette .contenu .liste ol li .titre {background: none; display: inline; margin:0; padding: 0;}
.noisette .contenu h2 a.titre:hover, .noisette .contenu .liste li a.titre:hover{
	color: #808080;
	text-decoration: underline;}
.noisette .contenu .liste li span.titre {color: #000000;} /* A REVOIR */

.noisette .contenu .date_bloc {
	margin-left: 30%; padding: 1px; font-size: 0.9em; text-align: center;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;}

.noisette .contenu div.introduction, .noisette .contenu a.introduction {
	display: block;	margin: 0 5px; padding:0 0 5px 10px;	
	color: #808080;}
.noisette .contenu a.introduction:hover{
	color: #808080;
	text-decoration: underline;}
.noisette .contenu div.introduction * {margin: 0;}

.noisette .contenu .liste {margin: 0;	padding: 5px 0;}
.noisette .contenu .texte {margin: 0; padding: 5px; line-height: 1.1em;}
.noisette .contenu .texte p {margin:0.7em 0em; padding:0;}

.noisette .contenu .notes {margin: 0; padding: 5px; line-height: 100%; border-top: 1px solid #808080;}
.noisette .contenu .notes p {margin: 0;}

.noisette .contenu h3 {padding: 3px 0; line-height: 1.1em;}
.noisette .contenu  a {}
.noisette .contenu a:hover {}
.noisette .contenu strong {}
.noisette .contenu blockquote, .noisette .contenu code {margin : 2px;}

/* Styles specifiques pour la pagination dans les noisettes */
.noisette .pagination {margin: 0 5px 5px; font-size: 1em;}

/* Styles specifiques pour l'herbier */
#noisette_herbier.noisette .contenu .texte {text-align: center;}
#noisette_herbier.noisette .contenu .texte ul {width: 120px; margin: 0 auto;}

/* Styles specifiques pour les statistiques */
#noisette_statistiques.noisette .contenu .texte {text-align: center;}

/* Styles specifiques pour la navigation des articles et rubrique mots-cles et categories */
#noisette_filtre.noisette .contenu h2.titre_bloc.bouton {border-bottom: 0;	
	background: #808080;
	color: #ffffff; 
	text-decoration: none;}

#noisette_filtre.noisette .contenu h2 a.titre_bloc.bouton {border-bottom: 0;}
#noisette_navigation.noisette .contenu .liste li .titre,
#noisette_filtre.noisette .contenu .liste li .titre,
#noisette_motscles.noisette .contenu .liste li .titre {
	display: block;
	padding: 0 0 5px 10px;
	margin: 0 5px;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}
#noisette_navigation.noisette .contenu .liste li span.titre,
#noisette_filtre.noisette .contenu .liste li span.titre,
#noisette_motscles.noisette .contenu .liste li span.titre {background: url(plugins/auto/sarkaspip_3/images/puce-n1.gif) left top no-repeat;}
#noisette_navigation.noisette .contenu .liste li a.titre,
#noisette_filtre.noisette .contenu .liste li a.titre,
#noisette_motscles.noisette .contenu .liste li a.titre {background-image: none;}
#noisette_navigation.noisette .contenu .liste li a.titre:hover,
#noisette_filtre.noisette .contenu .liste li a.titre:hover,
#noisette_motscles.noisette .contenu .liste li a.titre:hover {
	color: #808080;
	 background: url(plugins/auto/sarkaspip_3/images/puce-n1.gif) left top no-repeat;
	text-decoration: underline;}

/* Styles specifiques pour les badges */
.noisette .badges a {display: block; margin: 2px 0; padding: 0; border: 0; width: 80px; height: 15px; float:left; clear: left; }
.noisette .badges a:hover {text-decoration: none;}
#logo_rss {background: url(plugins/auto/sarkaspip_3/images/badge_rss.png) no-repeat;}
#logo_rss:hover {background: url(plugins/auto/sarkaspip_3/images/badge_rss_hover.png) no-repeat;}
#logo_sarkaspip {background: url(plugins/auto/sarkaspip_3/images/badge_sarkaspip.png) no-repeat;}
#logo_sarkaspip:hover {background: url(plugins/auto/sarkaspip_3/images/badge_sarkaspip_hover.png) no-repeat;}
#logo_spip {background: url(plugins/auto/sarkaspip_3/images/badge_spip.png) no-repeat;}
#logo_spip:hover {background: url(plugins/auto/sarkaspip_3/images/badge_spip_hover.png) no-repeat;}
#logo_xhtml {background: url(plugins/auto/sarkaspip_3/images/badge_xhtml.png) no-repeat;}
#logo_xhtml:hover {background: url(plugins/auto/sarkaspip_3/images/badge_xhtml_hover.png) no-repeat;}
#logo_perso {background: url(plugins/auto/sarkaspip_3/images/badge_perso.png) no-repeat;}
#logo_perso:hover {background: url(plugins/auto/sarkaspip_3/images/badge_perso_hover.png) no-repeat;}

/* Styles specifiques pour le mini-agenda */
#noisette_miniagenda.noisette {overflow: hidden; width:180px}
#noisette_miniagenda.noisette .contenu table {table-layout: fixed; border-spacing:0; width:100% !important /*FF*/; width:178px /*IE*/; font-size: 1.1em; text-align: center;border-collapse:inherit;}
#noisette_miniagenda.noisette .contenu table thead {
	background: #e55e06;
	color: #ffffff;}
#noisette_miniagenda.noisette .contenu table th {text-align: center; padding: 2px 0;}
#noisette_miniagenda.noisette .contenu table td {line-height: 1.1em; color: #808080}
#noisette_miniagenda.noisette .contenu table td.libre,
#noisette_miniagenda.noisette .contenu table td.occupe {background-color: transparent; border: 1px solid transparent;}
#noisette_miniagenda.noisette .contenu table td.horsperiode {
    background: #eeeeee;
    border: 1px solid #eeeeee;
	color: #aaaaaa;}
#noisette_miniagenda.noisette .contenu table td.today {font-weight: bolder;  
    background: transparent;
    border: 1px solid #990000;}
#noisette_miniagenda.noisette .contenu table td a {font-weight: bolder;}
#noisette_miniagenda.noisette .contenu table td a:hover {}

#noisette_miniagenda.noisette .contenu h2 a.titre_bloc {padding: 0 0; font-size: 1.2em;border-top: 1px solid #808080;}
#noisette_miniagenda.noisette .contenu h2.titre_bloc.centre,
#noisette_miniagenda.noisette .contenu h2 a.titre_bloc.bord {padding: 1px 0; border-top: 0;float: left;font-size: 1.2em;}
#noisette_miniagenda.noisette .contenu h2.titre_bloc.centre {width: 50%;}
#noisette_miniagenda.noisette .contenu h2 a.titre_bloc.bord {width: 25%;}

#noisette_miniagenda.noisette .contenu .texte {padding: 2px; border-top: 1px solid #808080;}
#noisette_miniagenda.noisette .contenu table#footer_evenements {padding: 2px 0; table-layout: fixed; border-top: 1px solid #808080; text-align: left; font-size: 1em;}
#noisette_miniagenda.noisette .contenu table#footer_evenements td{line-height:1.1em;}
#noisette_miniagenda.noisette .contenu table#footer_evenements td.footer_colg {padding: 1px; font-weight: bold;
	width: 37% !important /*FF*/;width: 66px /*IE*/;}
#noisette_miniagenda.noisette .contenu table#footer_evenements td.footer_cold {padding: 1px;
	width: 63% !important /*FF*/;width: 112px /*IE*/;}
#noisette_miniagenda.noisette .contenu table#footer_evenements td.footer_cold a {font-weight: normal; color: #808080;}
#noisette_miniagenda.noisette .contenu table#footer_evenements td.footer_cold a:hover {color: #808080;}

/* Styles specifiques pour la noisette Rainette */
#noisette_rainette.noisette .contenu .texte .maj {text-align: center;}
#noisette_rainette.noisette .contenu .texte .resume {text-align: center; font-size: 1.2em; font-weight: bold;margin: 10px 0}
#noisette_rainette.noisette .contenu .texte .resume ul{font-weight: normal; margin-top: 5px;font-size: 0.9em;}
#noisette_rainette.noisette .contenu .texte .resume li{}
#noisette_rainette.noisette .contenu .texte .temperature {font-size: 2em; font-weight: bold; margin: 0 5px;}
#noisette_rainette.noisette .contenu .texte .previsions {font-size: 1.3em;}
#noisette_rainette.noisette .contenu .texte .temperature img {float:left;}
#noisette_rainette.noisette .contenu .texte .temperature p {padding: 30px 0 0 90px;}
#noisette_rainette.noisette .contenu .texte .liens {text-align: center;}
.pave-prevision {overflow: hidden; float: left; width: 168px; height: 190px;}
.conteneur_selection {overflow: hidden; float: left; width: 168px; height: 190px;}

/* Styles specifiques pour la noisette Nuage de mots */
#noisette_nuage.noisette .contenu ul.nuage {padding:5px;}
#noisette_nuage.noisette .contenu ul.nuage a {color: #808080;}

/* Menus vertical des rubriques et raccourcis inseres dans les colonnes extra et navigation */
/* Navigation dans les rubriques - arborescence deroulante */
.menu_rub1 { padding: 0; font-size: 1.2em; text-align: left;}
.menu_rub1 ul.menulist,
.menu_rub1 ul.menulist ul {
	 background: #e55e06;
	 border: 1px solid #ffffff; 
	 border-bottom: 0;
	 list-style: none;
	 z-index: 500;
	 margin: 0;
	 padding: 0;
	 line-height:1.2em;
	 width:178px;}

.menu_rub1 ul.menulist ul {position: absolute; top: -1px;  left: 178px;}
.menu_rub1 ul.menulist li {position: relative; margin: 0; padding: 0; border-bottom: 1px solid #ffffff;}
.menu_rub1 ul.menulist li ul {display:none;}
.menu_rub1 ul.menulist li:hover>ul {display:block;}

.menu_rub1 ul.menulist a {
	 background: #e55e06;
	color: #ffffff; text-decoration: none; display: block; padding: 5px;}

.menu_rub1 ul.menulist a:hover {
	background: #e59706;
	color: #ffffff;
	text-decoration: none;}
.menu_rub1 ul.menulist li.smenu, .menu_rub1 ul.menulist li.smenu>a {
	 background: #e55e06;
	 
	background-image: url(plugins/auto/sarkaspip_3/images/arrow_from_left.gif);
	 background-position: 170px;
	background-repeat: no-repeat;}
.menu_rub1 ul.menulist li.smenu:hover, .menu_rub1 ul.menulist li.smenu>a:hover {
	background: #e59706;
	 
	background-image: url(plugins/auto/sarkaspip_3/images/arrow_from_top.gif);
	 background-position: 167px;
	background-repeat: no-repeat;}
.menu_rub1 ul.menulist a.menu_articles {}
.menu_rub1 ul.menulist a.menu_articles:hover {}

/* Navigation dans les rubriques - arborescence depliee */
.menu_rub2 {font-size: 1.2em; border: 0; font-weight: normal;}
.menu_rub2 ul {margin: 0; padding: 0; list-style: none;}
.menu_rub2 ul li { margin: 0; padding: 0; border: 0; line-height: 1.3em;}
.menu_rub2 ul li a {
	display: block; width: 158px; margin-bottom: 0; padding: 5px 10px; 
	border: 1px solid #ffffff; border-top: 0;
	color: #ffffff; 
	background: #e55e06;}

.menu_rub2 ul li a#m1 {border-top: 1px solid #ffffff;}
.menu_rub2 ul li ul li a {
	display: block; width: 148px; margin-bottom: 0; padding: 5px 10px 5px 20px; 
	color: #ffffff; 
	background: #e55e06;}
.menu_rub2 ul li ul li ul li a {
	display: block; width: 138px; margin-bottom: 0; padding: 5px 10px 5px 30px; 
	color: #ffffff; 
	background: #e55e06;}
.menu_rub2 a.on {
	background: #e59706;
	color: #ffffff; font-weight: bold;}
.menu_rub2 a:hover {
	background: #e59706;
	color: #ffffff; 
	text-decoration: none;}

/* Navigation dans les rubriques - arborescence accordeon a ouverture automatique */
.menu_rub3 {width: 100%; padding:0; font-size: 1.2em;}
.menu_rub3 .cache {padding-left:10%; width: 90%; background: none; display: none;}
.menu_rub3 .cache a {
	display: block; border-top: 1px solid #ffffff;
	background: #e55e06;}
.menu_rub3 .cache a.on {background: #e59706;}
.menu_rub3 ul.menulist {background: none; border: 0; list-style: none; z-index: 500; margin: 0; padding: 0; line-height: 1.2em}
.menu_rub3 ul.menulist li {position: relative; margin: 0; padding: 0; border-bottom: 1px solid #ffffff;}
.menu_rub3 ul.menulist a {
	display: block; text-decoration: none; padding: 5px;
	color: #ffffff; 
	background: #e55e06;}
.menu_rub3 ul.menulist a:hover {
	background: #e59706;
	color: #ffffff;}
.menu_rub3 ul.menulist a.on {
	background: #e59706;
	color: #ffffff;}

/* Bloc de menus des raccourcis de navigation*/
.nav2 {font-size: 1.2em; width: 178px;border: 1px solid #808080;}
.nav2 ul {padding: 5px 0; margin: 0}
.nav2 li {
	list-style: none; margin: 5px 10px; line-height: 1.4em;
	background: #e55e06;
	 border: #ffffff solid 1px;
	 color: #ffffff;}
.raccourci_nav1 {text-align: center;}
.raccourci_nav1 a {display: block; width: 100%; color: #ffffff;}
.raccourci_nav1 a:hover {
	text-decoration: none; 
	background: #e59706;
	 color: #ffffff;}
.nav2 .auteur {margin: 7px 10px; padding-top: 3px; padding-bottom: 2px; text-align: center;	background: transparent; border: 0;}

/* Menu horizontal dans le bandeau bas */

 
	

.menu_horiz{font-size:1.2em;
	
	  margin: 0 15px 0;
	
	 min-height: 33px;
}
.menu_horiz, .menu_horiz ul {list-style: none; line-height: 1; padding: 0;
	 min-height: 33px;
}
.menu_horiz ul{width:100%; margin: 0; float: left;}

.menu_horiz a {display: block; text-decoration: none; padding: 5px 10px;
	 color: #ffffff;
	 border-left: #ffffff solid 1px;
	 text-align: left;
}
.menu_horiz a#mh_n1 {border-left: none;}
.menu_horiz a.it_n1 { border-top: #ffffff solid 1px;}
.menu_horiz a.pere { background: url(plugins/auto/sarkaspip_3/images/arrow_from_left.gif) center right no-repeat; background-position: 142px;}
.menu_horiz a.pere:hover { background: url(plugins/auto/sarkaspip_3/images/arrow_from_top.gif) center right no-repeat; background-position: 139px;}
.menu_horiz a:hover { text-decoration: none; color: #ffffff;}

.menu_horiz li {float: left; padding: 0; width: 150px;
	background: #ffffac;}
.menu_horiz li ul {position: absolute; left: -999em; height: auto; font-weight: normal;	margin: 0;	padding: 0;
	width: 160px;
}
.menu_horiz li li {padding: 0 ; overflow : hidden;
   border-right: #ffffff solid 1px;
  border-left: none;
  clear:left;
  }

.menu_horiz li ul ul {margin: -34px 0 0 150px;}
.menu_horiz li:hover ul ul, .menu_horiz li:hover ul ul ul, .menu_horiz li:hover ul ul ul ul,
.menu_horiz li.sfhover ul ul, .menu_horiz li.sfhover ul ul ul, .menu_horiz li.sfhover ul ul ul ul {left: -999em;}
.menu_horiz li:hover ul, 
.menu_horiz li li:hover ul, 
.menu_horiz li li li:hover ul,
.menu_horiz li li li li:hover ul {left: auto;}
.menu_horiz li.sfhover ul {left:auto;}
.menu_horiz li li.sfhover ul,
.menu_horiz li li li.sfhover ul,
.menu_horiz li li li li.sfhover ul {left: auto;}
.menu_horiz li:hover,
.menu_horiz li.sfhover {background: #323284;}
.menu_horiz li li a, .menu_horiz li li li a { border-bottom: #ffffff solid 1px;}/* ELEMENTS.CSS                                                         */
/* Cette feuille contient:                                              */
/* - les styles de la partie centrale du site                           */
/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */
/* 	Styles des titres de page                                           */
/* -------------------------------------------------------------------- */
/* Titre generique */
.titre h1 {font-weight: bold; margin: 0 0 5px; padding-bottom: 5px;
	color: #6262a4;
	border-bottom: 2px solid #6262a4;}
	
/* Boutons de fonction positionnes a droite du titre */
a.fonction {display: block; float: right; width: 24px; height: 24px; margin-left: 10px;}
a.fonction.repondre_commentaire {width: 16px; height: 16px; margin-right: 0; background-image: url(squelettes/images/commentaire_repondre.gif); background-repeat: no-repeat;}
#commenter {background-image: url(squelettes/images/article_commenter.gif); background-repeat: no-repeat;}
#signer {background-image: url(squelettes/images/article_commenter.gif); background-repeat: no-repeat;}
#creer_pdf {background-image: url(squelettes/images/article_pdf.gif); background-repeat: no-repeat;}
#voir_commentaires {background-image: url(squelettes/images/article_commentaires.gif); background-repeat: no-repeat;}
#voir_signatures {background-image: url(squelettes/images/article_signatures.gif); background-repeat: no-repeat;}
#recommander {background-image: url(squelettes/images/article_recommander.gif); background-repeat: no-repeat;}
a.fonction.revenir_haut_page {background-image: url(squelettes/images/arrow_to_top.gif); background-repeat: no-repeat;}

/* -------------------------------------------------------------------- */
/* 	Styles du cartouche (auteurs, date, popularite, notation)           */
/* -------------------------------------------------------------------- */
.cartouche { font-weight: normal; font-size: 1.1em; line-height: 1.1em; text-align: right; margin: 0 0 30px 10px; padding: 0; float: right;
	color: #6262a4;}
.complements {font-weight: normal; margin: 10px 0 5px; font-size: 1.1em;}

/* -------------------------------------------------------------------- */
/* 	Styles de la description (champs editoriaux)                        */
/* -------------------------------------------------------------------- */
/* Styles generiques */
.description {margin: 10px 0 30px; font-size: 1.2em; line-height: 1em;}
.description li {margin-left: 10px;	line-height: 1.4em;}
.description p {font-size: 1em;}
.description .soustitre {float: none; line-height: 1em; font-size: 1.4em; font-weight: bold; font-style: italic; margin: 0; padding: 0;
	 color: #6262a4;}
.description .chapo {margin: 0 0 30px; font-style: italic; color: #6262a4;}
.description .texte {}
.description .lien_site {margin: 10px 0 20px; padding-top: 10px; font-size: 1em; 
	border-top: 1px dotted #6262a4;}
.description .ps {margin: 10px 0 20px; padding-top: 10px; font-size: 1em; 
	border-top: 1px dotted #6262a4;}
.description .notes {margin: 10px 0 20px; padding-top: 10px; font-size: 1em; 
	border-top: 1px dotted #6262a4;}
.description .filles {margin: 10px 0 20px; padding-top: 10px; font-size: 1em; 
	border-top: 1px dotted #6262a4;}
.description .filles a {padding: 0 0 0 15px; background: transparent url(plugins/auto/sarkaspip_3/images/puce0.jpg) left center no-repeat; text-decoration: none;}
.description .filles a:hover {background: transparent url(plugins/auto/sarkaspip_3/images/puce1.jpg) left center no-repeat; ;text-decoration: none;}

/* -------------------------------------------------------------------- */
/* 	Styles des messages d'avertissement                                 */
/* -------------------------------------------------------------------- */
.avertissement {margin-top: 20px; padding: 10px; background: #f0d0d0; border: 1px solid red; font-size: 1.2em;}
.formulaire_spip .avertissement {margin: 0 0 20px 0; padding: 10px; background: #f0d0d0; border: 1px solid red; font-size: 1em;}

/* -------------------------------------------------------------------- */
/* 	Styles des blocs type portfolio (images, documents joints, breves)  */
/* -------------------------------------------------------------------- */
/* Styles generiques */
.portfolio {clear: both; margin-bottom: 30px; padding-top: 2px;width:100%;}
.portfolio h2 {font-size: 1.9em; line-height: 1em; font-weight: bold; margin: 0 0 10px; padding: 0 0 5px 20px;
	color: #6262a4;
	border-bottom: 2px solid #6262a4;}
	
/* Portfolio des images jointes */
.portfolio a img {margin: 10px 10px; border: 4px solid #caa407;}
.portfolio a:hover img {border-color: #e55e06;}

/* Portfolio des documents jointes */
.portfolio dl {width: 115px; height: 11em; text-align: center; margin: 10px; float: left;}
.portfolio dt {width: 115px; font-weight: bold;}
.portfolio dt a img {border: 0;}
.portfolio dt a:hover img {border: 0;}
.portfolio dd {width: 115px; margin: 0; padding: 0;}

/* -------------------------------------------------------------------- */
/* 	Styles des blocs de type commentaires                               */
/* -------------------------------------------------------------------- */
.commentaires {padding: 0 0 10px 0; margin: 0 0 30px 0; clear: both;}
.commentaires h2 {font-size: 1.9em; line-height: 1.2em; font-weight: bold; padding: 0 0 5px 20px; margin: 0;
	background: url(squelettes/images/commentaires.gif) top left no-repeat;
	color: #6262a4;
	border-bottom: 2px solid #6262a4;}
.commentaires h2.date {margin-top:30px; padding: 0 0 5px 20px;background: url(squelettes/images/liste_syndics.gif) top left no-repeat;}
.commentaires .message {margin: 0; padding: 10px 0 10px;
	background: transparent;
	border-top: 1px dotted #e55e06;}
.commentaires .message:hover {background: #f0f0fa;}
.commentaires #co_n1.message,.commentaires .co_n1 {border-top: 0; padding: 20px 0 10px;}
.commentaires .message .titre {font-size: 1.2em; font-weight:bold; margin:0 0 10px 50px;}
.commentaires .message .gravatar {float:left}
.commentaires .message .cartouche_simple {margin-left: 50px; font-size: 1.1em;
	color: #6262a4;}
.commentaires .message .texte{margin-left : 50px; padding-top: 5px;font-size:1.2em;line-height:1.1em;}
.commentaires .message .texte ul li{border-top:none;}
.commentaires ul { line-height: 1.1em;}
.commentaires ul#exif {width:50%;margin : 0 auto;text-align:center;border:1px dotted;}
.commentaires li {padding:10px 0; height:auto; border-top: 1px dotted #e55e06;}
.commentaires li:hover {background: #f0f0fa;}
.commentaires a.titre{padding-top: 5px; margin: 0; font-size: 1.3em; font-weight: bold; line-height:1em; text-decoration: none;
	color: #6262a4;}
.commentaires li .cartouche{margin : 0 0 10px 10px; font-size: 1.1em;}
.commentaires li .complements{font-size: 1.1em;}

/* -------------------------------------------------------------------- */
/* 	Styles des blocs de type extraits                                   */
/* -------------------------------------------------------------------- */
.extrait {margin: 0 0 20px;	padding: 0 0 10px 15px;
	background: transparent;
	border-left: 5px solid #e55e06;
	border-bottom: 1px solid #e55e06;}
.extrait h3 a.titre {display: block; padding-top: 5px; margin: 0; font-size: 1.6em; font-weight: bold; line-height:1em; text-decoration: none;
	color: #6262a4;}
.extrait h3 a.titre:hover {color: #6262a4; text-decoration: underline;}
.extrait .cartouche {color: #6262a4;}
.extrait .lire_suite {text-align: left; margin: 10px 0 0; font-size: 1.1em;}
.extrait .cartouche a, .extrait .complements a  {color: #990000; text-decoration: none;}
.extrait .lire_suite a {padding: 0 0 5px 20px; background: url(squelettes/images/lire_suite.gif) left center no-repeat;
	color: #990000; text-decoration: none;}
.extrait .cartouche a:hover, .extrait .complements a:hover, .extrait .lire_suite a:hover {
	color: #e59706; text-decoration: underline;}
.extrait .introduction {margin: 10px 0 0; font-size:1.2em; line-height : 1.4em;}

/* -------------------------------------------------------------------- */
/* 	Styles des blocs de type arbre (plan, agenda)                       */
/* -------------------------------------------------------------------- */
.arbre {margin: 0; padding-bottom: 10px;}
.arbre ul { list-style-type: none; padding: 0; margin: 0; font-size: 1em; line-height: 1em;}
.arbre ul li {font-weight: bold; padding: 5px 10px 10px; margin: 0 0 15px; 
	border: 2px solid #888888;
	background: #eeeeee;}
.arbre ul li li {padding: 0 0 0 15px; margin: 0; border: 0; background: none;}
.arbre ul li li li {padding: 0 0 0 15px; margin: 0; border: 0; background: none;}
.arbre .noeud {padding: 5px 0 5px 15px; font-size: 1.5em; line-height: 1.4em; text-decoration: none;
	color: #888888;}
.arbre a.noeud:hover {background-image: url(plugins/auto/sarkaspip_3/images/puce0.jpg); background-position: left center; background-repeat: no-repeat; 
	color: #888888;
	text-decoration: none;}
.arbre a.feuille {padding: 0 0 0 15px; font-size: 1.1em; font-weight: normal; line-height: 1.2em;
	color: #6262a4;}
.arbre a.feuille:hover {background-image: url(plugins/auto/sarkaspip_3/images/puce-n0.gif); background-position: left center; background-repeat: no-repeat; 
	color: #6262a4;
	text-decoration: underline;}
.arbre a.feuille .date {}

/* -------------------------------------------------------------------- */
/* 	Styles des blocs de type planches                                   */
/* -------------------------------------------------------------------- */
.planche {margin-top: 30px;}
.planche h2 {font-size: 1.9em; line-height: 1em; font-weight: bold; margin: 0 0 10px; padding: 0 0 5px 20px;
	color: #6262a4;
	border-bottom: 2px solid #6262a4;}
.planche ul {margin: 0; padding: 0; list-style-type: none;}
.planche li {width: 45%; min-height: 18em; float: left; margin: 0 0 20px; padding: 10px 0;
	background: transparent;
	border-top: 1px dotted #caa407;}
.planche li.n1 {border-top: 0;}
.planche li.gauche {margin-right: 20px;}
.planche li.droite {margin-left: 20px; float: right;}
.planche h3 a.titre {display: block; padding-top: 5px; margin: 0; font-size: 1.6em; font-weight: bold; line-height:1em; text-decoration: none;
	color: #6262a4;}
.planche h3 a.titre:hover {color: #6262a4; text-decoration: underline;}
.planche .complements {font-weight: normal; margin: 10px 0 5px; font-size: 1.1em;}
.planche .cartouche {text-align: left; margin: 0; float: none;}
.planche .cartouche a, .planche .complements a  {color: #990000; text-decoration: none;}
.planche .cartouche a:hover, .planche .complements a:hover {
	color: #e55e06; text-decoration: underline;}
.planche a img {float:right; margin: 0 0 5px 5px; border: 4px solid  #e55e06;}
.planche a:hover img {border: 4px solid #eac427;}
.planche .introduction {margin: 10px 0 0;font-size:1.2em;line-height:1.4em;}

/* -------------------------------------------------------------------- */
/* 	Styles specifiques a chaque page                                    */
/* -------------------------------------------------------------------- */
/* Style specifique a la notation (plugin Notation) */
.description .plugin {margin: 10px 0 0; padding-top: 10px; font-size: 1em; line-height: 1.6em; 
	border-top: 1px dotted #6262a4;
	color: #6262a4;}
.description .notation div.star-rating a {border: 0; text-align: left;}
.description .notation .note { color: #6262a4;}

/* Style specifique aux bookmarks sur les reseaux sociaux (plugin Social Tags) */
.description .socialtags {margin: 0; padding: 0;}

/* Titres de blocs */
#images_jointes.portfolio h2 {background: url(squelettes/images/portfolio_images.gif) top left no-repeat;}
#documents_joints.portfolio h2 {background: url(squelettes/images/portfolio_documents.gif) top left no-repeat;}
#articles_recents.portfolio h2,
#article_commentaire.portfolio h2,
#articles_auteur.portfolio h2,
#articles_rubrique.portfolio h2 {background: url(squelettes/images/liste_articles.gif) top left no-repeat;}
#breves_site.commentaires h2 {background: url(squelettes/images/liste_breves.gif) top left no-repeat;}
#sites_site.portfolio h2 {background: url(squelettes/images/liste_sites.gif) top left no-repeat;}
.portfolio h2.jalon {background: url(plugins/auto/sarkaspip_3/images/liste_tickets.gif) top left no-repeat;}

/* Page rubrique */
.rubrique {margin: 0; padding-bottom: 10px;}
.rubrique .titre {}
.rubrique .titre h1 {margin: 0 0 35px;}

/* Page article */
.article {margin: 0; padding-bottom: 10px;}
.article .cartouche {font-size: 0.92em}

/* -- Styles des petitions de l'article */
#signatures.commentaires h2 {background: url(squelettes/images/liste_signatures.gif) top left no-repeat;}
#signatures.commentaires table{width: 100%; margin-top: 10px; font-size: 1.2em;}

/* Page sommaire */
/* -- Edito et une */
#edito.article, #une.article {margin: 0 0 30px; padding: 5px 10px; text-align: justify;}
#edito.article {
	border: 2px solid #caa407;
	background: #fff5c7;}
#une.article {
	border: 2px solid #e55e06;
	background: #fff5c7;}
#edito.article .titre, #edito.article .soustitre, #une.article .titre, #une.article .soustitre {}
#edito.article .titre h1, #une.article .titre h1 {border: 0;}
#edito.article a.fonction, #une.article a.fonction {display: none;}
#edito.article .cartouche, #une.article .cartouche {font-size: 1.2em}
#une.article .complements {font-size: 0.91em; margin-bottom: 10px;}

/* -- Albums recents */
#albums_recents.planche h2,
#albums_auteur.planche h2 {background: url(squelettes/images/liste_albums.gif) top left no-repeat;}
#albums_recents.planche li,
#albums_auteur.planche li {
	
	 width: 100%;}

/* Page evenement */
#evenement.article .cartouche {text-align: left; float: left; margin: 0 10px 30px 0;}

/* Page auteur */
.auteur {margin: 0; padding-bottom: 10px;}
#albums_auteur.planche li { width: 100%;}

/* Page site */
.site {margin: 0; padding-bottom: 10px;}

/* -- Thumbshot du site */
.site a img {margin: 0 0 10px 10px; border: 4px solid #e55e06;}
.site a:hover img{border-color: #eac427;}

/* -- Liste des articles syndiques */
#articles_syndiques.commentaires h2 {background: url(squelettes/images/liste_syndics.gif) top left no-repeat;}
#articles_syndiques.commentaires .titre {margin: 0;}
#articles_syndiques.commentaires .texte{margin: 5px 0 0;}
.site .description li {margin-left: 0; margin-bottom: 10px;}
.site .description li:hover {background:#f0f0fa;}

/* Page galerie */
.galerie {margin: 0; padding-bottom: 10px;width:100%;}
.galerie .planche li { width: 100%; min-height: 0;}

/* Page Herbier */
.herbier {margin: 0; padding-bottom: 10px;width:100%;}
.herbier .planche li {width: 100%; min-height: 0;}

/* Page Recherche */
.recherche {margin: 0; padding-bottom: 10px; width:100%;}
#recherche_rubrique.commentaires h2 {margin:0; background: url(squelettes/images/portfolio_documents.gif) top left no-repeat;}
#recherche_mot_article.commentaires h2 {margin:0; background: url(squelettes/images/liste_breves.gif) top left no-repeat;}
#recherche_breve.commentaires h2 {margin:0; background: url(squelettes/images/liste_breves.gif) top left no-repeat;}
#recherche_site.commentaires h2 {margin:0; background: url(squelettes/images/liste_sites.gif) top left no-repeat;}
#recherche_commentaire.commentaires h2 {margin:0; background: url(squelettes/images/commentaires.gif) top left no-repeat;}
#recherche_article.commentaires h2 {margin:0; background: url(squelettes/images/liste_articles.gif) top left no-repeat;}
#recherche_album.commentaires h2 {margin:0; background: url(squelettes/images/portfolio_images.gif) top left no-repeat;}
#recherche_evenement.commentaires h2 {margin:0; background: url(squelettes/images/evenement.gif) top left no-repeat;}

/* Page album */
.album {padding: 0 0 10px 0; margin: 0 0 30px 0; clear: both; width:100%;}
.carrousel {display: block; margin: 0 0 20px; padding: 10px 0}
#a_defilement.carrousel {overflow: hidden; position: relative;}
.carrousel .contenu {margin: 0 auto; position: relative;}
#a_pagination.carrousel .contenu li {display: block; float: left;}
.carrousel .contenu .vignette a img {margin-right: 5px; border: 4px solid #eeeeee;}
.carrousel .contenu .vignette a:hover img {border: 4px solid #6262a4;}
.carrousel .contenu .vignette a.survol {display:none;position:absolute;background: transparent url(plugins/auto/sarkaspip_3/images/pointeur_bas.gif) no-repeat bottom center;}
.carrousel .contenu .vignette a.survol img {margin: 0; border: 4px solid #6262a4;}
.carrousel .navigation {margin: 10px 0 20px; text-align: center; font-size: 1.2em; font-weight: bold;}
.carrousel .navigation a {background: transparent; 
	color: #6262a4;}
.carrousel .navigation a:hover {background: #f0f0fa; 
	color: #caa407;
	text-decoration: none;}
.carrousel .pagination {margin: 10px 0 20px; text-align: center; font-weight: bold;}

.carrousel .contenu ul.vignettes span {width: 128px;}/* max thumbnail width + 2px */
.carrousel .contenu ul.vignettes span.wrap1 {margin: 0 5px 5px 5px; display: inline-block; vertical-align: top; text-align: center;}
.carrousel .contenu ul.vignettes span.wrap2 {height: 136px; 
	background: transparent;
	border: 4px solid #eeeeee; display: table-cell; vertical-align: middle;}
.carrousel .contenu ul.vignettes span.wrap2:hover {
	background: #888888; 
	border: 4px solid #6262a4;}
.carrousel .contenu ul.vignettes span.wrap2 a {display: block; width: 128px;}      /* max thumbnail width + 2px */
.carrousel .contenu ul.vignettes span.titre {
	display: block;  
	height: 4em;    
	padding-top: 5px;
	font-size: 90%; overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	line-height : 1.2em;
}

.zoom {display: block; margin: 0 0 20px; padding: 10px 0;}
.zoom #conteneur_photo {padding:0; margin: 0 0 10px;}
.zoom #titre_photo {padding:0; margin: 0 0 20px; font-size: 1.2em; font-weight: bold; text-align: center;}
.zoom #descriptif_photo {padding:0; margin: 0 0 20px;}
.zoom #exif_photo {padding:0; margin: 0 0 20px;}

#exif_photo.commentaires table{width: 300px;  font-family: verdana; border: 0; margin :0 auto;}
#exif_photo.commentaires table tr{height: 20px;}
#exif_photo.commentaires table td.titre {background-color : #EFEFEF; padding: 0 5px; border-bottom : 1px dotted #000000; font-weight:bold;height: 20px;}
#exif_photo.commentaires table td.minilogo {text-align: right; height: 20px;}
#exif_photo.commentaires table td.colonne1{width: 130px; font-size: 90%; text-align: right; padding: 5px;}
#exif_photo.commentaires table td.colonne2{width: 170px;}
/* IE.CSS                                                               */
/* Cette feuille contient:                                              */
/* - tous les hacks necessaires a IE (version >= 6)                     */
/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */
/* raz.css                                                              */
/* -------------------------------------------------------------------- */
* html * {height:1; zoom:1}
* html .ajaxbloc, * html input, * html img, * html textarea, * html blockquote {height:auto;}
 
/* -------------------------------------------------------------------- */
/* layoutxx.css                                                         */
/* -------------------------------------------------------------------- */


/* -------------------------------------------------------------------- */
/* base.css                                                             */
/* -------------------------------------------------------------------- */
* html .spip_code, * html .spip_cadre {height:auto; width:90%;}
* html blockquote.spip_poesie div {text-indent:0;}

* html .formulaire_recherche input{border-width:0; display:inline; background-color:#E0E0E0}
* html .formulaire_recherche input.text {height:23px; width:118px; border:1px solid #6262A4;}
* html .formulaire_recherche input.submit {border: 0;}
*+html .formulaire_recherche input.submit {float : right;}

/* -------------------------------------------------------------------- */
/* layout.css                                                           */
/* -------------------------------------------------------------------- */


/* -------------------------------------------------------------------- */
/* bandeau.css                                                          */
/* -------------------------------------------------------------------- */
* html .bandeau_haut {height: 50px;} /* IE6 ne comprend pas min-height */
* html .nav_bandeau {width: 45%;} /* IE6 ne comprend pas max-width */
* html .bandeau_bas {height: 23px;}
* html .bandeau_chemin {height: 22px;}
* html .bandeau_chemin .recherche_chemin {float: right ; width:330px;}
*+html .bandeau_chemin .recherche_chemin {float: right ; width:330px;}

/* -------------------------------------------------------------------- */
/* noisettes.css                                                        */
/* -------------------------------------------------------------------- */
* html #noisette_herbier.noisette .contenu .texte ul.innerfade li {margin-left:-60px;}
*+html #noisette_herbier.noisette .contenu .texte ul.innerfade li {margin-left:-60px;}

* html #noisette_miniagenda.noisette {height:auto;}
* html #noisette_miniagenda.noisette .contenu {width:178px;}
* html #noisette_miniagenda.noisette .contenu br.nettoyeur {line-height : 0;} /* Sous IE6 ce nettoyeur a une hauteur non nulle */
* html #noisette_miniagenda.noisette .contenu h2 {float:left;}
* html #noisette_miniagenda.noisette .contenu h2.titre_bloc.centre {width: 90px;}
* html #noisette_miniagenda.noisette .contenu h2 a.titre_bloc.bord {width: 44px;}
* html #noisette_miniagenda.noisette .contenu h2 a.titre_bloc#auj {border:none; width: 100%;}

* html .menu_rub1 ul.menulist ul {top: 0; left: 173px;}
*+html .menu_rub1 ul.menulist ul {top: 0;} 

/* -------------------------------------------------------------------- */
/* elements.css                                                         */
/* -------------------------------------------------------------------- */
* html .planche .cartouche {width :140px; float:none;}
* html .planche li {height: 0;}
* html .galerie .planche li {}
* html #albums_recents.planche li {}

* html .carrousel .contenu ul.vignettes span.wrap2 {display: inline-block; text-align: left;}
* html .carrousel .contenu ul.vignettes span.wrap2 a {overflow: visible;  top: 50%; text-align: center;}
* html .carrousel .contenu ul.vignettes span.wrap2 span {overflow: visible;  top: 50%; text-align: center;}
* html .carrousel .contenu ul.vignettes img {margin-top: 10px;  top: -30%; }
*+html .carrousel .contenu ul.vignettes span.wrap2 {display: block; position: relative; text-align: left;}
*+html .carrousel .contenu ul.vignettes span.wrap2 a {overflow: visible; position: absolute; top: 50%; text-align: center;}
*+html .carrousel .contenu ul.vignettes span.wrap2 span {overflow: visible; position: absolute; top: 50%; text-align: center;}
*+html .carrousel .contenu ul.vignettes img {position: relative; top: -50%;  margin-top: 2%;}
 
  /* *************************************************************
 *   SPIP & Sarka-Spip : habillage du site en general
 * *************************************************************/

/** 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, h2, h3, h4, h5, h6 { 
}
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: #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; 
}

/* Listes. Cf.: spip_style.css */
ul.spip {
}
ol.spip {
  list-style: decimal;
}
dl {
}
dt {
}
dd {
}

/* Citations, code et poesie.  Cf.: spip_style.css */
cite {}
blockquote {}
blockquote.spip {}
blockquote.spip_poesie {}
.spip_code {}
.spip_cadre {}
address {}
/* balise Q en fr */
q:lang(fr):before { content: "\00AB\A0"; }
q:lang(fr):after { content: "\A0\00BB"; }
q:lang(fr) q:before { content: "\201C"; }
q:lang(fr) q:after { content: "\201D"; }
q:lang(fr) q q:before { content: "\2018"; }
q:lang(fr) q q:after { content: "\2019"; }
/* balise Q pour IE */
* html q { font-style: italic; }
*+html q { font-style: italic; }

/* Formulaires */
@media print {
    .formulaire_spip { 
      display: block;
      background: #eee;
      border: 1pt dotted; 
    } /* les formulaires sur la page sont importants ! */
}



/* *************************************************************
 * elements d'analyse grammaticale et syntaxique divers 
 *
 ** http://en.wikipedia.org/wiki/Part-of-speech_tagging
 *       Schools commonly teach that there are 9 parts of speech in English: noun, verb, article, adjective, preposition, pronoun, adverb, conjunction, and interjection. However, there are clearly many more categories and sub-categories. For nouns, plural, possessive, and singular forms can be distinguished. In many languages words are also marked for their "case" (role as subject, object, etc.), grammatical gender, and so on; while verbs are marked for tense, aspect, and other things.
 *       In part-of-speech tagging by computer, it is typical to distinguish from 50 to 150 separate parts of speech for English, for example, NN for singular common nouns, NNS for plural common nouns, NP for singular proper nouns (see the POS tags used in the Brown Corpus). Work on stochastic methods for tagging Koine Greek (DeRose 1990) has used over 1,000 parts of speech, and found that about as many words were ambiguous there as in English. A morphosyntactic descriptor in the case of morphologically rich languages can be expressed like Ncmsan, which means Category=Noun, Type = common, Gender = masculine, Number = singular, Case = accusative, Animate = no.
 * *************************************************************/

/** gc- : classes ou natures grammaticales
 ** http://fr.wikipedia.org/wiki/Nature_(grammaire)
 ** http://fr.wikipedia.org/wiki/Mots_lexicaux
 ** http://fr.wikipedia.org/wiki/Mots_grammaticaux
 *      La grammaire traditionnelle classe les mots en neuf catégories, appelées également « les parties du discours » : adjectif, adverbe, article, conjonction, interjection, nom, préposition, pronom et verbe.
 ** http://fr.wikipedia.org/wiki/Grammaire_de_l'espéranto
 *      Les suffixes utilises pour les "mots pleins" sont empruntees a l'esperanto... (illustration avec le radicale "lud") : 
 *      
**/

.gc {
  color: #000 ;
  background-color: #fff ;
} /* phrase */

/* colors coding...
position 1:
 - o a i e u x 
 0 6 9 c 3 f 0 
position 2|3:
 - j n s t ? 
 0 3 6 9 c f 
=> position 2&3: 
 .. j. n. jn s. nt t.
 00 30 60 36 90 69 c0
*/

.gc-o {
  color: #600 ;
  /* background-color: #fff ; */
} /* noms (f:sujet|complement)communs sujets : ludO */ 

.gc-a {
  color: #900 ;
  /* background-color: #fff ; */
} /* adjectifs-attributs & determinants : ludA ; lA */ 

.gc-e {
  color: #300 ;
  /* background-color: #fff ; */
} /* adverbes : ludE */ 

.gc-i {
  color: #c00 ;
  /* background-color: #fff ; */
} /* verbes & pronoms personnels : ludI ; [m|c|n|sx|gx|on|v|il]I */ 

.gc-s {
  color: #000 ;
  /* background-color: #fff ; */
} /* verbes : quand on a besoin de separer, on laissera le -i pour le pronom personnel, et le -s pour le verbe car il correspond au mode le plus courant --lud[i|a|o]S quelque soit le temps (passe|present|futur)-- et ce meme pour les participes actifs --lud[i|a|o]NTa-- ou passifs --lud[i|a|o]Ta-- qui sont utilises avec l'auxiliaire esti... */ 

.gc-x {
  color: #000 ;
  /* background-color: #fff ; */
} /* mots-outils invariables --tabel-vortoj-- (on exepte donc determinants et pronoms) dont : correlatifs --ki/ti-- ; prepositions --de/antaux/ktp-- ; conjonctions --kaj/sed/ktp-- */ 

.gc-u {
  color: #f00 ;
  /* background-color: #fff ; */
} /* mots-outils variables (determinants et adjectifs non qualificatifs) ou mots-grammaticaux quand il est necessaire de les distinguer : prepositions --ad/de/via; determinants --la cf -a-- ; adjectifs non qualificatifs --[m|c|n|sx|gx|on|v|il]ia cf -i et -a-- ; conjonctions de subordination -- -- ; etc. */

.gc-on {
  color: #660 ;
  /* background-color: #fff ; */
} /* ludON */ 

.gc-an {
  color: #960 ;
  /* background-color: #fff ; */
} /* ludAN */ 

.gc-oj {
  color: #630 ;
  /* background-color: #fff ; */
} /* ludOJ */ 

.gc-aj {
  color: #930 ;
  /* background-color: #fff ; */
} /* ludAJ */ 

.gc-ojn {
  color: #636 ;
  /* background-color: #fff ; */
} /* ludOJN */ 

.gc-ajn {
  color: #936 ;
  /* background-color: #fff ; */
} /* ludAJN */ 

.gc-is {
  color: #c90 ;
  /* background-color: #fff ; */
} /* ludIS */ 

.gc-as {
  color: #990 ;
  /* background-color: #fff ; */
} /* ludAS */ 

.gc-os {
  color: #690 ;
  /* background-color: #fff ; */
} /* ludIS */ 

.gc-us {
  color: #f90 ;
  /* background-color: #fff ; */
} /* ludUS */ 

.gc-in {
  color: #c60 ;
  /* background-color: #fff ; */
} /* [m|c|n|sx|gx|on|v|il]IN */ 


/** ts- : roles semantiques et typologie syntaxique
 ** http://fr.wikipedia.org/wiki/Typologie_syntaxique
 ** http://fr.wikipedia.org/wiki/R%C3%B4le_s%C3%A9mantique
 ** http://fr.wikipedia.org/wiki/Grammaire_lexicale-fonctionnelle
 ** http://fr.wikipedia.org/wiki/Actant
 ** http://fr.wikipedia.org/wiki/Groupe_nominal
 *      La nomenclature n'est pas toujours fixée et recoupe souvent celle des cas et des fonctions, ce qui peut être source de confusion. Agent ou acteur ; Instrument ; Patient ou objet ; Siège ; Expérient ; Bénéficiaire ; Cause ; Résultat ; Source ; But ; Lieu ; Temps ; Il n'est pas possible d'établir une liste universelle de rôles sémantiques : leur définition dépend en effet de la finesse de l'analyse. Par exemple, les rôles d'agent, d'instrument, de cause et de source peuvent être regroupés en un rôle unique d'origine.
 ** http://fr.wikipedia.org/wiki/Langue_SVO
 ** http://fr.wikipedia.org/wiki/Langue_V2
 *      Les suffixes utilises pour les propositions independantes/principales sont ceux courants de la typologie syntaxique dans les cas simples (verbes bivalents ou a saturation complete). 
**/

.ts {
  color: #000 ;
  background-color: #fff ;
} /* phrase */

.ts-s {
  background-color: #cff;
  /*color: #000; */
} /* actant origine (Agent, Acteur, Source). */
.ts-s:hover {
  background-color: #9ff;
  /*color: #000; */
} 

.ts-v {
  background-color: #fcf;
  /*color: #000; */
} /* groupe verbe (Relation, Action, Processus). */
.ts-v:hover {
  background-color: #fcc;
  /*color: #000; */
} 

.ts-o, .ts-ce {
  background-color: #ffc;
  /*color: #000; */
} /* actant objet (Patient, Expérient, Bénéficiaire). grammaticalement :  complement essentiel ou d'objet (direct ou indirect) */ 
.ts-o:hover, .ts-ce:hover {
  background-color: #ff9;
  /*color: #000; */
}  

.ts-c, .ts-cc, .ts-cs {
  background-color: #cfc;
  /*color: #000; */
} /* circonstant (Cause, Résultat, But, Lieu, Temps, Instrument). grammmaticalement : complement second ou subordonnee circonstanciell */
.ts-c:hover, .ts-cc:hover, .ts-cs:hover {
  background-color: #cf9;
  /*color: #000; */
} 

.ts-p, .ts-ct, .ts-ca {
  background-color: #ccf;
  /*color: #000; */
} /* autres... complement troisieme et plus... */
.ts-p:hover, .ts-ct:hover, .ts-ca:hover {
  background-color: #ccc;
  /*color: #000; */
} 


/** gf- : fonctions grammaticales
 ** http://fr.wikipedia.org/wiki/Fonction_grammaticale
 ** http://fr.wikipedia.org/wiki/Fonction_syntaxique
 ** http://fr.wikipedia.org/wiki/Phrase
 ** http://fr.wikipedia.org/wiki/%C3%89nonc%C3%A9
 ** http://fr.wikipedia.org/wiki/Proposition_(grammaire)
 ** http://fr.wikipedia.org/wiki/Cas
 *
**/

/*
ɖɛ́ɛ̀ɛ̌ɔ́ɔ̀ɔ̌ 
*/