/*FEUILLE DE STYLE IONIZATION PAGE D'ACCUEIL*/ /*Standard BODY attributes*/ body {background-color: #ffffff; margin: 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px} /*Main docs DIV */ .content {position: relative; background-color: #4e7eaa; width: 822px; height: 680px; padding-bottom: 40px; margin-right: auto; margin-left: auto; text-align: left} /*********************** SCROLLERS ***********************/ .root {position:relative; height: 66px; width: 380px; margin: 0px 0px 8px 7px} .root p {margin: 10px 10px 5px 10px} .thumb {position: absolute; height: 9px; width: 15px; left: 10px} .up, .dn {position: absolute; left: 10px} .up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img {border: 0} .scrollContainer {position: absolute; left: 2px; top: 0px; width: 380px; height: 66px; clip: rect(0 365 72 0); overflow: auto; overflow-x: none; background-color: #4e7eaa} .scrollContent {position: absolute; left: 0px; top: 0px; width: 365px} .scrollContent h4 {margin: 0px; padding: 0px} /*sup {font-size: .95em; line-height: .33em} #tabletopLeft {margin-top: -20px; margin-left: 10px; width: 430px; float: left; display: inline} #tabletopRight {margin-top: 50px; margin-left: 450px; width: 390px} */ #tabletopLeft {position: absolute; top: 170px; left: 10px; width: 430px} #tabletopRight {position: absolute; top: 254px; left: 450px; width: 390px} #toppos {height: 55px} .leftcol {width: 360px; margin-top: 50px; margin-left: 60px} .btnMore {margin-top: -12px; margin-bottom: 30px} .floatpict {float: left; padding-right: 12px; padding-top: 5px} .trtitle {vertical-align: bottom; height: 36px} .footer {position: absolute; bottom: 2px; left: 20px; width: 800px} #infoA0, #infoA1, #infoA2, #infoA3, #infoA4, #infoA5, #infoA6, #infoA7, #infoA8, #infoA9 {position: absolute; z-index: 90; background-color: #70a2df; border: 1px solid #000071; left: 200px; top: 260px; width: 385px; font-size: 9pt; color: #213a63; text-align: left; padding: 9px; visibility:hidden} #infoB0, #infoB1, #infoB2, #infoB3, #infoB4, #infoB5, #infoB6, #infoB7, #infoB8, #infoB9 {position: absolute; z-index: 90; background-color: #70a2df; border: 1px solid #000071; left: 200px; top: 380px; width: 385px; font-size: 9pt; color: #213a63; text-align: left; padding: 9px; visibility:hidden} #infoC0, #infoC1, #infoC2, #infoC3, #infoC4, #infoC5 {position: absolute; z-index: 90; background-color: #70a2df; border: 1px solid #000071; left: 200px; top: 500px; width: 385px; font-size: 9pt; color: #213a63; text-align: left; padding: 9px; visibility:hidden} #infoAMore {position: absolute; left: 431px; top: 299px; background-color: #4e7eaa; margin-left: 0px; width: 260px; height:90px; font-size: 12pt; text-align: left; padding-left: 10px; visibility:hidden} #infoBMore {position: absolute; left: 431px; top: 421px; background-color: #4e7eaa; margin-left: 0px; width: 260px; height:90px; font-size: 12pt; text-align: left; padding-left: 10px; visibility:hidden} #infoCMore {position: absolute; left: 431px; top: 543px; background-color: #4e7eaa; margin-left: 0px; width: 260px; height:90px; font-size: 12pt; text-align: left; padding-left: 10px; visibility:hidden} #infoALess, #infoBLess, #infoCLess {position: absolute; left: 50px; top: 413px; background-color: #4e7eaa; margin-left: 0px; width: 260px; height:100px; font-size: 12pt; text-align: left; padding-left: 10px; visibility:hidden} .font8 {font-size: 8pt} .font9 {font-size: 9pt} .font10 {font-size: 10pt} .font11 {font-size: 11pt} .font12 {font-size: 12pt} .font13 {font-size: 13pt} .font14 {font-size: 14pt} .font15 {font-size: 15pt} .font16 {font-size: 16pt} .font17 {font-size: 17pt} .font18 {font-size: 18pt} .font19 {font-size: 19pt} .font20 {font-size: 20pt} .font30 {font-size: 30pt} .font40 {font-size: 40pt} A:link {color: #ffffff; text-decoration: none} A:visited {color: #Fdfdfd; text-decoration: none} A:hover {color: #000000; text-decoration: none} A:active {color: #C0FFC0; text-decoration: none} .icnlinkidle A:link {color: white; text-decoration: none} .icnlinkidle A:visited {color: #Fdfdfd; text-decoration: none} .icnlinkidle A:hover {color: white; text-decoration: none} .icnlinkidle A:active {color: #C0FFC0; text-decoration: none} .icnlink A:link {color: #4e7eaa; text-decoration: none} .icnlink A:visited {color: #4e7eaa; text-decoration: none} .icnlink A:hover {color: white; text-decoration: none} .icnlink A:active {color: #4e7eaa; text-decoration: none} .icnlinkOff A:link {color: #4e7eaa; text-decoration: none} .icnlinkOff A:visited {color: #4e7eaa; text-decoration: none} .icnlinkOff A:hover {color: #4e7eaa; text-decoration: none} .icnlinkOff A:active {color: #4e7eaa; text-decoration: none} a.white:link {color:#FFFFFF} a.top:link {color: #ffffff; text-decoration: none} a.top:visited {color: #Fdfdfd; text-decoration: none} a.top:hover {color: #000000; text-decoration: none} a.top:active {color: #C0FFC0; text-decoration: none} .contentinfo {position: relative; background-color: #d2d2d2; border-bottom: 1px solid #e73646; border-right: 1px solid #e73646; border-left: 1px solid #3e0409; border-top: 0; width: 800px; height: 690px; top: 0px; margin-right: auto; margin-left: auto; text-align: left} .contentidj {background-color: #d2d2d2; width: 800px; top: 0px; padding-top: 10px; margin-left: auto; text-align: left} .header {z-index: 2; position: absolute; width: 800px; height: 102px; top: 0px; left: 0px} .Iheader {z-index: 2;position: absolute; width: 600px; height: 102px; top: 0px; left: 200px} /*#footertop {width: 800x; height: 18px; text-align: center; background-color: #e73646; left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: White}*/ .footerbottom {width: 800px; height: 18px; text-align: center; background-color: #666666; left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: Black} .dimmed {opacity:.30} .yellowbar {width: 750px; height: 20px; margin-left: 30px; margin-top: 20px; margin-bottom: 10px; padding-left: 20px; background-color: #ffff00; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px} .yellowbarlite {width: 750px; height: 18px; margin-left: 0px; margin-top: 10px; margin-bottom: 10px; padding-left: 20px; background-color: #ffffcc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px} .redbar {width: 750px; height: 20px; margin-left: 30px; margin-top: 20px; margin-bottom: 10px; padding-left: 20px; background-color: #dd3440; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: White} .redbarlite {width: 750px; height: 18px; margin-left: 30px; margin-top: 20px; margin-bottom: 10px; padding-left: 20px; background-color: #d4a7ac; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px} /*TEXT*/ .ytextcont {width: 750px; margin-left: 30px; margin-right: 20px; background-color: #ffffcc} .ytextcont_bc {width: 750px; margin-left: 30px; margin-right: 20px; background-color: #ffffcc; height: 16px} .btextcont {width: 750px; margin-left: 30px; margin-right: 20px; background-color: #99ccff} .btextcont_bc {width: 750px; margin-left: 30px; margin-right: 20px; background-color: #99ccff; height: 16px} .rtextcont {width: 750px; margin-left: 30px; margin-right: 20px; background-color: #d4a7ac} .rtextcont_bc {width: 750px; margin-left: 30px; margin-right: 20px; background-color: #d4a7ac; height: 16px} .allwidetext {width: 750px; margin-left: 30px; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px} .widetext {width: 726px; padding: 12px; background-color: #ffffcc; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px} .widetext13 {width: 726px; padding: 12px; background-color: #ffffcc; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px} .bluewidetext {width: 726px; padding: 12px; background-color: #99ccff; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px} .redwidetext {width: 726px; padding: 12px; background-color: #d4a7ac; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px} /*Round Corners Float blocks */ .BoxLR {width: 800px; padding-top: 20px; margin-bottom: 20px; overflow: hidden} .YelBoxL {float: left; background-color: #ffffcc; margin-left: 30px} .YelBoxR {float: right; background-color: #ffffcc; margin-right: 20px} .BlueBoxL {float: left; background-color: #99ccff; margin-left: 30px} .BlueBoxR {float: right; background-color: #99ccff; margin-right: 20px} .RedBoxL {float: left; background-color: #d4a7ac; margin-left: 30px} .RedBoxR {float: right; background-color: #d4a7ac; margin-right: 20px} #textprat {position: absolute; background-color: #d4a7ac; width: 750px; height: 88px; left: 30px; top: 124px; margin-right: 20px} #tarifs {position: absolute; background-color: #d4a7ac; width: 238; height: 214px; left: 30px; top: 236px; margin-right: 20px} #horaires {position: absolute; background-color: #d4a7ac; width: 480px; height: 146px; left: 300px; top: 236px; margin-right: 20px} #plantop {position: absolute; background-color: #d4a7ac; width: 480px; height: 68px; left: 300px; top: 406px; margin-right: 20px} #planbot {position: absolute; background-color: #d4a7ac; width: 750px; height: 160px; left: 30px; top: 474px; margin-right: 20px} /*FICHES MUSICIENS*/ .namebar {width: 790px; height: 24px; margin-left: 5px; margin-right: 5px; background-color: #ffff00; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: center} .PhotoText {min-height: 60px; overflow: hidden; width: 790px; margin-top: 2px; margin-left: 5px; margin-right: 5px; background-color: #ffffcc} .ImgFit {max-width: 260px; min-width: 260px; border: 0px; padding-left: 15px; padding-right: 15px} .TxtFit {margin-left: 15px; margin-right: 15px; margin-top: 0; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px} .MapResize {max-width: 800px; border: 0px} .botcorners {width: 790px; height: 16px; margin-left: 5px; margin-right: 15px; margin-bottom: 2px; background-color: #ffffcc} .infobar {width: 790px; height: 22px; margin-left: 5px; margin-right: 5px; margin-bottom: 40px; background-color: #ffffff} .moreinfo {float: left; width: 260px; text-align: center;} .listen {float: left; width: 100px; text-align: center;} .goback {float: right; width: 200px; text-align: right; margin-right: 16px} /*TEXT */ .Center10 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px} .Center11 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px} .Center12 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px} .Center14 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px} .Left10 {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px} .Left11 {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px} .Left12 {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px} .Left13 {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px} .Left14 {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px} .Justif12 {text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px} .TexteNoirTaille1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000} .TexteNoirTaille2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000} .TexteNoirTaille3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000} .TexteNoirTaille4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000} .TexteNoirTaille5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000} .TexteNoirTaille8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000} .TexteBleuTaille1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #0a1689} .TexteBleuTaille2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0a1689} .TexteBleuTaille3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0a1689} .TexteBleuTaille4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #0a1689} .TexteBleuTaille5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #0a1689} .TexteBlancTaille1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: White} .TexteBlancTaille2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: White} .TexteBlancTaille3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: White} .TexteBlancTaille4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: White} .TexteBlancTaille5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: White} .TexteBlancTaille6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: White} .TexteBlancTaille8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: White} .TexteBlancTaille10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: White} .TexteRougeTaille1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #e12c17} .TexteRougeTaille2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #e12c17} .TexteRougeTaille3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #e12c17} .TexteRougeTaille4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #e12c17} .TexteRougeTaille6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #e12c17} .TexteRougeTaille8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #e12c17} .TexteGrisTaille0 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #A8A8C5} .TexteGrisTaille1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #A8A8C5} .TexteGrisTaille2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #A8A8C5} .TexteGrisTaille3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #A8A8C5} .TexteGrisTaille4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #A8A8C5} .TexteGrisTaille5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #A8A8C5} .TexteGrisTaille8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #A8A8C5} .TexteGrisNoirTaille0 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #A8A8C5} .TexteGrisNoirTaille1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #A8A8C5} .TexteGrisNoirTaille2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000} .TexteGrisNoirTaille3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #A8A8C5} .TexteGrisNoirTaille4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #A8A8C5} .TexteGrisNoirTaille5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #A8A8C5} .TexteGrisNoirTaille8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #A8A8C5} .arrow {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0000ff; font-weight: bold} .menu {border: solid 1px #BFBFBF; padding:10px 10px 10px 10px;background-color: #666666; opacity:.66} .menuItem {padding:2px 10px 2px 10px; border-bottom:solid 1px #dddddd; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ff0000} .menuItem:hover {background-color:#3a0408;} .menuItem a {color:#ffff00; text-decoration:none;} #IDJ {width: 48px; height: 44px; position: absolute; top: 495px; left: 280px; cursor:pointer} #IDJ span {padding:3px 10px 0px 10px; cursor:pointer;} #IDJ span:hover {text-decoration: none;} /*OBJECT { float: left; width: 100% }*/