[(#REM)

	Ce squelette definit les styles de l'espace prive

	Note: l'entete "Vary:" sert a repousser l'entete par
	defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
	genant en cas de "rotation du cookie de session" apres
	un changement d'IP (effet de clignotement).

	ATTENTION: il faut absolument le charset sinon Firefox croit que
	c'est du text/html !
]
#CACHE{3600*100,cache-client}
#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
#HTTP_HEADER{Vary: Accept-Encoding}



#SET{claire,##ENV{couleur_claire,edf3fe}}
#SET{foncee,##ENV{couleur_foncee,3874b0}}
#SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
#SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
#SET{rtl_inv,#ENV{ltr}|choixsiegal{right,'',_rtl}}
#SET{chemin_img_pack,#EVAL{_DIR_IMG_PACK}}


body {
	font-family: arial, helvetica, sans-serif;
	background-color: [#(#ENV{couleur_claire}|couleur_saturation{0.5})];
	[(#CHEMIN{images/ispip/pinstripes.png}|background_image{[(#ENV{couleur_claire}|couleur_saturation{0.5})], center center })]

}

h1, h2, h3, .bandeau_couleur, .bandeau_couleur_sous, a.icone26, a.cellule-h-texte, div.onglet, div.onglet_on, div.onglet_off, .arial0, .arial1, .arial11, .arial2, .cadre, .cadre-formulaire, .cadre-formulaire-editer, a.foncee, a.foncee:hover, a.claire, a.claire:hover, span.creer, span.lang_base   {
	font-family: arial, helvetica, sans-serif;
}

.formulaire_spip input.text,
.formulaire_spip input.password,
.formulaire_spip textarea,
.formulaire_spip select
{
	font-family: arial, helvetica, sans-serif;
}

#bandeau-principal {
	.bandeau_sec {
		-spip-border-bottom-left-radius: 8px;
		-spip-border-bottom-right-radius: 8px;
		position: absolute;
	}
}
#bandeau_couleur {
	height: 33px;
	padding-top: 8px;
	padding-bottom: 0px;
	border-bottom: 1px solid [#(#ENV{couleur_foncee}|couleur_saturation{0.95})];
	background-color: [#(#ENV{couleur_foncee}|couleur_saturation{0.8})];
	[(#CHEMIN{images/ispip/toolbar.png}|background_image{[(#ENV{couleur_foncee}|couleur_saturation{0.8})], center center })]

	a, a.icone26 {
		color: white;
		font-size: 16px;
	    text-shadow: #[(#ENV{couleur_foncee}|couleur_saturation{0.8})] -1px -1px 1px;

	}

	.bandeau_couleur_sous {
		top: 12px;
		border-color: [#(#ENV{couleur_foncee}|couleur_saturation{0.95})];
		background-color: #f1f1f1;
		border-top: 0px;
		color: #464646;
		-spip-border-bottom-left-radius: 8px;
		-spip-border-bottom-right-radius: 8px;
		position: absolute;

		. :hover {
			box-shadow:  0px 0px 2px #999;
			-spip-box-shadow:  0px 0px 2px #999;
			position: absolute;

		}
		
		a {
			font-size: 1em;
			color: #464646;
		    text-shadow: #f1f1f1 0px 0px 0px;
		}
	}


}

#lesauteurs .cadre-icone {position:absolute;top: -24px;}

.cadre, .dater {
    color: black;
    background: #fff;
    border-color: #B4B4B4;
	-spip-border-radius: 8px;
	

	.cadre-icone {
		position: relative;
		float: left;
		top: 0px;
		left: 0px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 3px;
	}
	
	.cadre-icone + .titrem {
		padding-left: 50px;
	}

	
	.titrem {
		background: url(#CHEMIN{images/gray-grad.png});
		padding-top: 8px;
		padding-bottom: 8px;
		text-shadow: white 0px 1px 1px;
		-spip-border-top-left-radius: 8px;
		-spip-border-top-right-radius: 8px;
		
		
	}
}

.fiche_objet, .no_onglets .fiche_objet {
	border-color: #dfdfdf;
	-spip-border-radius: 8px;
}


.cadre-sous_rub {
	background-color: #ededed;
}

.cadre-couleur-foncee {
	border: 1px solid [(#GET{claire})];
}


div.liste, div.cadre-liste {
	border-color: #b4b4b4;
	-spip-border-radius: 8px;

	table {
	
		.tr_liste {
			background-color: white;
			
			td {
				border-color: #B4B4B4;
				padding-top: 8px;
				padding-bottom: 8px;
			}
			
			. :last-child {
			
				td:first-child {
					-spip-border-bottom-left-radius: 8px;
					-spip-border-top-left-radius: 8px;
				}
				td:last-child {
					-spip-border-bottom-right-radius: 8px;
					-spip-border-top-right-radius: 8px;
				}
			}
			. :nth-child(2n) {
				background-color: #fafafa;
			}
		}
		.tr_liste_over, .tr_liste:hover {
			background-color: [#(#ENV{couleur_foncee}|couleur_saturation{0.2})];
			
		}
	}
	
	.titrem {
		background: url(#CHEMIN{rien.gif});
		background-color: [#(#ENV{couleur_foncee}|couleur_saturation{0.4})];
		border-bottom: 1px solid #b4b4b4;
		-spip-border-top-left-radius: 8px;
		-spip-border-top-right-radius: 8px;
	}
	
	.titrem.hover {
		background-color: #eee;
	}

	.tranches {
		padding: 4px 0px 4px 10px;	
		background-color: #dfdfdf;
		border-color: #f0f0f0;
		border-top: 0;
	}
}

#contenu div.liste .titrem, #contenu div.cadre-liste .titrem {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 14px;
}
#contenu div.liste .cadre-icone, #contenu div.cadre-liste .cadre-icone {
	padding-top: 7px;
	padding-left: 7px;
}
.icone36 {
	a img, img {
		-spip-border-radius: 6px;
	}
}

.icone36 a img, a.icone36 img, .icone36 a:hover img, a.icone36:hover img {
	border: 0px;
	margin-bottom: -12px;
	background-color: transparent;
	display: none;
}

.icone36 a img:only-child, a.icone36 img:only-child, .icone36 a:hover img:only-child, a.icone36:hover img:only-child {
	display: inline;
}

.danger, a.cellule-h-texte {
	background: none;
}

.icone36 {
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
}

.icone36 a span, a.icone36 span {
	-spip-border-radius: 8px;
	border: 1px solid #bbb;
	padding: 8px 10px;
	width: auto;
	font-weight: normal;
	font-size: 11px;
	text-shadow: white 0px 1px 0px;
	color: #464646;
	[(#CHEMIN{images/ispip/bouton-ok.png}|background_image{eeeeee, center center })]
	height: auto;
	
	. :hover {
		color: black;
		border-color: #666;
	}
}

.cadre-formulaire-editer {
	.entete-formulaire {
		border: 0px;
		padding: 0px;
		padding-bottom: 1em;
		background: none;
	}
	
	.formulaire_spip {
		background-color: white;
		border: 1px solid #eee;
		-spip-border-radius: 8px;
		
		li.editer_parent {
			background-color: #f0f0f0;
		}
		
		li {
			input.text, input.password, textarea {
				border: 1px solid #ccc;
			}
		}
		
		.markItUpPreview {
			font-family: serif;
		}
		
		p.boutons {
			background-color: [(#ENV{couleur_foncee}|couleur_saturation{0.4})];
			border-top: #eee;
		}
		li .erreur_message {
			border-color: #ccc;
		}
		
		
		.explication {
			border-color: #ccc;
		}
	}
}

.cadre-forum {
	-spip-border-bottom-left-radius: 0px;
	-spip-border-bottom-right-radius: 0px;
}
.cadre-thread-forum {
	-spip-border-radius: 0px;
	
	.titrem {
		-spip-border-radius: 0px;
	}
}


input[type="submit"] {
	[(#CHEMIN{images/ispip/bouton-ok.png}|background_image{[(#ENV{couleur_foncee}|couleur_saturation{0.85})], center center })]
	border: 2px solid [(#GET{foncee})];
	padding: 8px 10px;
	font-weight: bold;
    text-shadow: #[(#ENV{couleur_foncee}|couleur_saturation{1})] -1px -1px 0px;
	color: white;
	-spip-border-radius: 8px;

}
input[type="submit"]:hover {
	border: 2px solid #[(#ENV{couleur_foncee}|couleur_saturation{0.85}|couleur_foncer)];
}



#FILTRE{css_imbriques_decouper}