/*----------------------------------------------------------------------------- ACTE1/ENTREACTEURS Screen Stylesheet version: 1.0 date: 15/01/2010 author: Carl Servant / SÉQUENCE DIGITALE SENC email: info@sequencedigitale.com website: www.sequencedigitale.com/web/ version history: /css/ -----------------------------------------------------------------------------*/ html{ margin: 0; padding: 0; } body{ border-top: 6px solid #000; color: #333; font: 13px/1.35em arial, verdana, helvetica; margin: 0; padding: 160px 0 0 0; } div.innerwrap{ margin: 0 auto; padding: 0; position: relative; width: 984px; } /* HEADER */ #header{ left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } #header div.innerwrap{ background: transparent no-repeat left bottom; height: 124px; padding: 0 0 42px 0; overflow: hidden; } #header h2{ background: none; left: 11px; margin: 0; padding: 0; position: absolute; top: 37px; } #header ul.nav{ margin: 0; padding: 0; position: absolute; right: 0; text-align: right; top: 75px; } #header ul.nav li{ display: inline; list-style: none; margin: 0; padding: 0; } #header ul.nav li a{ background: transparent no-repeat; display: inline-block; height: 34px; overflow: hidden; text-indent: 99999px; width: 100px; } #header p.switch{ margin: 0; padding: 0; position: absolute; right: 11px; top: 6px;} #header p.switch a{ background: transparent no-repeat 0 -6px; display: block; height: 41px; overflow: hidden; text-indent: -9999px; width: 127px; } #header .divisions{ margin: 0; padding: 0; position: absolute; right: 0; top: 0; } #header .divisions li{ display: inline; list-style: none; margin: 0; padding: 0; } #header .divisions li a{ background: url(../images/structure/divisions.png); display: block; float: left; height: 49px; margin-left: 3px; overflow: hidden; text-indent: -9999em; } #header .divisions li.productions a{ background-position: -4px 0; width: 162px; } #header .divisions li.productions a.active{ background-position: -4px -49px; } #header .divisions li.acte1 a{ background-position: -171px 0; width: 65px; } #header .divisions li.acte1 a.active{ background-position: -171px -49px; } #header .divisions li.entreacteurs a{ background-position: -239px 0; width: 118px; } #header .divisions li.entreacteurs a.active{ background-position: -239px -49px; } html.acte1 #header div.innerwrap{ background-image: url(../images/structure/acte1/header.png); } html.acte1 #header ul.nav li a{ background-image: url(../images/structure/acte1/header_nav.png); } html.acte1 #header p.switch a{ background-image: url(../images/structure/acte1/header_switch.png); } html.entreacteurs #header div.innerwrap{ background-image: url(../images/structure/entreacteurs/header.png); } html.entreacteurs #header ul.nav li a{ background-image: url(../images/structure/entreacteurs/header_nav.png); } html.entreacteurs #header p.switch a{ background-image: url(../images/structure/entreacteurs/header_switch.png); } html.productions #header div.innerwrap{ background-image: url(../images/structure/productions/header.png); } html.productions #header h2{ left: 18px; top: 32px; } html.productions #header ul.nav li a{ background-image: url(../images/structure/productions/nav.png?2014); } html.productions #header p.switch a{ background-image: url(../images/structure/productions/header_switch.png); } /* ACTE1 */ html.acte1 #header ul.nav li.accueil a{ width: 67px; } html.acte1 #header ul.nav li.accueil a:hover{ background-position: 0px -68px; } html.acte1 body#accueil #header ul.nav li.accueil a{ background-position: 0px -34px; width: 67px; } html.acte1 #header ul.nav li.adultes a{ background-position: -69px 0px; width: 70px; } html.acte1 #header ul.nav li.adultes a:hover{ background-position: -69px -68px; } html.acte1 body.adultes #header ul.nav li.adultes a{ background-position: -69px -34px; } html.acte1 #header ul.nav li.adolescents a{ background-position: -138px 0px; width: 100px; } html.acte1 #header ul.nav li.adolescents a:hover{ background-position: -138px -68px; } html.acte1 body.adolescents #header ul.nav li.adolescents a{ background-position: -138px -34px; } html.acte1 #header ul.nav li.enfants a{ background-position: -239px 0px; width: 72px; } html.acte1 #header ul.nav li.enfants a:hover{ background-position: -239px -68px; } html.acte1 body.enfants #header ul.nav li.enfants a{ background-position: -239px -34px; } html.acte1 #header ul.nav li.formation a{ background-position: -313px 0px; width: 89px; } html.acte1 #header ul.nav li.formation a:hover{ background-position: -313px -68px; } html.acte1 body#formation #header ul.nav li.formation a{ background-position: -313px -34px; } html.acte1 #header ul.nav li.candidatures a{ background-position: -402px 0px; width: 108px; } html.acte1 #header ul.nav li.candidatures a:hover{ background-position: -402px -68px; } html.acte1 body#candidatures #header ul.nav li.candidatures a{ background-position: -402px -34px; } html.acte1 #header ul.nav li.productions a{ background-position: -512px 0px; width: 101px; } html.acte1 #header ul.nav li.productions a:hover{ background-position: -512px -68px; } html.acte1 body#productions #header ul.nav li.productions a{ background-position: -512px -34px; } html.acte1 #header ul.nav li.contact a{ background-position: -613px 0px; width: 71px; } html.acte1 #header ul.nav li.contact a:hover{ background-position: -613px -68px; } html.acte1 body#contact #header ul.nav li.contact a{ background-position: -613px -34px; } html.entreacteurs #header ul.nav li.accueil a{ width: 67px; } html.entreacteurs #header ul.nav li.accueil a:hover{ background-position: 0px -68px; } html.entreacteurs body#accueil #header ul.nav li.accueil a{ background-position: 0px -34px; } html.entreacteurs #header ul.nav li.comediennes a{ background-position: -68px 0; width: 104px; } html.entreacteurs #header ul.nav li.comediennes a:hover{ background-position: -68px -68px; } html.entreacteurs body.comediennes #header ul.nav li.comediennes a{ background-position: -68px -34px; } html.entreacteurs #header ul.nav li.comediens a{ background-position: -174px 0; width: 89px; } html.entreacteurs #header ul.nav li.comediens a:hover{ background-position: -174px -68px; } html.entreacteurs body.comediens #header ul.nav li.comediens a{ background-position: -174px -34px; } html.entreacteurs #header ul.nav li.candidatures a{ background-position: -264px 0; width: 107px; } html.entreacteurs #header ul.nav li.candidatures a:hover{ background-position: -264px -68px; } html.entreacteurs body#candidatures #header ul.nav li.candidatures a{ background-position: -264px -34px; } html.entreacteurs #header ul.nav li.contact a{ background-position: -371px 0; width: 72px; } html.entreacteurs #header ul.nav li.contact a:hover{ background-position: -371px -68px; } html.entreacteurs body#contact #header ul.nav li.contact a{ background-position: -371px -34px; } html.productions #header ul.nav li.accueil a{ width: 69px; } html.productions #header ul.nav li.accueil a:hover{ background-position: 0 -40px; } html.productions body#accueil #header ul.nav li.accueil a{ background-position: 0 -80px; } html.productions #header ul.nav li.formation a{ background-position: -69px 0; width: 90px; } html.productions #header ul.nav li.formation a:hover{ background-position: -69px -40px; } html.productions body#formation #header ul.nav li.formation a{ background-position: -69px -80px; } html.productions #header ul.nav li.productions a{ background-position: -159px 0; width: 103px; } html.productions #header ul.nav li.productions a:hover{ background-position: -159px -40px; } html.productions body#productions #header ul.nav li.productions a{ background-position: -159px -80px; } html.productions #header ul.nav li.billetterie a{ background-position: -262px 0; width: 88px; } html.productions #header ul.nav li.billetterie a:hover{ background-position: -262px -40px; } html.productions body#billetterie #header ul.nav li.billetterie a{ background-position: -262px -80px; } html.productions #header ul.nav li.contact a{ background-position: -350px 0; width: 75px; } html.productions #header ul.nav li.contact a:hover{ background-position: -350px -40px; } html.productions body#contact #header ul.nav li.contact a{ background-position: -350px -80px; } /* CONTENT */ #content div.innerwrap{ background-repeat: repeat-y; padding: 0 42px 0 42px; width: 900px;} #content p.retour{ margin: 0; position: absolute; right: 74px; top: 44px; } #content p.retour a{ background: url(../images/structure/retour.gif) no-repeat; display: block; height: 23px; overflow: hidden; text-indent: -9999px; width: 66px; } #content .section{ padding: 30px; } body#news #content .section{ padding: 0 30px 30px 30px; } #content p.date_created{ margin: -1em 0 1em 0; } #content p.date_modified{ font-size: 0.9em; } html.acte1 #content div.innerwrap{ background-image: url(../images/structure/acte1/content.png); } html.acte1 p.date_created{ color: #F18F05; } html.acte1 p.date_modified{ color: #F18F05; } html.entreacteurs #content div.innerwrap{ background-image: url(../images/structure/entreacteurs/content.png); } html.entreacteurs p.date_created{ color: #0699C9; } html.entreacteurs p.date_modified{ color: #0699C9; } html.productions #content div.innerwrap{ background-image: url(../images/structure/productions/content.png); } html.productions p.date_created{ color: #e13e00; } html.productions p.date_modified{ color: #e13e00; } /* FOOTER */ #footer{} #footer div.innerwrap{ background: transparent no-repeat; height: 130px; } #footer p.facebook{ left: 16px; margin: 0; position: absolute; top: 67px; } #footer p.facebook a{ background: transparent url(../images/structure/footer_facebook.png) no-repeat; display: block; height: 34px; overflow: hidden; text-indent: -900%; width: 209px; } #footer .socials{ left: 5px; margin: 0; padding: 0; position: absolute; top: 80px; z-index: 999; } #footer .socials li{ display: inline; list-style: none; margin: 0; padding: 0; } #footer .socials li a{ background: url(../images/structure/footer-socials.png); display: block; float: left; height: 42px; margin-right: 9px; overflow: hidden; text-indent: -999em; width: 42px; } #footer .socials li.facebook a{ background-position: 0 0; } #footer .socials li.twitter a{ background-position: -51px 0; } #footer .socials li.youtube a{ background-position: -103px 0; } #footer p.agents-artistiques{ margin: 0; position: absolute; right: 0; top: 85px; z-index: 99; } #footer p.agents-artistiques a{ background: transparent url(../images/structure/aqaa.png) no-repeat; display: block; height: 48px; overflow: hidden; text-indent: -900%; width: 242px; } #footer p.credits{ color: #777; font: bold 11px arial; line-height: 48px; position: absolute; top: 85px; left: 0; text-align: center; width: 100%; } html.acte1 #footer div.innerwrap{ background-image: url(../images/structure/acte1/footer.png); } html.entreacteurs #footer div.innerwrap{ background-image: url(../images/structure/entreacteurs/footer.png); } html.entreacteurs #footer p.credits{ left: auto; right: 0; width: auto; } html.productions #footer div.innerwrap{ background-image: url(../images/structure/productions/footer.png); } /* PAGINATION */ ul.pagination{ height: 2em; margin: 0; padding: 0; } ul.pagination li{ display: inline; line-height: 1.833em; list-style: none; margin: 0; padding: 0; } ul.pagination a, ul.pagination span{ display: inline-block; font-weight: bold; margin-right: 2px; padding: 0 6px; text-decoration: none; border-radius: 5px; } ul.pagination span{ border: 1px solid transparent; color:#999; } ul.pagination a{ border: 1px solid #CCC; color:#AAA; } html.acte1 ul.pagination a[href]{ color: #F18F05; } html.acte1 ul.pagination a[href]:hover{ border: 1px solid #F18F05; background: #F18F05; color: #FFF !important; } html.acte1 ul.pagination li a.active{ border: 1px solid #F18F05; background: #F18F05; color: #FFF !important; } html.entreacteurs ul.pagination a[href]{ color: #0699C9; } html.entreacteurs ul.pagination a[href]:hover{ border: 1px solid #0699C9; background: #0699C9; color: #FFF !important; } html.entreacteurs ul.pagination li a.active{ border: 1px solid #0699C9; background: #0699C9; color: #FFF !important; } html.productions ul.pagination a[href]{ color: #e13e00; } html.productions ul.pagination a[href]:hover{ border: 1px solid #e13e00; background: #e13e00; color: #FFF !important; } html.productions ul.pagination li a.active{ border: 1px solid #e13e00; background: #e13e00; color: #FFF !important; } /* MESSAGES */ #messages{ background: rgba(0,0,0,0.15); display: none; height: 100%; left: 0; padding-top: 150px; position: absolute; top: 0; width: 100%; z-index: 99999999; } #messages div.innerwrap{ border: 1px solid #000; cursor: pointer; left: 50%; margin-left: -250px; padding: 1em 1em 0 50px; position: fixed; width: 500px; box-shadow: 0 0 25px #333; } #messages h2{ background: none; border: 0; color: #000; font-size: 1em; margin: 0 0 0.5em 0; } #messages ul{ margin: 0 0 1em 25px; } #messages ul li{ list-style: square; } #messages.no-action{ display: none; } #messages.errors{ display: block; } #messages.success div.innerwrap{ background: #E4F1E2 url(../images/icons/accept.png) no-repeat 10px center; border: 1px solid #76CA6A; } #messages.errors div.innerwrap{ background: #F9E6E2 url(../images/icons/error.png) no-repeat 10px center; border: 1px solid #F0785F; } #messages.alert div.innerwrap{ background: #F6F0D5 url(../images/icons/warning.png) no-repeat 10px center; border: 1px solid #F2D757; } #messages.loading div.innerwrap{ background: #C4D8F2 url(../images/icons/loading.gif) no-repeat 10px center; border: 1px solid #3569BA; } /* LIGHTBOX */ #lightbox{ background: #000; background: rgba(0,0,0,0.5); display: none; left: 0; height: 100%; position: absolute; top: 0; width: 100%; z-index: 999; } #lightbox div.innerwrap{ background: #fff; height: 469px; margin: 100px auto 0 auto; padding: 25px; width: 722px; } #lightbox div.innerwrap{ border-radius: 15px; } #lightbox div.innerwrap{ box-shadow: 0 0 50px #000; } #lightbox #lightboxContent{ background: #DDD; height: 444px; margin: 0; overflow: hidden; text-align: center; width: 722px; } #lightbox #lightboxContent p.update{ line-height: 444px; } #lightbox p.close{ bottom: 0; left: 0; margin: 0; padding: 0; position: absolute; text-align: center; width: 100%; } #lightbox p.close a{ background: transparent url(../images/structure/lightbox_p-close_a.jpg) no-repeat; display: inline-block; height: 0; overflow: hidden; padding: 23px 0 0 0; width: 66px; } /**/