@CHARSET "UTF-8"; /* +++ | RESET | +++ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; } body { line-height:1.2; } textarea, input, label { margin:0;padding:0; } ul { list-style:none; } a:visited { text-decoration: none; } a img { border:none; } /* ++++++ | @GLOBAL | ++++++ */ body { background-color: #000000; } #global { position: relative; margin: 0 auto; margin-top: 10px; width: 800px; } #header { height: 10px; width: 850px; padding-bottom: 15px; } #menu { padding-top: 12px; padding-left: 35px; position: relative; z-index: 100; } #content { padding: 60px 0 0 0; /*position: relative;*/ height: 540px; width: 850px; background: url(../images/layout/arriere_plan.jpg) top left no-repeat; } #footer { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; text-align: center; width: 850px; height: 50px; padding: 0px; margin: 0 auto; } /* +++++++ | @NAVIGATION | ++++++++ */ #menu li { float: left; width: 200px; } #menu a { display: block; height: 20px; text-decoration: none; } #menu .collectif a { background: url(../images/layout/arriere_plan_02.jpg) top left no-repeat; width: 130px; } #menu .spectacles a { background: url(../images/layout/arriere_plan_04.jpg) top left no-repeat; width: 132px; } #menu .actualites a { background: url(../images/layout/arriere_plan_06.jpg) top left no-repeat; width: 100px; } #menu .contact a { background: url(../images/layout/arriere_plan_08.jpg) top left no-repeat; width: 130px; } #menu .collectif a:hover { background-image: url(../images/layout/arriere_plan_gris.jpg); } #menu .spectacles a:hover { background-image: url(../images/layout/arriere_plan_gris-02.jpg); } #menu .actualites a:hover { background-image: url(../images/layout/arriere_plan_gris-03.jpg); } #menu .contact a:hover { background-image: url(../images/layout/arriere_plan_gris-04.jpg); } .masque { visibility: hidden; } /* +++++++ | @CONTENT | +++++++ */ /* -- flash containers */ #flash_left { float:left; height: 500px; width: 400px; margin-left: 40px; } #noplayer_left { float:left; height: 500px; width: 400px; margin-left: 40px; display: none; } #flash_right { height: 490px; width: 400px; float: right; margin-right: 50px; } #noplayer_right { height: 490px; width: 400px; float: right; margin-right: 50px; display: none; } /* -- actu flash or image */ /* #actu { float: left; height: 350px; width: 350px; margin: 50px 0px 0px 60px; display: block; } #actu_container { float: left; height: 450px; width: 380px; margin: 0px 0px 0px 60px; display: block; border: 1px red solid; }*/ #flash_identite { height: 500px; } #flash_identite p { text-indent: 80px; } #flash_identite a:link, #flash_identite a:visited, #flash_identite a:active { font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; } #flash_identite a:hover{ text-decoration: none; } #noplayer { height: 486px; width: 765px; margin-left: 38px; } #player { width: 250px; height: 20px; margin: 7px 0px 0px 20px; } /* -- main text content */ #support { margin: 0px 0px 20px 485px; padding: 7px 10px 0px 20px; background: url(../images/layout/support_spectacle.jpg) top left no-repeat; height: 463px; width: 290px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; } #defile{ position: relative; overflow-y:auto; overflow-x:hidden; height: 450px; width: 290px; padding-right:15px; } #slide_box { width: 45%; } #slide_box ul { margin: 35px 0px 0px 38px; } #slide_box ul li { padding-left: 20px; margin-bottom: 5px; background: url(../images/layout/arrow.jpg) top left no-repeat; } .pagination { position: absolute; bottom: 150px; left: 47px; } /* ++++++ | TYPO | +++++ */ /* @ todo */ em { font-style: italic; } strong { font-weight: bolder; } #menubis { padding-top: 20px; height: 490px; width: 205px; } #menubis .presentation a { background: url(../images/layout/sommaire_collectif.jpg) top left no-repeat; display: block; height: 50px; width: 300px; margin: 5px 0px 0px 40px; } #menubis .presentation a:hover { background-image: url(../images/layout/sommaire_collectif_out.jpg); } #menubis .identite a { background: url(../images/layout/sommaire_collectif2.jpg) top left no-repeat; display: block; height: 45px; width: 200px; margin-left: 40px; } #menubis .identite a:hover { background-image: url(../images/layout/sommaire_collectif2_out.jpg); } #menubis .artistes a { background: url(../images/layout/sommaire_collectif_3.jpg) top left no-repeat; display: block; height: 45px; width: 200px; margin: 5px 0px 0px 40px; } #menubis .artistes a:hover { background-image: url(../images/layout/sommaire_collectif_3_out.jpg); } #img_logo{ float:left; margin:65px 0px 0px 40px; } h1 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #FFFFFF; font-weight: bold; } h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; font-weight: bold; padding: 4px 4px 4px 4px; } h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; font-weight: bold; } p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 3px 5px 3px 3px; color: #666666; text-align: justify; } #pdf { /*position: relative;*/ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; height: 40px; text-align: right; margin-right: 5px; } #support1 { height: 412px; width: 290px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; position: relative; } a:link, a:visited { font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; } a:hover { color: #666666; text-decoration: none; } .gras { font-weight:bold; } .mini_char{ font-size:10px; } .controls { display: block; width: 100%; position: absolute; bottom: 20px; } .controls a { font-size: 1.2em; font-weight: bold; } .controls .prev { position: absolute ; left:0px; } .controls .next { position: absolute; right:15px; } #cv { padding-bottom: 15px; } #cv li { margin-left: 30px; margin-top: 8px; } #cv a:link, #cv a:visited { font-size:12px; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; } #cv a:hover { color: #666666; text-decoration: underline; } /* ++++++ | @CONTACT | ++++++ */ #contact { float:left; background: url(../images/layout/contact_03.jpg) top left no-repeat; height: 520px; width: 412px; margin: -23px 0px 0px 210px; } #contact_titre { height: 20px; width: 200px; margin-top: 50px; font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #666666; margin-left: 140px; font-weight: bold; text-transform: uppercase; } #contact_mail { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #666666; height: 50px; margin: 15px 0px 0px 15px; text-align: center; } #contact_ephemeres a:link, #contact_ephemeres a:visited { color:#ffffff; font-size:18px; font-weight:bold; text-decoration:none; } #contact_ephemeres a:hover { color:#666666; text-decoration:none; } .Style1 { color: #ffffff; font-size:18px; font-weight:bold; } .Style3{ font-size:14px; } .lien{ font-size:12px; } .Style2 {font-weight: bold} #message { background: url(../images/layout/message.jpg) top left no-repeat; width: 441px; height: 324px; position :relative; margin: 0 auto; margin-top: 50px; padding: 15px 15px 5px 15px; } #user { position: absolute; top: 160px; left: 200px; width:50%; } #nav { width: 50%; margin: 0 auto; margin-top: 4px; border-top: 2px white solid; padding-top: 1em; } #nav a:link, #nav a:visited { color: #FF6A6A; } #nav a:hover { color: #666666 } label { display: inline-block; width: 35%; font-weight: bold; }