@charset "utf-8";
/*	--------------------------------------------------------------
--
--  AAA - Anvers aux Abbesses
--  CSS common
--  media : all media
--
--  revision : juillet 2009
--  please report bug to :
--  aurelien point ferlito chez gmail point com
--
--------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	background-color: #fff;
}
div.spacer {
	clear: both;
	height: 0;
}
hr.separation {
	height: 0;
	color: #fff;
	background-color: #fff;
	border: none;
	clear: both;
}
div#wrap {
	/* voir css media */
}

/* ---- liste des conteneurs (reminder)
--------------------------------------------------------------- */
div#header,
div#logo,
div#nav,
div#recherche,
div#central,
div#homeContent,
div#homeArtisteUne,
div#homeSidebar,
div#artisteListe,
div#artisteOeuvre,
div#artisteSidebar,
div#centralEvents,
div#assocAgenda,
div#assocAnnonces,
div#assocContact,
div#assocAutre {
	/* voir css media */
}

div#assocSidebar {
	/* voir css media */
}


/* ---- accueil : zone principale
--------------------------------------------------------------- */
div#homeContent {
	/* voir css media */
	float: left;
}
div#homeArtisteUne {
	/* background: url(../img_layout/points_ligne_horizontale.png) left bottom repeat-x; */
	padding: 0 0 1em 0;
}
div#homeArtisteUne img {
	border: none;
	display: block;
	margin: 0 auto;
	width: 530px;
	height: 203px;
}
div#homeArtistePre h1 {
	font-size: 2em;
	line-height: 140%;
	font-weight: normal;
	text-transform: uppercase;
	color: #333;
	margin: 10px 0 5px 0;
}
div#homeArtisteListe {
	
}
div.homeArtisteItem {
	float: left;
	font-weight: bold;
	/* background: url(../img_layout/points_ligne_horizontale.png) left bottom repeat-x; */
	margin: 10px 0 15px 0;
	padding: 0 0 10px 0;
}
div.homeArtisteItem a {
	font-size: 1.1em;
	line-height: 140%;
	color: #666;
	text-decoration: none;
}
div.homeArtisteItem a:hover {
	color: #000;
}
p.homeArtisteTous {
	font-size: 1.2em;
	line-height: 140%;
	font-weight: bold;
	margin: 2em 0 0 0;
}
p.homeArtisteTous a {
	color: #666;
	zztext-decoration: none;
}
p.homeArtisteTous a:hover {
	color: #000;
	text-decoration: underline;
}
p.homeArtisteTous a.rafraichir {
	background: url(../img_layout/icone_rafraichir.png) left center no-repeat;
	padding: 0 0 0 1.5em;
	margin: 0 0 0 1.8em;
}


/* ---- accueil : sidebar
--------------------------------------------------------------- */
div#homeSidebar {
	/* voir css media */
	float: right;
}
div#homeSidebar h2 {
	font-size: 1.35em;
	line-height: 120%;
	margin: 0 0 .1em 0;
}
div#homeSidebar h2 a {
	color: #444;
	text-decoration: none;
}
div#homeSidebar h2 a:hover {
	color: #000;
	text-decoration: underline;
}
div#homeAgenda  p,
div#homeAgendaAssociation  p,
div#homeAgendaArtistes p,
div#homeAnnonces p {
	font-size: 1.15em;
	line-height: 140%;
	color: #666;
}
a.savoirPlus {
	font-size: .95em;
	background: url(../img_layout/icone_fleche_droite.png) left 3px no-repeat;
	padding: 0 0 0 1.5em;
}
a.savoirPlus:hover {
	background: url(../img_layout/icone_fleche_droite.png) left -13px no-repeat;
	color: #000;
}

a.savoirPlus,
a.actuToutes,
a.annoncesToutes {
	display: block;
	margin: 0 0 1.2em 0;
	text-decoration: none;
	color: #666;
}
a.savoirPlus:hover,
a.actuToutes:hover,
a.annoncesToutes:hover {
	text-decoration: underline;
	color: #000;
}

.events a.savoirPlus {
	font-size: 1em;
	margin: 0 0 0 0;
}

/* ---- vignettes : commun accueil et liste
--------------------------------------------------------------- */
div#homeContent div.vignetteArtiste {
	padding-right: 28px; /* attention, le dernier élément d'une rangée est rogné via jQuery */
}
div#artisteListe div.vignetteArtiste {
	padding-right: 17px; /* attention, le dernier élément d'une rangée est rogné via jQuery */
}
div.vignetteArtiste {
	float: left;
	font-weight: bold;
	background: url(../img_layout/points_ligne_horizontale.png) left bottom repeat-x;
	padding: 10px 0 10px 0;
	width: 112px;
	height : 139px;
	overflow: hidden;
}
div.vignetteArtiste a {
	font-size: 1.1em;
	line-height: 140%;
	color: #666;
	text-decoration: none;
	display: block;
}
div.vignetteArtiste a:hover {
	color: #000;
}
div.vignetteArtiste img {
	border: 6px solid #888;
	margin-bottom: 3px;
}
div.vignetteArtiste a:hover img {
	border: 6px solid #d8071d;
}

/* ---- artistes : liste
--------------------------------------------------------------- */
div#artisteListe {
	/* reminder */
}
div#artisteListe h1 {
	font-size: 2.6em;
	line-height: 140%;
	color: #444;
	text-transform: uppercase;
}
div#artisteListe p {
	font-size: 1.2em;
	line-height: 120%;
	color: #333;
}
div#artisteListe a {
	width: 100%;
	text-decoration: none;
	color: #333;
}
div#artisteListe a.triCourant {
	font-weight: bold;
}
div#artisteListe a.rafraichir {
	background: url(../img_layout/icone_rafraichir.png) left center no-repeat;
	padding: 0 0 0 1.7em;
	margin: 0 0 0 1.5em;
}
div#artisteListe a.rafraichir:hover {
	color: #000;
	text-decoration: underline;
}
div#homeArtisteListe p.homeArtisteTous {
	margin: 20px 0 0 0 !important;
}
div#artisteListe p.homeArtisteTous a.rafraichir {
	background: url(../img_layout/icone_rafraichir.png) left center no-repeat;
	padding: 0 0 0 1.7em;
	margin: 0;
}
div#artisteListe div.homeArtisteItem {
	float: left;
	width:; /* voir css media */
	font-weight: bold;
}


/* ---- artistes : détails et oeuvres
--------------------------------------------------------------- */
div#artisteOeuvre {
	width: 534px;
	float: left;
}
div#artisteOeuvre h1 {
	font-size: 2.6em;
	line-height: 120%;
	color: #444;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 .6em 0;
}
div#artisteOeuvre h2 {
	font-size: 2.2em;
	line-height: 140%;
	color: #888;
	font-style: italic;
	font-weight: normal;
	zzdisplay: none;
}
img.artisteOeuvreBig {
	margin: 0 auto;
	display: block;
	width: 530px;
	height: 203px;
}
div#artisteOeuvre div.artisteOeuvreDim p {
	font-size: 1.1em;
	line-height: 140%;
	color: #333;
	margin: 0 0 .7em 0;
}
div#artisteOeuvre a {
	width: 100%;
	text-decoration: none;
	color: #333;
}
div#artisteOeuvre a:hover {
	text-decoration: underline;
}



div#artisteOeuvreVignettes h2 {
	font-size: 2em;
	line-height: 140%;
	color: #444;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	padding: 1em 0 .3em 0;
	background: url(../img_layout/points_ligne_horizontale.png) left bottom repeat-x;
}
div.oeuvreVignettesBox {
	margin: 1em 0 0 0;
}
div.oeuvreVignette {
	float: left;
	width: 100px;
	font-weight: bold;
	padding: 0 39px 25px 0;
}

div.oeuvreVignette img {
	border: 6px solid #888;
}
div.oeuvreVignette a {
	font-size: 1.1em;
	line-height: 140%;
	color: #666;
	text-decoration: none;
}
div.oeuvreVignette a:hover {
	color: #000;
}
div.oeuvreVignette a:hover img {
	border: 6px solid #d8071d;
}



div#artisteSidebar {
	width: 200px;
	float: right;
	margin: 45px 0 0 0;
	font-size: .95em;
}
div#artisteIDName,
div#artisteIDBio,
div#artisteIDCV,
div#artisteIDExpos,
div#artisteIDTechnique,
div#artisteIDLocalisation,
div#artisteIDInternet,
div#artisteIDAgenda,
div#artisteIDAnnonces {
	margin: 0 0 2em 0;
	clear: both;
}
div#artisteIDPhoto {
	margin: 3px 0 2em 0;
}
img#artisteIDPict {
	border: 5px #888 solid;
}
.dropdown {
	height: 82px;
	overflow: hidden;
}
.dropup {
	height: 100%;
}
div.dropdownlink {
	margin: 0 0 15px 0;
	width: 100%;
	text-align: right;
	clear: both;
}
div#artisteSidebar h3 {
	font-size: 1.3em;
	line-height: 140%;
	color: #d7081c;
	text-transform: uppercase;
	margin: 0 0 .5em 0;
	border-bottom: 1px solid #ccc;
	padding: 0 0 .5em 0;
}
div#artisteSidebar h3 a,
div#artisteSidebar h3 a:hover {
	color: #d7081c;
	text-decoration: none;
	font-weight: bold;
}
div#artisteSidebar p {
	font-size: 1.1em;
	line-height: 140%;
	margin: 0 0 .7em 0;
	margin: 0 0 .3em 0;
	color: #444;
}
div#artisteSidebar span.artisteIDLabel {
	font-weight: bold;
	color: #000;
}
div#artisteSidebar a {
	color: #444;
	text-decoration: underline;
}
div#artisteSidebar a:hover {
	color: #000;
	text-decoration: none;
}
p.artisteIDPlan {
	float: right;
}
p.artisteIDPlan a {
	background: url(../img_layout/icone_loupe.png) left center no-repeat;
	padding: 0 0 0 1.5em;
	text-decoration: none;
}
span.artisteIDAnnoncesDate {
	font-weight: bold;
}


/* ---- association : événements (agenda et annonces)
--------------------------------------------------------------- */
div#central.events h2 {
	font-size: 1.35em;
	line-height: 120%;
	margin: 0 0 .1em 0;
	clear: both;
}
div#central.events h2 a {
	color: #444;
	text-decoration: none;
}
div#central.events h2 a:hover {
	color: #000;
	text-decoration: underline;
}
div#central.events div.AgendaEventAssociation {
	padding: 0 0 0 20px;
	margin: 20px 0 0 0;
	background: url(../img_layout/etiquette_agendaassociation.png) left top no-repeat;
	clear: both;
}
div#central.events div.AgendaEventArtiste {
	padding: 0 0 0 20px;
	margin: 20px 0 0 0;
	background: url(../img_layout/etiquette_agendaartiste.png) left top no-repeat;
	clear: both;
}
div#central.events div.event_content {
	margin: 0 0 10px 0;
	clear: both;
}


p.eventAuteur {
	margin: 0 0 0 0 !important;
	font-size: 1em;
	line-height: 120%;
	font-style: italic;
}
p.eventAuteur a {
	color: #666;
}
p.eventAuteur a:hover {
	color: #000;
	text-decoration: none;
}
span.date {
	font-size: 0.95em;
	color: #FA6978;
	color: #d8091d;
}
span.auteur {
	font-size: .95em;
	font-style: italic;
}
span.auteur a {
	color: #666;
	text-decoration: none;
}
span.auteur a:hover {
	color: #666;
	text-decoration: underline;
}
.fulllist {
	margin: 1em 0 .5em 0;
}
.fulllist a {
	background: url(../img_layout/icone_plus_double02.png) left 3px no-repeat;
	padding: .2em 0 .2em 2em;
	line-height: 140%;
	font-size: 1.2em;
	text-decoration: none;
}
.fulllist a:hover {
	background-position: left -19px;
	text-decoration: underline;
}

div.events div.navigation {
	font-size: 1.1em;
	width: 160px;
}
div.events div.navigation a {
	color: #000;
}
div.events div.navigation a:hover {
	text-decoration: none;
}
div.navigation .alignleft {
	/* reminder */
}
div.navigation .alignright {
	/* reminder */
}
table.ec3_schedule {
	margin: 1em 0;
	padding: 0 0 0 2.5em;
	background: url(../img_layout/icone_calendrier.gif) left top no-repeat;
}
table.ec3_schedule td {
	font-size: 1.15em !important;
}
td.ec3_start {
	text-align: left;
}
td.ec3_to {
	text-align: center;
	padding: 0 .6em;
}
td.ec3_end {
	text-align: right;
}

/* ---- artiste (détails) : navigation
--------------------------------------------------------------- */
div.navigator {
	zzbackground: red;
}
div.navleft {
	float: left;
	padding: 0 2em 0 0;
}
div.navright {
	float: left;
}

/* ---- images
--------------------------------------------------------------- */
.alignleft {
	float: left;
	display: block;
	margin: .5em .8em .5em 0;
}
.alignright {
	float: right;
	display: block;
	margin: .5em 0 .5em .8em;
}
.aligncenter {
	display: block;
	margin: .5em auto;
}
.wp-caption-text {
	font-size: 1em !important;
	line-height: 130% !important;
	margin: .4em 0 0 0 !important;
}

/* ---- meta
--------------------------------------------------------------- */
div.metaEdition {
	margin: 1em 0;
}
div.metaEdition a {
	background: url(../img_layout/icone_edition.png) left center no-repeat;
	padding: 0 0 0 2em;
	text-decoration: none;
	color: #000;
}
div.metaEdition a:hover {
	text-decoration: underline;
}
div#artisteMeta {
	margin: 30px 0 0 0;
}

/* ---- typographie
--------------------------------------------------------------- */
div#central h2 {
	font-size: 1.8em;
	line-height: 120%;
	margin: 0 0 .2em 0;
}
div#central h2.special {
	margin: 0 0 1em 0;
}
div#central p + h2 {
	margin: .7em 0 0 0;
}
div#central h3 {
	font-size: 1.15em;
	line-height: 120%;
	margin: 0 0 .2em 0;
}
div#central h3.rechercheTitre {
	font-size: 1.15em;
	line-height: 120%;
	margin: 2em 0 .2em 0;
}
div#central p + h3 {
	margin: .7em 0 .2em 0;
}
div#central h2 + h3 {
	margin: .3em 0 .2em 0;
}
div#central h4 {
	font-size: 1.15em;
	line-height: 120%;
	color: #333;
	margin: 0 0 .2em 0;
}
div#central p + h4 {
	margin: .5em 0 .2em 0;
}


div#central p,
div#central ul,
div#central ol {
	font-size: 1.15em;
	line-height: 145%;
	color: #333;
	margin: 0 0 .7em 0;
}
div#central ul,
div#central ol {
	list-style-position: inside;
}
div#central ul ul {
	font-size: 1em;
	padding: .5em 0 0 2em;
}

div#central a {
	color: #333;
}
div#central a:hover {
	color: #000;
	text-decoration: none;
}
a.iconePlus {
	background: url(../img_layout/icone_plus_double02.png) left top no-repeat;
	padding: 0 0 0 2em;
	color: #666;
	text-decoration: none;
}
a.iconePlus:hover {
	background: url(../img_layout/icone_plus_double02.png) left -22px no-repeat;
	color: #000;
}
a.flecheRetour {
	background: url(../img_layout/icone_fleche_gauche.png) left 3px no-repeat;
	padding: 0 0 0 2.1em;
	color: #666;
	text-decoration: none;
}
a.flecheRetour:hover {
	background: url(../img_layout/icone_fleche_gauche.png) left -13px no-repeat;
	color: #000;
}
.events a.flecheRetour {
	margin: 20px 0 0 0;
	display: block;
}
a.flecheDroite {
	background: url(../img_layout/icone_fleche_droite.png) left 3px no-repeat;
	padding: 0 0 0 1.5em;
	color: #666;
	text-decoration: none;
}
a.flecheDroite:hover {
	background: url(../img_layout/icone_fleche_droite.png) left -13px no-repeat;
	color: #000;
}
.infoManquante {
	font-style: italic;
	color: #666;
}
a.noSoulignement {
	text-decoration: none !important;
}
div#central hr {
	height: 1px;
	margin: 0;
	color: #999;
	background-color: #999;
	border: none;
}

/* ---- pager (système de pagination)
--------------------------------------------------------------- */
.pager {
	margin: 2.5em 0 1em 0;
	line-height: 140%;
	float: left;
	clear: both;
}

.pager .page-numbers {
	background-color: #f2f2f2;
	margin: 0;
	padding: .5em .9em;
	border: 1px solid #ddd;
	margin: 0 .05em 0 0;
}

.pager .prev,
.pager .next {
 	font-weight: bold;
}

.pager .current {
	color: #fff;
	background-color: #d7081c; 
	border: 1px solid #d7081c;
}

.pager a.page-numbers:hover {
	text-decoration: none;
	color: #fff !important;
 	background-color: #d7081c;
	border: 1px solid #d7081c;
}