/* Feuille de style pour WikHistoArt */

/* Elements communs */
/*==================*/
body {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: helvetica, verdana, arial;
	background: #E3E1EC url(fond-page.png) repeat-y top center;
}

h1 {
	color: #FFF;
	text-shadow: 0 0 10px #000;
	font-size: 2em;
	background: #E3E1EC; /* Pour navigateurs ne prenant pas en charge CSS3 */
	/* Dégradé */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#E3E1EC) to(#312078)); /* Chrome (anciens) */
	background: -webkit-linear-gradient(#E3E1EC, #312078); /* Chrome (nouveaux) */
	background: -moz-linear-gradient(#E3E1EC, #312078); /* FF */
	background: -ms-linear-gradient(#E3E1EC, #312078); /* IE10 */
	background: -o-linear-gradient(#E3E1EC, #312078); /* Opera 11.10+ */
	background: linear-gradient(#E3E1EC, #312078); /* Standard */
	-pie-background: linear-gradient(#E3E1EC, #312078); /* Pie*/
	text-align: center;
	margin: 0;
	padding: 10px;
	behavior: url(theme/css3/effet/PIE.php);
}

h2 {
	text-align: center;
	color: #FFF;
	font-size: 1.6em;
	margin: 10px 0 5px 0;
	padding: 12px;
	background: transparent url(fond-tableaux.png) no-repeat center;
	
}

h3 {
	font-size: 1.4em;
	margin: 10px 2px 8px 2px;
	padding: 0 15px;
	height: 35px;
	line-height: 35px;
}

#maj-fiche h3, #fiche h3, #connexion h3, #creation h3 {
	position: relative;
	background: #D4AB02;
	/* Dégradé */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF) to(#D4AB02)); /* Chrome (anciens) */
	background: -webkit-linear-gradient(#FFF, #D4AB02); /* Chrome (nouveaux) */
	background: -moz-linear-gradient(#FFF, #D4AB02); /* FF */
	background: -ms-linear-gradient(#FFF, #D4AB02); /* IE10 */
	background: -o-linear-gradient(#FFF, #D4AB02); /* Opera 11.10+ */
	background: linear-gradient(#FFF, #D4AB02); /* Standard */
	-pie-background: linear-gradient(#FFF, #D4AB02); /* Pie */
	color: #D8612E;
	border-radius: 5px;
	text-shadow: 1px 1px 0.5px #D4AB02;
	behavior: url(theme/css3/effet/PIE.php);
}


p {
	margin: 5px;
	padding: 0;
}

ul {
	margin: 2px 2px 2px 28px;
	padding: 2px;
}
	
ul li{
	margin: 0;
	padding: 2px;
}


a {
	color: #D4AB02;
	text-decoration: none;
}

a:hover {
	color: #312078;
}

a img {
border: none;
}

img.diapo {
	position: relative;
	border-radius: 5px;
	box-shadow: 0 0 10px #312078;
	margin: 0;
	padding: 7px;
	background: #FFF;
	behavior: url(theme/css3/effet/PIE.php);
}

img.icone-aide {
	vertical-align: middle;
	border: none;
	padding: 0;
}

img.origine {
	position: absolute;
	top: -10px;
	right: -4px;
	border: none;
	margin: 0;
	padding: 0;
}

code, .balise {
	color: #6F6F6F;
}

hr.invisible {
	clear: left;
	visibility: hidden;
}


/*Conteneurs spéciaux*/

#page-accueil dl{
	float: left;
	width: 358px;
	margin: 8px;
	padding: 0;
}

#liste dl {
	position: relative;
	margin: 15px 10px;
	padding: 5px;
	border-radius: 7px;
	box-shadow: 3px 3px 10px #312078;
	behavior: url(theme/css3/effet/PIE.php);
}

#maj-fiche dl, #crea-compte dl{
	margin: 8px;
	padding: 0;
}

#page-accueil  dt, #crea-compte dt, #maj-fiche  dt {
	position: relative;
	margin: 0;
	padding: 0 5px;
	line-height: 40px;
	color: #FFF;
	border-top: #312078 solid 1px;
	border-left: #312078 solid 1px;
	border-right: #312078 solid 1px;
	border-radius: 7px 7px 0 0;
	background: #312078; /* Pour navigateurs ne prenant pas en charge CSS3 */
	/* Dégradé */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#E3E1EC) to(#312078)); /* Chrome (anciens) */
	background: -webkit-linear-gradient(#E3E1EC, #312078); /* Chrome (nouveaux) */
	background: -moz-linear-gradient(#E3E1EC, #312078); /* FF */
	background: -ms-linear-gradient(#E3E1EC, #312078); /* IE10 */
	background: -o-linear-gradient(#E3E1EC, #312078); /* Opera 11.10+ */
	background: linear-gradient(#E3E1EC, #312078); /* Standard */
	-pie-background: linear-gradient(#E3E1EC, #312078); /* Pie */
	behavior: url(theme/css3/effet/PIE.php);
}

#liste dl dt {
	margin: 0;
}

#page-accueil  img, #crea-compte img, #maj-fiche  img {
	border: none;
	vertical-align: middle;
}

#liste dt img {
	float: left;
	margin-right: 5px;
}

#page-accueil  dd, #crea-compte dd, #maj-fiche  dd {
	position: relative;
	margin: 0;
	padding: 5px;
	background: #FFF;
	border: #312078 solid 1px;
	border-radius: 0 0 7px 7px;
	box-shadow: 3px 3px 10px #312078;
	behavior: url(theme/css3/effet/PIE.php);
}

#liste dl dd {
	margin-left: 50px;
}

#page-accueil div.element-liste {
	font-size: 0.7em;
}

/* Boutons */

p#boutons {
	width: 270px;
	margin: 5px auto;
	font-weight: bold;
}

#boutons a {
	position: relative;
	display: block;
	margin: 0 0 5px 0;
	padding: 5px 0;
	height: 40px;
	line-height: 40px;
	width: 270px;
	text-align: center;
}

#boutons a:hover , p.bouton a:hover{
	background: #312078;
	color: #FFF;
	-pie-background: #312078;
	box-shadow: 0 0 10px #312078;
	-moz-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
	behavior: url(theme/css3/effet/PIE.php);
}

p.bouton {
	clear: left;
	margin: 5px 0 3px 0;
	padding: 0;
	text-align: right;
}

#liste p.bouton {
	font-size: 0.8em;
}
	
p.bouton a {
	position: relative;
	padding: 2px 4px;
	margin: 2px;
	background: #D4AB02;
}

#boutons a, p.bouton a {
/* Dégradé */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF) to(#D4AB02));
	background: -webkit-linear-gradient(#FFF, #D4AB02);
	background: -moz-linear-gradient(#FFF, #D4AB02);
	background: -ms-linear-gradient(#FFF, #D4AB02);
	background: -o-linear-gradient(#FFF, #D4AB02);
	background: linear-gradient(#FFF, #D4AB02);
	-pie-background: linear-gradient(#FFF, #D4AB02);
	color: #312078;
	border: #312078 solid 1px;
	border-radius: 5px;
	-moz-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
	behavior: url(theme/css3/effet/PIE.php);
}

#boutons a img {
	vertical-align: middle;
	border: none;
}

p#accessibilite {
	position: absolute;
	top: 0;
	right: 5px;
	margin: 0;
	padding:0;
	font-size: .6em;
	color: #312078;
}

p#accessibilite img {
	margin: 0;
	padding: 2px 0;
	border: none;
}

div#conteneur {
	width: 756px;
	background: #FFF;
	margin: 0 auto;
	padding: 0;
}

div#contenu {
	margin: 0;
	padding: 0;
}

.obligatoire {
	position: relative;
	border: #D4AB02 2px dashed;
	padding: 5px;
	margin: 2px;
	background: #D4AB02;
/* Dégradé */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF) to(#D4AB02)); /* Chrome (anciens) */
	background: -webkit-linear-gradient(#FFF, #D4AB02); /* Chrome (nouveaux) */
	background: -moz-linear-gradient(#FFF, #D4AB02); /* FF */
	background: -ms-linear-gradient(#FFF, #D4AB02); /* IE10 */
	background: -o-linear-gradient(#FFF, #D4AB02); /* Opera 11.10+ */
	background: linear-gradient(#FFF, #D4AB02); /* Standard */
	-pie-background: linear-gradient(#FFF, #D4AB02); /* Pie */
	border-radius: 5px;
	behavior: url(theme/css3/effet/PIE.php);
}

div#cartel {
	margin: 0 0 0 275px;
	padding: 0;
}

div.vignette {
	float: left;
	margin: 0 5px;
	padding: 0;
}

ul.infos-liste {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 0.9em;
}

.infos-liste li {
	margin: 2px 0;
	list-style-type: none;
}

#cartel ul li{
	margin: 5px 10px;
	padding: 0;
}
	
/*Pour liste par période historique et par domaines artistiques*/

div#langage, div#prehistoire  {
	margin: 10px 0;
	padding: 5px 0 5px 40px;
	background: transparent url(bandeau-brun.png) repeat-y top left;
}

div#prehistoire, div#langage, div#prehistoire p, div#langage p, div#prehistoire span, div#langage span,  div#prehistoire img, div#langage img,  div#prehistoire dl, div#langage dl {
	color: #C87239;
	border-color: #C87239;
}

div#prehistoire h3, div#langage h3 {
	position: relative;
	background: #C87239;
	color: #FFF;
	margin: 0;
	border-radius: 7px 0 0 7px;
	box-shadow: 0 0 10px #C87239;
	behavior: url(theme/css3/effet/PIE.php);
}

div#prehistoire dl, div#langage dl {
	background: #EFD5C3;
	margin-left: 20px;
}

div#espace, div#antiquite  {
	margin: 10px 0;
	padding: 5px 0 5px 40px;
	background: transparent url(bandeau-jaune.png) repeat-y top left;
}

div#antiquite, div#espace, div#antiquite p, div#espace p, div#antiquite span, div#espace span, div#antiquite img, div#espace img, div#antiquite dl, div#espace dl {
	color: #D4AB02;
	border-color: #D4AB02;
}

div#antiquite h3, div#espace h3 {
	position: relative;
	background: #D4AB02;
	color: #FFF;
	margin: 0;
	border-radius: 7px 0 0 7px;
	box-shadow: 0 0 10px #D4AB02;
	behavior: url(theme/css3/effet/PIE.php);
}

div#antiquite dl, div#espace dl {
	background: #F4E9BD;
	margin-left: 20px;
}

div#son, div#moyen-age  {
	margin: 10px 0;
	padding: 5px 0 5px 40px;
	background: transparent url(bandeau-bleu.png) repeat-y top left;
}

div#moyen-age, div#son, div#moyen-age p, div#son p, div#moyen-age span, div#son span, div#moyen-age img, div#son img, div#moyen-age dl, div#son dl {
	color: #0202FF;
	border-color: #0202FF;
}

div#moyen-age h3, div#son h3 {
	position: relative;
	background: #0202FF;
	color: #FFF;
	margin: 0;
	border-radius: 7px 0 0 7px;
	box-shadow: 0 0 10px #0202FF;
	behavior: url(theme/css3/effet/PIE.php);
}

div#moyen-age dl, div#son dl {
	background: #CECEFF;
	margin-left: 20px;
}

div#spectacle, div#temps-modernes  {
	margin: 10px 0;
	padding: 5px 0 5px 40px;
	background: transparent url(bandeau-orange.png) repeat-y top left;
}

div#temps-modernes, div#spectacle, div#temps-modernes p, div#spectacle p, div#temps-modernes span, div#spectacle span, div#temps-modernes img, div#spectacle img, div#temps-modernes dl, div#spectacle dl {
	color: #FF6702;
	border-color: #FF6702;
}

div#temps-modernes h3, div#spectacle h3 {
	position: relative;
	background: #FF6702;
	color: #FFF;
	margin: 0;
	border-radius: 7px 0 0 7px;
	box-shadow: 0 0 10px #FF6702;
	behavior: url(theme/css3/effet/PIE.php);
}

div#temps-modernes dl, div#spectacle dl {
	background: #FFCDAC;
	margin-left: 20px;
}

div#quotidien, div#xix  {
	margin: 10px 0;
	padding: 5px 0 5px 40px;
	background: transparent url(bandeau-violet.png) repeat-y top left;
}

div#xix, div#quotidien, div#xix p, div#quotidien p, div#xix span, div#quotidien span, div#xix img, div#quotidien img, div#xix dl, div#quotidien dl {
	color: #670281;
	border-color: #670281;
}

div#xix h3, div#quotidien h3 {
	position: relative;
	background: #670281;
	color: #FFF;
	margin: 0;
	border-radius: 7px 0 0 7px;
	box-shadow: 0 0 10px #670281;
	behavior: url(theme/css3/effet/PIE.php);
}

div#xix dl, div#quotidien dl {
	background: #DBC3E1;
	margin-left: 20px;
}

div#visuel, div#xx  {
	margin: 10px 0;
	padding: 5px 0 5px 40px;
	background: transparent url(bandeau-vert.png) repeat-y top left;
}

div#xx, div#visuel, div#xx p, div#visuel p, div#xx span, div#visuel span, div#xx img, div#visuel img, div#xx dl, div#visuel dl {
	color: #028034;
	border-color: #028034;
}

div#xx h3, div#visuel h3 {
	position: relative;
	background: #028034;
	color: #FFF;
	margin: 0;
	border-radius: 7px 0 0 7px;
	box-shadow: 0 0 10px #028034;
	behavior: url(theme/css3/effet/PIE.php);
}

div#xx dl, div#visuel dl {
	background: #B6DAC4;
	margin-left: 20px;
}

#visuel span.date, #quotidien span.date, #spectacle span.date, #espace span.date, #langage span.date, #son span.date, #prehistoire span.date, #antiquite span.date, #moyen-age span.date, #temps-modernes span.date, #xix span.date, #xx span.date {
	background: #FFF;
}

div#autres-tris  {
	margin: 10px 0;
	padding: 5px 0 5px 40px;
	background: transparent url(bandeau-autres-tris.png) repeat-y top left;
}

#autres-tris h3 {
	position: relative;
	background: #312078;
	color: #FFF;
	margin: 0;
	border-radius: 7px 0 0 7px;
	box-shadow: 0 0 10px #312078;
	behavior: url(theme/css3/effet/PIE.php);
}

#autres-tris dl{
	border: #312078 1px solid;
	background: #FFF;
	margin-left: 20px;
}

#modifications {
	font-size: 0.8em;
	margin: 0;
	color: #AFAFAF;
	height: 50px;
	overflow: auto;
}

#pied {
	position: relative;
	clear: both;
	text-align: center;
	color: #F9F6F4;
	margin: 10px 0 0 0;
	padding: 5px;
	font-size: 0.8em;
	border-top: #5F5F5F 1px solid;
	background: #E3E1EC; /* Pour navigateurs ne prenant pas en charge CSS3 */
	/* Dégradé */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#312078) to(#E3E1EC)); /* Chrome (anciens) */
	background: -webkit-linear-gradient(#312078, #E3E1EC); /* Chrome (nouveaux) */
	background: -moz-linear-gradient(#312078, #E3E1EC); /* FF */
	background: -ms-linear-gradient(#312078, #E3E1EC); /* IE10 */
	background: -o-linear-gradient(#312078, #E3E1EC); /* Opera 11.10+ */
	background: linear-gradient(#312078, #E3E1EC); /* Standard */
	-pie-background: linear-gradient(#312078, #E3E1EC); /* Pie */
	behavior: url(theme/css3/effet/PIE.php);
}

#pied a {
	color: #312078;
}

#pied a:hover {
	color: #FFF;
}

#fiche, #connexion, #creation, #page-accueil div.element-liste, #liste div.fiche-image {
	position: relative;
	margin: 8px;
	padding: 5px;
	border: #312078 solid 1px;
	background: #FFF;
	border-radius: 7px;
	box-shadow: 3px 3px 10px #312078;
	behavior: url(theme/css3/effet/PIE.php);
}

/*Elements de formulaire*/
form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

ul#locale {
	background: transparent url(ecusson-alsace.png) no-repeat top right;
}

ul#nationale {
	background: transparent url(ecusson-france.png) no-repeat top right;
}

ul#internationale {
	background: transparent url(ecusson-monde.png) no-repeat top right;
}

p.valide {
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	background: transparent url(fond-tableaux.png) no-repeat center center;
	text-align: center;
	border-bottom: #312078 solid 1px;
	border-top: #312078 solid 1px;
}

legend {
	color: #FFF;
	margin: 5px;
	padding: 2px 4px;
	background: #312078;
}

input {
	margin: 0;
}

input[type=text], input[type=password], input[type=file], textarea, select {
	background: #EBEAF2;
}

optgroup {
	color: #312078;
	font-style: normal;
	border-bottom: #312078 1px dashed;
}

/*Elements avec icônes ou mise en forme spéciales*/

p.copyright{
	margin: 5px 0 3px 0;
	padding: 0;
	font-size: 0.7em;
	text-align: right;
}

p.copyright img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.date {
	background: #312078;
	padding: 2px;
	color: #FFF;
}

.erreur {
	font-size: 0.8em;
	color: #CD0707;
	padding: 0 0 0 18px;
	background: transparent url(erreur.png) no-repeat left top;
}

.message-erreur {
	color: #CD0707;
	margin: 5px;
	padding: 3px 3px 3px 24px;
	background: #FFD3AF url(erreur.png) no-repeat 5px 5px;
	border: #CD0707 solid 1px;
}
	

.ok {
	color: green;
	margin: 5px;
	padding: 3px 3px 3px 25px;
	background: #CFFFCF url(ok.png) no-repeat 5px 5px;
	border: green solid 1px;
}

.infos {
	margin: 5px 10px;
	padding: 0 0 0 18px;
	background: transparent url(infos.png) no-repeat left top;
	color: #5076A8;
	text-align : justify;
	font-size: 0.9em;
}

.aide {
	margin: 0;
	padding: 0 0 0 18px;
	background: transparent url(aide.png) no-repeat left top;
	color: #D84A0D;
	font-size: 0.8em;
}

.oeuvre {
	font-size: 1.1em;
	font-weight: bold;
	color: #312078;
	margin: 0;
	padding: 0;
}

.auteur {
	background: transparent url(auteur.png) no-repeat left center;
	margin: 0;
	padding: 0 0 0 22px;
}

.eleve {
	background: transparent url(eleve.png) no-repeat left center;
	margin: 0;
	padding: 0 0 0 16px;
}

.admin {
	background: transparent url(admin.png) no-repeat left center;
	margin: 0;
	padding: 0 0 0 22px;
}

.enseignant {
	background: transparent url(enseignant.png) no-repeat left center;
	margin: 0;
	padding: 0 0 0 16px;
}

.commentaire {
	font-style: italic;
	background: transparent url(commentaire.png) no-repeat left center;
	margin: 0;
	padding: 0 0 0 19px;
}

.centrer {
	text-align: center;
}

p.services{
	margin: 5px;
	padding: 0 0 2px 0;
	font-size: 0.8em;
	color: #8F8F8F;
}

a.service {
	position: relative;
	margin: 0;
	padding: 1px;
}

a.service span {
        display: none;
}

a.service:hover {
	z-index: 500;
}

a.service:hover span {
        display: block;
        color: #FFF;
        width: 180px;
        position: absolute;
        z-index: 500;
        top: 2.7em;
        left: -5em;
        background: transparent url(fond-note.png);
        padding: 3px;
        font-size: 0.7em;
        font-weight: normal;
        border: #312078 2px groove;
}

.service img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

/* Menus */
/*=======*/
#menu {
	margin: 0 5px 20px 0;
	padding: 0;
	text-align: right;
	font-size: 0.8em;
}

#tri-periodes, #tri-domaines {
	margin: 0 5px;
	padding: 0;
	font-size: 0.8em;
}

#menu li, #tri-periodes li, #tri-domaines li {
	position: relative;
	margin: 0 2px;
	padding: 4px;
	display: inline;
	border: #312078 1px solid;
	border-radius: 0 0 4px 4px;
	box-shadow: 2px 2px 3px #312078;
	background: #312078;
	behavior: url(theme/css3/effet/PIE.php);
}

#menu li#utconnect {
	color: #FFF;
	margin-left: 50px;
}

#menu li a, #tri-periodes li a, #tri-domaines li a {
	color: #AFAFAF;
	text-decoration: none;
	border: none;
}

#menu li a:hover, #tri-periodes a:hover, #tri-domaines a:hover {
	color: #FFF;
}

#menu li a#connecte {
	color: green;
	font-weight: bold;
	background: #FFF;
}

#menu li a#connecte:hover {
	color: red;
}

/*éléments pour menu général*/
a#accueil {
	background: transparent url(wha.png) no-repeat left center;
	padding-left: 21px;
}

a#voir {
	background: transparent url(voir-fiche.png) no-repeat left center;
	padding-left: 20px;
}
a#creer {
	background: transparent url(creer-mini.png) no-repeat left center;
	padding-left: 20px;
}

a#aide {
	background: transparent url(icone-aide.png) no-repeat left center;
	padding-left: 18px;
}

a#admin {
	background: transparent url(acces-admin.png) no-repeat left center;
	padding-left: 20px;
}

a#site_public {
	background: transparent url(wha.png) no-repeat left center;
	padding-left: 21px;
}

a#deconnecte {
	background: transparent url(utilisateur.png) no-repeat left center;
	padding-left: 18px;
}
/*éléments pour menu tri et boutons*/
p#tri {
	position: relative;
	margin: 0;
	padding: 2px;
	height: 40px;
	line-height: 40px;
	background: #312078; /* Pour navigateurs ne prenant pas en charge CSS3 */
	/* Dégradé */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF) to(#312078)); /* Chrome (anciens) */
	background: -webkit-linear-gradient(#FFF, #312078); /* Chrome (nouveaux) */
	background: -moz-linear-gradient(#FFF, #312078); /* FF */
	background: -ms-linear-gradient(#FFF, #312078); /* IE10 */
	background: -o-linear-gradient(#FFF, #312078); /* Opera 11.10+ */
	background: linear-gradient(#FFF, #312078); /* Standard */
	-pie-background: linear-gradient(#FFF, #312078); /* Pie */
	text-align: center;
	color: #FFF;
	behavior: url(theme/css3/effet/PIE.php);
}

.locale {
	background: transparent url(ico-locale.png) no-repeat left center;
	padding: 2px 0 0 17px;
	margin: 0;
}

.nationale {
	background: transparent url(ico-nationale.png) no-repeat left center;
	padding: 2px 0 0 17px;
	margin: 0;
}

.internationale {
	background: transparent url(ico-internationale.png) no-repeat left center;
	padding: 2px 0 0 17px;
	margin: 0;
}

.toutes {
	background: transparent url(ico-toutes.png) no-repeat left center;
	padding: 2px 0 0 58px;
	margin: 0;
}

.auteurs {
	background: transparent url(auteur.png) no-repeat left center;
	padding: 2px 0 0 20px;
	margin: 0;
}

.oeuvres {
	background: transparent url(oeuvre.png) no-repeat left center;
	padding: 2px 0 0 20px;
	margin: 0;
}

.chronologie {
	background: transparent url(chronologie.png) no-repeat left center;
	padding: 2px 0 0 20px;
	margin: 0;
}

.creation {
	background: transparent url(creer-mini.png) no-repeat left center;
	padding: 2px 0 0 20px;
	margin: 0;
}

.domaines {
	background: transparent url(domaine.png) no-repeat left center;
	padding: 2px 0 0 20px;
	margin: 0;
}

.historique {
	background: transparent url(historique.png) no-repeat left center;
	padding: 2px 0 0 20px;
	margin: 0;
}

.images {
	background: transparent url(images.png) no-repeat left center;
	padding: 2px 0 0 20px;
	margin: 0;
}

.vignettes {
	background: transparent url(vignettes.png) no-repeat left center;
	padding: 2px 0 0 20px;
	margin: 0;
}