html, body { margin: 0; padding: 0; height: 100%; }
img { border: none; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
body { background: #f1ebdd url(img/core/bg.jpg); font: 12px Arial, sans-serif; color: #000; }
@media screen { #wrapper { width: 1000px; position: absolute; left: 50%; margin-left: -500px; padding-bottom: 2em; } }
#logo { float: left; width: 100%; clear: left; }
#menu { float: left; width: 98%; margin-left: 1%; clear: left; }
#globalMargin { margin: 0 0 0 1%; float: left; clear: left; width: 98%; }
/* HEADER */
#subHeader { float: left; width: 100%; clear: left; }
#searchform { float: left; width: 242px; }
#searchform * { font-size: 9px; }
#searchFormHead { text-indent: -9999em; background: url(img/core/search-engine-top.png) no-repeat; height: 81px; margin: 0; padding: 0; }
#searchFormBody { background: url(img/core/search-engine-mid.png) repeat-y; min-height: 95px/* on essaye d'aligner le formulaire avec les icones de #extras */; padding: 0 18px; }
#searchFormFoot { background: url(img/core/search-engine-bot.png) no-repeat 0 100%; padding: 0 18px 18px; }
#searchform select { font: 11px/13px Arial, sans-serif; border: solid 1px #c5cacd; padding: 0 2px; margin: 2px 0 0 0; width: 200px; }
#searchFormFoot label { font-weight: bold; }
#s { border: solid 1px #c5cacd; padding: 0 2px; margin: 2px 0 0 0; width: 172px; height: 14px; }
#searchFormOk { width: 25px; height: 15px; font: bold 9px/15px Arial, sans-serif; color: #fff; border: none; background: url(img/core/search-engine-ok.png) no-repeat; }
table#baseline { float: left; font: bold italic 16px Arial, sans-serif; text-align: center; width: 534px; height: 180px; margin: 42px 0 0 0; padding: 0; }
table#baseline h6 { font: bold italic 32px Arial, sans-serif; color: #f60; margin: 0; padding: 0; }
table#baseline p { margin: 1em 0 0; padding: 0; }
ul#extras { list-style-type: none; margin: 0; padding: 0; float: left; }
ul#extras li, ul#extras li a { display: block; float: left; }
ul#extras li a { text-indent: -9999em; border: solid 2px #b0aba1; }
ul#extras li a:hover { border-color: #f00; }
li#bAchetezVosPlaces { margin-top: 42px; }
li#bAchetezVosPlaces a { background: url(img/core/b-achetez-vos-places.png) no-repeat; width: 198px; height: 79px; }
#bEspacePro { clear: left; margin: 18px 0 0 0; }
li#bEspacePro a { background: url(img/core/b-espace-pro.png) no-repeat; width: 88px; height: 78px; }
li#bEspacePresse { margin: 18px 0 0 18px; }
li#bEspacePresse a { background: url(img/core/b-espace-presse.png) no-repeat; width: 88px; height: 78px; }
#train { float: left; clear: left; width: 100%; }
#train span { color: #f00; display: block; float: left; padding: 0 1em 0 0; }
#train a { color: #000; display: block; float: left; padding: 0 1em 0 0; text-decoration: underline; }
/* CONTENEUR (#content + #sidebar) */
#conteneur { float: left; clear: left; width: 100%; padding-bottom: 2em; }
/* SIDEBAR */
#sidebar { float: right; width: 226px; clear: right; overflow: hidden; }
#aujourdhui { float: left; width: 226px; clear: left; background: url(img/core/aujourdhui-bot.png) no-repeat 0 100%; padding: 0 0 1px 0; margin: 0 0 2em 0; }
#aujourdhuiTop { background: url(img/core/aujourdhui-top.png) no-repeat; height: 138px; }
#aujourdhuiHeading { background: url(img/core/aujourdhui-heading.png) no-repeat 0 100%; height: 50px; margin: 0; padding: 24px 0 0; text-indent: -9999em; }
#aujourdhuiDate { text-align: center; font: bold 14px Arial, sans-serif; margin: 5px 10px 0 60px; padding: 0; }
#aujourdhuiMid { background: url(img/core/aujourdhui-mid.png) repeat-y; padding: 0 10px 0 36px; width: 180px; float: left; clear: left; }
#aujourdhuiMid dl { margin: 0; padding: 0; text-align: center; font-weight: bold; float: left; width: 100%; clear: left; }
#aujourdhuiMid dt { margin: 0 0 0.2em 0; padding: 0; font-size: 15px; }
#aujourdhuiMid dt.impair * { color: #f63; }
#aujourdhuiMid dt.pair * { color: #f00; }
#aujourdhuiMid dt a { display: block; text-decoration: none; text-align: center; }
#aujourdhuiMid dt a:hover { text-decoration: underline; }
#aujourdhuiMid dd { font-size: 12px; margin: 0 0 1em 0; padding: 0; }
#aujourdhuiMid dd .ou { color: #4d4d4d; }
#aujourdhuiMid dd .quand { color: #000; }
#calendrier { float: left; clear: left; margin: 0 0 2em 24px; width: 202px; _margin-left: 12px; text-align: center; font: bold 9px Arial; }
#calendrier table { float: left; clear: left; width: 100%; margin: 0 0 1em 0; /*border-collapse: collapse;*/ border-spacing: 0 2px; }
.calendrierJuillet th { width: 14%; border: 1px solid #f00; background: #f00; }
.calendrierAout th { width: 14%; border: 1px solid #f63; background: #f63; }
#calendrier tbody { margin-top: 2px; }
#calendrier td { border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; border-right: 1px solid #bbb; }
#calendrier td a { color: #000; text-decoration: none; display: block; text-align: center; }
#calendrier td.on a, #calendrier td a:hover { color: #fff; }
#calendrier td.first { border-left: 1px solid #bbb; }
#calendrier td.vide { border: none; }
#calendrier th { color: #fff; }
.calendrierJuillet caption { text-indent: -9999em; background: url(img/core/calendrier-juillet.png) no-repeat; height: 23px; }
.calendrierJuillet td.on { background: #f00; color: #fff; }
.calendrierJuillet td a:hover { background-color: #f00; }
.calendrierAout caption { text-indent: -9999em; background: url(img/core/calendrier-aout.png) no-repeat; height: 23px; }
.calendrierAout td.on { background: #f63; color: #fff; }
.calendrierAout td a:hover { background-color: #f63; }
p.trashTitle { margin: 0 0 3px 24px; padding: 0; }
.trashTop { float: left; width: 202px; background: url(img/core/side-trash-top.png) no-repeat; padding: 10px 0 0; margin: 0 0 2em 24px; _margin-left: 12px; }
.trashMid { background: url(img/core/side-trash-mid.png) repeat-y; }
.trashBot { background: url(img/core/side-trash-bot.png) no-repeat 0 100%; padding: 0 10px 10px; min-height: 60px; }
.trashBot a { display: block; text-decoration: none; color: #000; }
.trashBot a span { display: block; padding-bottom: 10px; }
.trashBot .auteur { text-align: right; color: #808080; font-size: 9px; }
.trashBot .titre { text-align: center; color: #f00; font-size: 14px; font-weight: bold; }
.trashBot .visuel { text-align: center; }
.trashBot .affiche { text-align: center; padding: 10px 0; }
.trashBot .resume { text-align: left; color: #000; font-size: 10px; }
.trashBot .more { text-align: right; color: #000; font-size: 10px; }
.trashBot a:hover .titre { color: #000; }
.trashBot a:hover .more { text-decoration: underline; }
.trashBot img { width: 164px; height: auto; }
/* cartouche BLOG : */
.trashBot ul { list-style-type: none; margin: 0; padding: 0; }
.trashBot h2 { color: #f63; font: bold 16px sans-serif; margin: 0; padding: 1em 0; text-align: center; }
.trashBot ul li { margin: 0 0 1em; padding: 0; }
.trashBot ul li a { color: #f00; text-decoration: none; display: inline; }
.trashBot ul li a:hover { color: #f63; }
.cleanTop { float: left; width: 200px; padding: 10px 0 0; margin: 0 0 2em 24px; border: solid 1px #f00; text-align: center; _margin-left: 12px; }
p.heading { margin: 0 0 1em; }
p.subHeading { margin: 0 0 1em; font: bold italic 12px sans-serif; color: #f00; }
p.networks { text-align: center; margin: 0 0 3px; }
p.networks img { margin: 0 0.5em; }
#etPuisAussi { float: left; width: 226px; clear: left; background: url(img/core/et-aussi-bot.png) no-repeat 0 100%; padding: 0 0 1px 0; margin: 0 0 2em 0; }
#etPuisAussiTop { background: url(img/core/et-aussi-top.png) no-repeat; height: 110px; }
#etPuisAussiHeading { background: url(img/core/et-aussi-heading.png) no-repeat 0 100%; height: 67px; margin: 0; padding: 24px 0 0; text-indent: -9999em; }
.etPuisAussiSubHeading { text-align: center; font: bold 14px Arial, sans-serif; margin: 0 0 1em; padding: 0; text-transform: uppercase }
#etPuisAussiMid { background: url(img/core/et-aussi-mid.png) repeat-y; padding: 0 10px 0 36px; width: 180px; float: left; clear: left; font-size: 12px; }
#etPuisAussiMid ul { list-style-type: none; margin: 0; padding: 0; }
#etPuisAussiMid ul li { margin: 0 0 1em; padding: 0; }
#etPuisAussiMid ul li a { color: #444; text-decoration: none; }
#etPuisAussiMid .quoi { font-size: 1.2em; }
#etPuisAussiMid ul.impair li a .quoi { color: #f63; }
#etPuisAussiMid ul.pair li a .quoi { color: #f00; }
#etPuisAussiMid ul.impair li a:hover .quoi { color: #f00; }
#etPuisAussiMid ul.pair li a:hover .quoi { color: #f63; }
/* CONTENT */
#content { float: left; width: 752px; clear: left; }
#content a { color: #000; text-decoration: underline; }
h2.leFestival, h2.lefestival,
h2.actualites,
h2.programme, h2.auProgramme, h2.auprogramme,
h2.archives,
h2.pratique,
h2.contactezNous, h2.contacteznous,
h2.ouOnSeTrouve, h2.ouonsetrouve
{ float: left; clear: left; width: 100%; text-indent: -9999em; height: 54px; margin: 0 0 1em 0; padding: 0; }
h2.leFestival, h2.lefestival { background: url(img/core/h-le-festival.png) no-repeat; }
h2.actualites, h2.actualites { background: url(img/core/h-actualites.png) no-repeat; }
h2.programme, h2.auProgramme, h2.auprogramme { background: url(img/core/h-au-programme.png) no-repeat; }
h2.archives { background: url(img/core/h-archives.png) no-repeat; }
h2.pratique { background: url(img/core/h-pratique.png) no-repeat; }
h2.contactezNous, h2.contacteznous { background: url(img/core/h-contactez-nous.png) no-repeat; }
h2.ouOnSeTrouve, h2.ouonsetrouve { background: url(img/core/h-ou-on-se-trouve.png) no-repeat; }
#content ul { list-style-type: none; margin: 0 0 0 1em; padding: 0; }
#content ul li { list-style-type: none; margin: 0 0 1em 0; padding: 0 0 0 42px; background: url(img/core/li.png) no-repeat; }
/* LISTING PROGRAMME */
ul.synt { list-style-type: none; margin: 0 !important; padding: 0 !important; float: left; width: 100%; clear: left; }
#content ul.synt li { margin: 0 !important; padding: 0 0 1em !important; float: left; width: 100%; clear: left; background-image: none; }
#content .synt a { cursor: pointer; display: block; float: left; clear: left; width: 99%; text-decoration: none; color: #000 !important; padding: 10px 1% 10px 0; /*border: solid 1px transparent;*/ background: transparent; }
/*.synt a:hover { background: url(img/core/synt-bg.png) repeat-x; }*/
.synt a * { cursor: pointer; } /* fekin IE7... */
.synt span { float: left; display: block; }
.syntVisuel { width: 33%; clear: left; text-align: center; }
.syntVisuel img { margin: 0 1em 1em 0; }
.syntTexte { width: 66%; }
.nom { width: 100%; font: 20px sans-serif; margin: 0 0 0.3em; text-align: left; }
.desc { width: 100%; font: bold 14px sans-serif; margin: 0 0 0.7em; }
.pays { width: 100%; font: bold 12px sans-serif; margin: 0 0 0.7em; color: #666; text-align: right; }
.pratique { width: 100%; font-weight: bold; margin: 0 0 1em; }
.dateLieu { font-size: 12px; color: #666; text-align: left; }
.prix { margin-left: 1em; }
.resume { width: 100%; font-size: 12px; }
.plus { width: 100%; text-align: right; }
a:hover .plus:after { content: "\0000a0---->>"; }
#content .impair a .nom, #content .impair a .prix, #content .impair a .plus { color: #f63; }
#content .impair a:hover { border-color: #f63; }
#content .pair a .nom, #content .pair a .prix, #content .pair a .plus { color: #f00; }
#content .pair a:hover { border-color: #f00; }
/*.synt a:hover .nom { text-decoration: underline; }*/
/* L INVITE DE LA SEMAINE et ET AUSSI... */
h2.lInviteDeLaSemaine { float: left; clear: left; width: 100%; text-indent: -9999em; height: 54px; background: url(img/core/h-l-invite-de-la-semaine.png) no-repeat; margin: 1em 0; padding: 0; }
h2.etAussi { float: left; clear: left; width: 100%; text-indent: -9999em; height: 54px; background: url(img/core/h-et-aussi.png) no-repeat; margin: 1em 0; padding: 0; }
.articleHome { margin: 0; }
#content .articleHome a { display: block; float: left; clear: left; width: 99%; text-decoration: none; color: #000; padding: 10px 1% 10px 0; /*border: solid 1px transparent;*/ background: transparent; }
/*#content .articleHome a:hover { background: url(img/core/synt-bg.png) repeat-x; }*/
.articleHome a * { cursor: pointer; } /* fekin IE7... */
.articleHome a span { display: block; float: left; }
.articleHomeVisuel { width: 33%; }
.articleHomeTexte { width: 66%; }
.articleHomeTitre { width: 100%; font: 20px sans-serif; margin: 0 0 0.3em; }
.articleHomeResume { width: 100%; font-size: 12px; }
.articleHomePlus { width: 100%; text-align: right; }
a:hover .articleHomePlus:after { content: "\0000a0---->>"; }
#content .impair a .articleHomeTitre, #content .impair a .articleHomePlus { color: #f63; }
#content .pair a .articleHomeTitre, #content .pair a .articleHomePlus { color: #f00; }
/* CONTENU 'BASIC' */
.basic { float: left; width: 95%; margin: 0 1% 1em 0; padding: 20px 2% 0 2%; clear: both; background: #fff; color: #808080; text-align: justify; }
.basicCol1 { float: left; width: 49%; margin-right: 1%; }
.basicCol1 ol { color: #000; }
.basicCol2 { float: left; width: 49%; margin-left: 1%; color: #000; }
.basic p.visuelSpectacle { margin: 0 0 2em 0; }
p.visuelSpectacle img { max-width: 348px; } /* histoire que les visuels ne soient pas plus grands que la colonne... se qui casserait la mise en page */
.navSpectacle { width: 100%; border: none; border-collapse: collapse; }
.navSpectacle td { vertical-align : top; }
.navSpectacle .uk a, .navSpectacle .galleryLauncher a.visible, .navSpectacle .vidsLauncher a, .navSpectacle .podcastsLauncher a
{ display: block; height: 45px; text-decoration: none; line-height: 35px; background: url(img/core/nav-spectacle.png) no-repeat; }
.navSpectacle .billets a
{ display: block; min-height: 45px; _height: 45px; text-decoration: none; line-height: 35px; background: url(img/core/nav-spectacle-billets.png) no-repeat; }
.uk a, .galleryLauncher a.visible, .vidsLauncher a, .podcastsLauncher a { text-indent: -9999em; }
.navSpectacle .uk a { width: 40px; background-position: 0 0; }
.navSpectacle .billets a { min-width: 170px; _width: 170px; background-position: 0 0; text-indent: 90px; }
.navSpectacle .galleryLauncher a.visible { width: 36px; background-position: -228px 0; }
.navSpectacle .vidsLauncher a { width: 40px; background-position: -270px 0; }
.navSpectacle .podcastsLauncher a { width: 28px; background-position: -320px 0; }
.navSpectacle .uk a:hover { background-position: 0 -45px; }
.navSpectacle .billets a:hover { background-position: 0 -100px; }
.navSpectacle .galleryLauncher a:hover { background-position: -228px -45px; }
.navSpectacle .vidsLauncher a:hover { background-position: -270px -45px; }
.navSpectacle .podcastsLauncher a:hover { background-position: -320px -45px; }
.basic .basicCol2 h4 { font: bold 11px sans-serif; margin: 1em 0; color: #000; }
#content ul.infosSup { margin: 0 0 2em; }
#content ul.infosSup li { background-image: none; padding: 0; margin: 0 0 0.5em; font-size: 0.9em; }
ul.infosSup .date { font-weight: bold; color: #f60; }
div.spectacleMore { padding: 0 0 0 66px; min-height: 60px; _height: 60px; background: url(img/core/spectacle-more.png) no-repeat; }
#content .spectacleMore li { background-image: none; padding: 0; margin: 0 0 1em 0; }
/*.basic .spectacleMore p { margin: 0; padding: 0; }*/
#content .spectacleMore a.toggler { display: block; line-height: 2em; }
.sAccordion-open { text-decoration: underline; margin-top: 1em; cursor: pointer; }
.sAccordion-content { margin: 1em 0; }
.basic p.infos { float: left; clear: both; width: 100%; margin-bottom: 20px; }
p.infos span.theme { float: left; width: 74%; color: #666; font: bold 12px sans-serif; }
p.infos span.sep { display: none; }
p.infos span.pays2 { float: left; width: 25%; text-align: right; font: bold 11px sans-serif; color: #f00; }
.basic h1 { font: bold 20px sans-serif; color: #f63; margin: 0 0 0.2em; text-align: left; }
.basic h2 { font: bold italic 16px sans-serif; color: #000; margin: 0 0 0.3em; text-align: left; }
.basic h3 { font: italic 14px sans-serif; color: #000; margin: 0 0 0.3em; text-align: left; }
.basic h4 { font: italic 14px sans-serif; color: #808080; margin: 0 0 2em; text-align: left; }
.basic h5 { font: bold 12px sans-serif; color: #4D4D4D; }
.basic p { margin: 0 0 1em; }
.basic .strong { color: #f63; }
ul.navBasse { list-style-type: none; float: right; clear: left; margin: 2em 0; padding: 0; white-space: nowrap; width: 180px; }
ul.navBasse li { float: left; margin: 0; padding: 0 !important; background: none !important; }
ul.navBasse li a { display: block; float: left; text-decoration: none; width: 58px; height: 60px; text-indent: -9999em; border: solid 1px #fff; }
ul.navBasse li a.retour { background: url(img/core/nav-basse-retour.png) no-repeat; }
ul.navBasse li a.accueil { background: url(img/core/nav-basse-accueil.png) no-repeat; }
ul.navBasse li a.suite { background: url(img/core/nav-basse-suite.png) no-repeat; }
ul.navBasse li a.retour:hover, ul.navBasse li a.suite:hover { border-color: #f60; }
ul.navBasse li a.accueil:hover { border-color: #f00; }
/* FIN DU CONTENU */
#contEnd { float: left; width: 100%; clear: left; padding: 0; margin: 2em 0 0; text-align: center; }
#paveGalerie { float: left; width: 223px; height: 241px; background: #000; }
#paveGalerie p { margin: 1em 0; }
#paveRegard { float: left; width: 224px; height: 241px; margin: 0 36px; background: url(img/core/le-regard-de-bg-trans.png) no-repeat; _background: url(img/core/le-regard-de-bg.png) no-repeat; }
#paveRegard p { margin: 0; padding: 0 }
#paveRegard a { display: block; text-decoration: none; color: #000; }
#paveRegard span { margin: 1em 0 0; display: block; }
#paveRegard span.nom { font: bold 12px sans-serif; color: #f60; text-align: center; }
#paveRegard span.legende { text-align: left; margin: 1em 1em 0 !important; }
#paveComment { float: left; width: 223px; height: 241px; background: url(img/core/comment-ca-se-fait-bg-trans.png) no-repeat; _background: url(img/core/comment-ca-se-fait-bg.png) no-repeat; }
#paveComment p { margin: 0; padding: 0 }
#paveComment a { display: block; padding: 1em 0 0; }
#paveComment span { display: block; }
#paveComment .visuel { min-height: 160px; margin: 0.7em 0 0; }
/* FOOTER */
#footer { width: 984px; margin: 2em 0 0 0; background: url(img/core/footer-bot.png) no-repeat 0 100%; float: left; clear: left; }
#footerTop { background: url(img/core/footer-top.png) no-repeat 0 0; height: 12px; }
#footerMid { background: url(img/core/footer-mid.png) repeat-y; padding: 0 12px 12px; text-align: center; }
#footerMid p { margin: 0; padding: 0; }
#footerMid a { color: #f00; }
/* WORDPRESS */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin-right: 1em; margin-bottom: 1em; }
.alignright { float: right; margin-left: 1em; margin-bottom: 1em; }
.error { color: red; }
/* BLOG */
/* Voir egalement ci-dessus ligne 83 (.trashBot ul) */
.basic .postmetadata { margin-bottom: 4em; padding-bottom: 2em; border-bottom: solid 1px #f0f0f0; clear: both; }
.post { clear: both; }
.navigation { margin: 1em 1em 2em; }
table#wp-calendar { width: 100%; text-align: center; border: solid 1px #ccc; border-collapse: collapse; }
table#wp-calendar th { background: #f60; color: #fff; }
table#wp-calendar td { padding: 0.2em 0; }
table#wp-calendar a { display: block; color: #f00; margin: 0 0.2em; }
table#wp-calendar tbody a { color: #fff; background: #f00; }
table#wp-calendar #prev a { text-align: left; }
table#wp-calendar #next a { text-align: right; }
form#commentform { width: 100%; clear: both; margin-bottom: 4em; }
#commentform #comment { width: 80%; margin: 0 auto; border: solid 1px #f60; padding: 1em; font: 16px sans-serif; color: #000; }
#commentform #submit { border: none; background: #f60; color: #fff; padding: 0.3em 2em; font: bold 13px sans-serif; }
/* Temoin (pseudo H1) */
.hStyley { float: left; width: 100%; clear: both; }
.titreTemoin { float: right; clear: right; font: normal 20px/32px sans-serif; color: #f00; text-transform: uppercase; padding: 0 1em 0 0.5em; }
hr.hr { border: none 0px #000; background: transparent url(img/core/hr.png) no-repeat 100% 14px; height: 32px; clear: left; _display: none; #display: none; }
/* accordeon */
.accordeon h3 { font: normal 12px sans-serif; text-decoration: underline; }
.accordeon li { margin-bottom: 2em; }
/* LIEU */
#content ul.lieu { list-style-type: none; margin: 0 0 4em; padding: 0; color: #000; }
#content ul.lieu li { list-style-type: none; margin: 0 0 1.5em; padding: 0; background-image: none; }
#content ul.lieu li ol { list-style-type: decimal; color: #f60; margin: 1.5em 0 0; padding: 0 0 0 2em; font-size: 11px; }
#content ul.lieu li ol li { list-style-type: decimal; color: #f60; font-weight: bold; }
#content ul.lieu li ol li a { text-decoration: none; }
#content ul.lieu h4 { color: #f00; font: bold 12px sans-serif; margin: 0.8em 0; padding: 0; }