@charset "utf-8"; /* ####### RESET CSS ####### */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* ####### RESET CSS ####### */ body{background:#000/* url(/bg.jpg) left top repeat-x*/; color:#ddd; font:12px Arial, Helvetica, sans-serif} h1{color:#fec408; font-size:13pt; margin-bottom:15px; margin-left:10px} h2{background:transparent url(/dash_bl_gr.gif) left bottom repeat-x; margin:15px 0 10px 10px; padding:5px 5px 5px 0; color:#fff188} h3{margin:10px; color:#fff; border-bottom:solid 1px #333; padding:4px} a{color:#fff} a:hover{text-decoration:none} p{line-height:22px} input{font:12px Arial, Helvetica, sans-serif; border:solid 1px #333; background:#ddd; vertical-align:middle} .dgray{color:#888} .italic{font-style:italic} #site_wrapper{width:888px; margin:0 auto; margin-top:10px} #header, #header .top{position:relative} #header .top{height:54px} #abbr{margin-left:5px} #banner{margin-top:-15px} #lang_sel{position:absolute; right:0; bottom:20px; list-style-type:none; margin:0; padding:0} #lang_sel li{float:left; margin:0 3px} #lang_sel a{text-decoration:none; font-size:10px; font-weight:bold; display:block; padding:0 2px; border:solid 1px #000;} #lang_sel a:hover{border-color:#fec408} #lang_sel a.sel:hover{border-color:#000} #lang_sel .sel{color:#fec408} #main_menu{position:relative; margin-top:5px; z-index:10; height:20px} #main_menu .toplevel ul{z-index:12; background:transparent url(/menu_trans_bg.png) left top repeat} #main_menu ul ul{visibility:hidden; opacity:0} #main_menu ul ul a{color:#333; text-decoration:none} #main_menu ul ul li{border-bottom:solid 1px #333; border-left:solid 2px #ffc900} #main_menu ul ul a:hover{background-color:#ffc900; border-left:solid 2px #ffc900} /* FR */ .fr .sprite{background:transparent url(/menu_sprite_fr.png) left top no-repeat; display:block; text-indent:-9999px; margin-right:10px; height:21px} .fr #m_index a{width:60px} .fr #m_index a:hover, .fr #m_index a.sel{background-position:0 -21px} .fr #m_museum a{width:52px; background-position:-60px 0} .fr #m_museum a:hover, .fr #m_museum a.sel{background-position:-60px -21px} .fr #m_museum ul li a{width:130px} .fr #m_se a{width:98px; background-position:-112px 0} .fr #m_se a:hover, .fr #m_se a.sel{background-position:-112px -21px} .fr #m_se ul li a{width:130px} .fr #m_lib a{width:65px; background-position:-210px 0} .fr #m_lib a:hover, .fr #m_lib a.sel{background-position:-210px -21px} .fr #m_lu a{width:84px; background-position:-275px 0} .fr #m_lu a:hover, .fr #m_lu a.sel{background-position:-275px -21px} .fr #m_agenda a{width:63px; background-position:-359px 0} .fr #m_agenda a:hover, .fr #m_agenda a.sel{background-position:-359px -21px} .fr #m_imgs a{width:55px; background-position:-422px 0} .fr #m_imgs a:hover, .fr #m_imgs a.sel{background-position:-422px -21px} .fr #m_movie a{width:57px; background-position:-477px 0} .fr #m_movie a:hover, .fr #m_movie a.sel{background-position:-477px -21px} .fr #m_news a{width:45px; background-position:-533px 0} .fr #m_news a:hover, .fr #m_news a.sel{background-position:-533px -21px} .fr #m_contact a{width:63px; background-position:-578px 0} .fr #m_contact a:hover, .fr #m_contact a.sel{background-position:-578px -21px} /* NL */ .nl .sprite{background:transparent url(/menu_sprite_nl.png) left top no-repeat; display:block; text-indent:-9999px; margin-right:10px; height:21px} .nl #m_index a{width:49px} .nl #m_index a:hover, .nl #m_index a.sel{background-position:0 -21px} .nl #m_museum a{width:67px; background-position:-49px 0} .nl #m_museum a:hover, .nl #m_museum a.sel{background-position:-49px -21px} .nl #m_museum ul li a{width:130px} .nl #m_se a{width:119px; background-position:-116px 0} .nl #m_se a:hover, .nl #m_se a.sel{background-position:-116px -21px} .nl #m_se ul li a{width:130px} .nl #m_lib a{width:88px; background-position:-235px 0} .nl #m_lib a:hover, .nl #m_lib a.sel{background-position:-235px -21px} .nl #m_lu a{width:80px; background-position:-323px 0} .nl #m_lu a:hover, .nl #m_lu a.sel{background-position:-323px -21px} .nl #m_agenda a{width:65px; background-position:-403px 0} .nl #m_agenda a:hover, .nl #m_agenda a.sel{background-position:-403px -21px} .nl #m_imgs a{width:51px; background-position:-468px 0} .nl #m_imgs a:hover, .nl #m_imgs a.sel{background-position:-468px -21px} .nl #m_movie a{width:59px; background-position:-519px 0} .nl #m_movie a:hover, .nl #m_movie a.sel{background-position:-519px -21px} .nl #m_news a{width:59px; background-position:-578px 0} .nl #m_news a:hover, .nl #m_news a.sel{background-position:-578px -21px} .nl #m_contact a{width:65px; background-position:-637px 0} .nl #m_contact a:hover, .nl #m_contact a.sel{background-position:-637px -21px} #content_wrapper{min-height:250px; overflow:hidden; margin-top:40px} #index_content{float:left; margin-right:18px; width:660px} #index_content p{margin:0} #content{padding:10px 0 10px 0; overflow:hidden} #content .left_col_wrapper{width:668px; float:left; margin-right:10px} #content .right_col_wrapper{width:210px; float:left} .element{float:left; background-color:#2e2e2e; width:210px; margin-right:16px; margin-top:16px; height:185px; overflow:hidden; position:relative} .right_col{margin-right:0} .element h3{background-color:#000; color:#fec408; padding:5px; margin:0; border:0} .element p{margin:10px} .element ul{margin:0; list-style-type:none; line-height:14px; padding:0} h3.right{text-align:right} .element .content{margin:5px} .content img{display:block} .no_bg{background:none} .element .more_lnk{position:absolute; bottom:5px; right:5px} .half_page{width:436px; height:35px} #gallery_lnk{position:absolute; bottom:5px; left:5px; width:190px; background-color:#444; z-index:99; padding:5px; text-align:right} #fixed_partner img{display:block; margin:5px} .right_col_wrapper .element{float:none} #sub_menu{padding:10px; width:190px; margin-top:5px; height:auto; position:relative} #sub_menu ul{margin:0 70px 0 0; list-style-type:none; padding:0} #sub_menu li{background:transparent url(/dash_bl_gr.gif) left bottom repeat-x; padding-left:5px; padding:0; margin:0} #sub_menu li.last{background:none} #sub_menu a{color:#fec408; text-decoration:none; display:block; padding:6px 4px} #sub_menu a:hover{text-decoration:underline} #sub_menu img{position:absolute; right:5px; top:5px} /*#sub_menu.over{background:#2e2e2e; border-color:#000} #sub_menu.over h3{background:#000; color:#fec408}*/ #gallery_container, #drawing_container{width:200px; height:150px; position:relative} #gallery_container span, #drawing_container span{display:block; position:absolute; bottom:0; left:0; padding:5px; background-color:#444; width:190px; text-align:center} #short_agenda .date{color:#fec408; display:block} #short_agenda li{padding:10px} #short_agenda li.even{background-color:#000} #gagnant_tombola p{line-height:16px; text-align:center} #gagnant_tombola span{color:#fec408} #subscribe{position:relative} #subscribe form{position:absolute; right:8px; top:8px} #subscribe label{margin-right:10px} #movie_lnk{display:block; width:200px; height:150px; position:relative} #movie_lnk img{display:block; position:absolute; left:0; top:0} #testimonial{position:relative} #testimonial li{position:absolute; left:0; top:0; line-height:20px} #testimonial .start, blockquote .start{margin:5px 5px 5px 0} #testimonial .end, blockquote .end{margin:5px 0 0 5px} p.more_lnk{text-align:right; margin:0} .privacy dt{font-style:italic; padding:5px 0; font-weight:bold} .privacy dd{margin:10px 10px 30px 20px; padding-left:20px; border-left:solid 3px #ddd} #footer{background:transparent url(/glowing_grass.jpg) left top no-repeat; height:165px; position:relative; margin-top:35px} #footer .slogan{position:absolute; right:25px; top:0} #footer .info{left:10px; color:#ddd; position:absolute; top:80px} #footer div a{color:#999} #footer div a:hover{text-decoration:none} #footer .privacy{top:118px; color:#999; position:absolute; right:175px} #footer .privacy a{margin:0 10px 0 0} #footer .d2d{top:110px; position:absolute; right:10px} #footer .d2d img{vertical-align:middle; margin-left:10px} #footer .d2d a{text-decoration:none} #footer .d2d a:hover{text-decoration:underline} #loc{margin-bottom:15px; background:#111; padding:5px 10px; margin-top:5px} #loc span{color:#fec408} ul{list-style-type:square; margin:10px 25px 10px 40px; line-height:18px; padding-left:15px} dl{margin:10px; line-height:18px} dd{margin-left:10px; margin-bottom:10px} p{margin:10px 10px 20px 10px} td{padding:5px} tr.even td{background-color:#222} .table_wrapper{padding:10px} table{border:solid 1px #444; width:100%} thead th{background-color:#111; color:#fec408; text-align:left; padding:3px; border-bottom:solid 1px #555} img.right{float:right; margin-left:10px; margin-bottom:10px} img.left{float:left; margin-right:10px; margin-top:10px} img.clear_right{clear:right} #ip_figurine_route{margin:15px 25px 0 0} #p_figurine{margin:35px 10px 0 0} #c_figurine{right:0; top:50px; position:absolute} .msg{border:solid 1px #ffd756; text-align:center} .ml20{margin-left:20px} .orange{color:#fec408} .moof_grobold_14px{text-indent:-9999px; background:transparent url(/moof_grobold_14px.gif) left top no-repeat; font-weight:bold; font-size:13pt; color:#fec408} /* clubbing */ .clubbing_quoter{color:#fec408; margin-left:10px} .clubbing_quoter img{vertical-align:top} .clubbing_quoter_img{margin:0 15px 5px 0} blockquote{margin:5px 5px 15px 25px; border-left:solid 3px #333; padding:5px 10px} /* clubbing */ /* espaces */ #espace_wrapper{overflow:hidden} #espace_wrapper div{float:left; width:305px; margin:10px} #espace_wrapper .full_page{width:630px} #espace_wrapper h3{margin:0 0 10px 0} #espace_wrapper p{margin:10px 0} #espace_wrapper .img{padding:5px; background-color:#333; display:block; margin-bottom:10px} #espace_wrapper .img img{display:block} #espace_wrapper h4{margin:0 0 10px 0; border-bottom:dashed 1px #333; padding-bottom:5px; padding-left:5px} #espace_wrapper .sub_img{padding:5px; background-color:#111; display:block; margin-bottom:5px} #espace_loft{clear:left} /* espaces */ /* agenda */ .agenda .date{color:#fec408} .agenda .type{color:#666} .agenda td{border-bottom:solid 1px #333; background:none} .agenda td p{margin:0} .agenda div{margin:10px 0} /* agenda */ /* img gallery - wallpapers - movies - drawings */ h2 span{font-size:11px; font-weight:normal; font-style:italic} #img_galleries{list-style-type:none; margin:10px 0; float:left} #img_galleries li{float:left; width:180px; height:180px; margin:10px 18px; text-align:center} #img_galleries a, #drawings a, #wallpapers a.preview, #movies a{display:block; width:178px; height:178px; border:solid 1px #000; position:relative} #img_galleries a:hover{border:solid 1px #444} #img_galleries a:hover span, #movies a:hover span{background-color:#fec408; color:#333} #img_galleries span, #drawings span, #wallpapers span, #movies span{position:absolute; left:9px; bottom:8px; display:block; background-color:#333; color:#fff; padding:3px; width:154px} #imgs, #wallpapers, #movies, #drawings{list-style-type:none; margin:10px 0; float:left} #imgs li, #wallpapers li, #movies li, #drawings li{float:left; width:180px; height:180px; margin:10px 18px; text-align:center} #wallpapers li, #movies li, #drawings li{margin-left:10px} #imgs a{display:block; width:178px; height:178px; border:solid 1px #000} #imgs a:hover, #wallpapers a.preview:hover, #movies a:hover, #drawings a:hover{border:solid 1px #444} #drawings span{font-style:italic} #wallpapers a.dl{position:absolute; right:0; bottom:-8px} #wallpapers li{position:relative} /* img gallery */ /* faq */ #questions{background-color:#111; padding:10px; margin-bottom:15px} #questions ul{list-style-type:square; margin:0 10px 15px 15px} #questions li{margin:5px 0; color:#FEC408} #questions a{font-style:italic} #fcats{list-style-type:none; margin:10px; padding:0} #fcats li{} #fcats a{display:block; font-size:12pt; margin:10px; border:solid 1px #333; padding:10px; text-decoration:none; color:#999; font-weight:bold} #fcats a:hover{color:#fff; border-color:#fec408} #fcats span{font-size:11px; color:#fec408; vertical-align:middle} #faq dt{font-style:italic; color:#ccc; font-weight:bold; margin-bottom:10px} #faq dd{margin-left:25px; margin-bottom:30px; padding-left:10px; border-left:solid 2px #999} #faq dd.last{margin-bottom:15px} #faq a.top{display:block; width:200px; padding:2px 2px 2px 15px} #faq p{line-height:18px; color:#aaa} #faq_footer{clear:both; width:100%; border-bottom:solid 1px #444; text-align:center; padding-top:15px} /* faq */ /* news */ #news_wrapper .img{float:left; margin-right:10px; margin-bottom:10px} #news_wrapper div{overflow:hidden; margin-bottom:5px} /* news */ /* contact */ #contact_info{position:relative} #contact_info ul{list-style-type:none; margin-left:235px; position:relative; z-index:10} #contact_info .spacing{margin-bottom:15px} #building{float:left; margin-right:25px; padding-left:15px; margin-top:5px} #c_figurine{top:-75px} .error, .success{background:#222; border:solid 1px #444; margin-bottom:10px; color:#FEC408; position:relative; padding:5px 10px 5px 30px} .error img, .success img{position:absolute; left:6px; top:10px} .error p, .success p{margin:4px 0} .error ul{margin-left:15px; list-style-type:square} .error_bg{background-color:#fff; color:#c00; font-weight:bold} #subscribe p{margin:0; color:#FEC408; font-weight:bold; padding:1px 15px; text-align:center; font-style:italic} #map_canvas{height:350px; width:658px; margin-bottom:20px; color:#111; margin-left:10px} /* contact */ /*intro */ #intro_overlay{position:absolute; width:100%; height:100%; background:transparent url(/bg_intro_container.png) left top repeat; left:0; top:0; z-index:999; visibility:hidden} #intro_container{position:absolute; top:50%; left:50%; margin-top:-200px;margin-left:-200px; width:420px; height:420px; border:solid 1px #b5982b; background-color:#000} #intro_top{width:420px; height:30px; cursor:pointer; position:absolute; top:-20px; left:-15px; text-align:right} #intro_top a{color:#fec905} #intro_title{text-align:center; color:#eee; font-style:italic} #intro_img{text-align:center} /* partner */ #partner_container{position:relative; height:150px; width:200px}