/******************************************** * * GENERAL DECLARATIONS / RESETTER * *********************************************/ html { margin: 0; padding: 0; border: none; /*min-height: 100%; height: 100% !important; height: 100%;*/ } body { margin: 0; padding: 0; border: none; text-align: center; /*min-height: 100%; height: 100% !important; F*** FIRBUGheight: 100%;*/ font-family: Verdana, Arial, sans-serif; color: #000000; font-size: 11px; line-height:14px; background: #BB8E4B url(../images/bkg_main_full.jpg) center 10px repeat-y; } body#splash_body { background: #FECC4F; } /* block */ div { margin: 0; padding: 0; position: static;} /* liens */ a:link, a:visited, a:active, a:focus { color: #000000; text-decoration: none; outline: 0; } a:hover { text-decoration: none; } /* listes */ dl, ul, ol, dd, dt, li { margin: 0; padding: 0; } li { list-style: none; } /* titres */ h1, h2 ,h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Arial, sans-serif; color: #164179; } h1 { font-size: 1.45em; line-height: 1.7em; } h2 { font-size: 1.2em; line-height: 1.5em; } h3 { font-size: 1.1em; line-height: 1.4em; } h4 { font-size: 1em; line-height: 1.3em; } h5 { font-size: 0.9em; line-height: 1.2em; } /* mise en forme - inline */ pre, code, address, caption, cite, code, dfn, em, strong, var, abbr, acronym { font-style: normal; font-weight: normal; text-decoration: none; text-transform: none; } abbr, acronym { font-variant: normal; } pre, code { font-family: monospace; } em { font-style: italic; } strong { font-weight: bold; } /* formulaire */ form { margin: 0; padding: 0; } form fieldset, form legend, form label { margin: 0; padding: 0; border: none; } form input, form textarea, form select { margin: 0; padding: 0; font-family: inherit; font-size: inherit; font-weight: inherit; } /* paragraphe */ p, blockquote { margin: 0; padding: 0; text-indent: 0; } /* tableau */ table { border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; width: 100%; } table caption { text-align: left; } table thead tr, table tbody tr {} table thead tr th, table tbody tr td { border: none; vertical-align: top; text-align: left; } /* image */ img { display: block; margin: 0; padding: 0; border: none; line-height: 1em; font-size: 1em; } object { outline:none; } /******************************************** * * ALIGN & FLOAT & PADDING & MARGIN * *********************************************/ .align_left { text-align:left; } .align_right { text-align:right; } .align_center { text-align:center; } .align_justify { text-align:justify; } .align_top { vertical-align:top; } .align_bottom { vertical-align:bottom; } .align_middle { vertical-align:middle; } .fleft { float:left;} .fright { float:right;} .img_left { float:left; margin-right:8px; margin-bottom:5px;} .img_right { float:right; margin-left:8px; margin-bottom:5px;} .margeG2 { padding-left:2px;} .margeG5 { padding-left:5px;} .margeG10 { padding-left:10px;} .margeG15 { padding-left:15px;} .margeG20 { padding-left:20px;} .margeMG5{ margin-left:5px;} .margeMG10{ margin-left:10px;} .margeT20 { margin-top:20px;} .margeT10 { margin-top:10px;} .margeT8 { margin-top:8px;} .margeT15 { margin-top:15px;} .margeT5 { margin-top:5px;} .clear { display: block; clear:both; font-size: 1px; line-height: 1px;} .webhide { display:none;} .webshow { display:block;} .vclear { display: block; clear: both; height: 1px; width: 100%; overflow: hidden; font-size: 1px; line-height: 1px; } .relative { position: relative; } /******************************************** * * COLORS / LINKS / VISUAL EFFECTS * *********************************************/ .gras { font-weight:bold; } .italic { font-style: italic; } .separator { display:block; height: 1px; line-height: 1px; border-top: 1px dashed #B2B2B2; } .separator_dotted { margin: 5px 0px 3px 0px; background: transparent url(../images/bkg_separator_side.png) center 0px no-repeat; height: 5px; width: 100%; } a.a_blue, a:active.a_blue, a:visited.a_blue, a:focus.a_blue { color: #147999; } a:hover.a_blue { color: #000000; } /******************************************** * * GLOBAL CONTAINERS * *********************************************/ .global_content { width: 984px; margin: 0 auto; text-align: left; } .global_content .full_layout { margin-top: -73px; padding-bottom: 30px; } .global_content .full_layout .inner { width: 984px; height: 100%; min-height: 640px; } .global_content .page_layout { margin-top: -86px; padding-bottom: 30px; } .global_content .page_layout .main { float: left; width: 680px; height: 100%; min-height: 500px; overflow: hidden; } .global_content .page_layout .main .innerpad { padding: 0px 10px 0px 0px; } .global_content .page_layout .side { float: left; width: 304px; height: 100%; min-height: 500px; overflow: hidden; /*background-color: #3E3E3E; */ } /* #global_wrap { height: 100%; } */ /******************************************** * * HEADER * *********************************************/ #header { margin-top:-70px; background: transparent url(../images/bkg_header_main.jpg) center 0px no-repeat; height: 479px; } #header.under { margin-top:-140px; } #header_splash #pub_top, #header #pub_top { position: absolute; top: 71px; left: 128px; width: 728px; height: 90px; border: 1px solid #000000; } #header #pub_top .ico { display: block; position: absolute; top: 27px; left: -49px; width: 32px; height: 27px;background: transparent url(../images/ico_pub2.png) 0px 0px no-repeat; } #header #vrak_header, #header_splash #vrak_header { position: absolute; top: 170px; left: 74px; width: 837px; height: 47px; text-align:center; /*background: transparent url(../images/_tmp_vrak_header.jpg) 0px 0px no-repeat;*/ } #header #menu { position: absolute; top: 279px; left: 212px; width: 320px; height: 117px; border: 0px solid #FFCCEE; overflow: hidden; } #header #menu #flash_menu {} #header #connect { position: absolute; top: 254px; left: 811px; width: 169px; height: 159px; background: transparent url(../images/bkg_connect_disco.png) 0px 0px no-repeat; } #header #connect .inner { position: absolute; top: 46px; left: 46px; width: 104px; height: 75px; } #header #connect .inner .welcome { color: #F68200; font-size: 10px; line-height: 10px; font-weight: bold; } #header #connect .inner .username { font-size: 10px; line-height: 10px; font-weight: bold; } #header #connect .inner .mypage { margin: 10px 0px 4px 0px; } #header #connect .inner .disconnect a { font-size: 9px; color: #666666; text-decoration: underline; } #header #disconnect { position: absolute; top: 269px; left: 820px; width: 164px; height: 60px; padding-top:69px; background: transparent url(../images/bkg_header_connect_title.png) 0px 0px no-repeat; } #header #disconnect a { margin-top:5px; font-size: 9px; line-height:18px; font-weight: bold; text-align: center; color: #FFFFFF; text-transform: uppercase; } #header #disconnect a.already_member { display: block; width: 156px; height: 19px; background: transparent url(../images/bkg_bt_long.png) 0px 0px no-repeat; } #header #disconnect a.become_member { display: block; width: 107px; height: 19px; background: transparent url(../images/bkg_bt_med.png) 0px 0px no-repeat;} #header #disconnect a.already_member:hover{} #header #disconnect a.become_member:hover{} #header #disconnect a span { display: block; padding: 5px; } #header #faq_bt { position: absolute; top: 237px; left: 678px; width: 50px; height: 27px; } #header #faq_bt a { display: block; } #header #archives_bt { position: absolute; top: 237px; left: 730px; width: 76px; height: 27px; } #header #archives_bt a { display: block; } #header #home { position: absolute; top: 237px; left: 10px; width: 211px; height: 154px; } #header #home a { display: block; width: 211px; height: 154px; outline: 0; } #header_splash { margin-top:-140px; background: transparent url(../images/bkg_header_splash2.jpg) center 0px no-repeat; height: 704px; } #header_splash a { display: block; width:345px; height: 118px; position: absolute; outline: 0; } #header_splash a.over { top: 486px; left: 455px; background: transparent url(../images/bt_splash_over13.png) -1px -118px no-repeat; } #header_splash a:hover.over { background-position: 0px 0px; } #header_splash a.under { height: 108px; top: 475px; left: 145px; margin-top: 0px; background: transparent url(../images/bt_splash_under13.png) 0px -109px no-repeat; } #header_splash a:hover.under { background-position: 0px 0px; } /******************************************** * * FOOTER * *********************************************/ #footer { background: #FECC4F url(../images/bkg_footer.jpg) center 0px no-repeat; } #footer_list { position: relative; width: 796px; height: 50px; background-color: #212121; margin-top: 1px; } #footer .global_content { padding: 15px 0px 0px 0px; height: 200px; } #footer #logos span.participation { display: block; width: 269px; height: 52px; padding: 20px 5px 0px 0px; font-size: 10px; } #footer #logos span.production { display: block; width: 120px; height: 52px; padding: 20px 5px 0px 0px; font-size: 10px; } #footer #astral { position: static; margin: 50px auto 0px auto; /*bottom: 0px; left: 92px;*/ height:57px; width:800px; background-color: #FFFFFF; border: 1px solid #666666; } #footer #credits {} #footer #credits ul { display: block; margin-left: 322px; height:20px; width:650px; } #footer #credits ul li { float: left; padding: 0px 20px 0px 20px; background: transparent url(../images/bkg_separator_list.gif) 0px 3px no-repeat;} #footer #credits ul li.first { float: left; background-image: none; } #footer #credits ul li a { display: block; font-size: 9px; font-weight: bold; } #footer #credits ul li a:hover { text-decoration: underline; } /******************************************** * * SIDE COL * *********************************************/ .side #forum { width:160px; } .side #facebook { width:140px; } .side #bloc_vedette { height: 120px; padding: 10px 0px 0px 15px; background-image: none; } .side #defi_semaine { margin-top: 20px; margin-left:-6px; } .side .separator_dotted { margin: 20px 0px 5px 0px; background: transparent url(../images/bkg_separator_side.png) center 0px no-repeat; height: 5px; width: 100%; } /******************************************** * * GENERIC BLOCKS * *********************************************/ .desc .title { display: block; font-weight: bold;} .desc .username { display: block; font-weight: bold; } .desc .date { } .desc .viewed { font-weight: bold; } .desc .vote {} .desc .vote span.off { display: block; float: left; } .desc .vote span.on { display: block; float: left; } .desc .dotted { background: transparent url(../images/bkg_separator_sm.png) 0px 0px repeat-x; } .desc .dotted_blu { background: transparent url(../images/bkg_separator_sm_blue.png) 0px 0px repeat-x; } .videos_list { position: relative; } .videos_list ul { } .videos_list ul li { float: left; width: 146px; height:200px; margin-right: 3px; } .videos_list ul li:hover { background-color: #FECC4F; } .videos_list ul li .thumb { position: relative; padding: 14px 9px 4px 9px; background: transparent url(../images/bkg_video_list_thumb.png) 6px 11px no-repeat; } .videos_list ul li .thumb_vio { background: transparent url(../images/bkg_video_list_thumb_vio.gif) 0px 0px no-repeat; } .videos_list ul li .thumb_org { background: transparent url(../images/bkg_video_list_thumb_org.gif) 0px 0px no-repeat; } .videos_list ul li .thumb span { position: absolute; width: 38px; height: 38px; top: 7px; right: 3px; } .videos_list ul li .thumb span.star_vio { background: transparent url(../images/ico_star_violet.png) 1px 2px no-repeat; } .videos_list ul li .thumb span.star_org { background: transparent url(../images/ico_star_org.png) 1px 2px no-repeat; } .videos_list ul li .thumb span.heart_org { background: transparent url(../images/ico_heart_org.png) 1px 2px no-repeat; } .videos_list ul li .thumb span.defi { position: absolute; width: 38px; height: 13px; top: 14px; left: 9px; } .videos_list ul li .thumb span.edit { display: none; position: absolute; top: 70px; right: 9px; width: auto; height: 16px; border-left: 1px solid #B2D7F9; background: transparent url(../images/bkg_bt_edit.gif) top right no-repeat; } .videos_list ul li .thumb span.edit a { display: block; padding: 2px 1px 0px 1px; color: #FFFFFF; font-size: 10px; line-height: 12px; text-transform: uppercase; } .videos_list ul li:hover .thumb span.edit { display: block; } .videos_list ul li .desc { padding: 11px 10px 5px 10px; } .videos_list ul li .desc .title { font-size: 11px; line-height: 12px; } .videos_list ul li .desc .username, .videos_list ul li .desc .username a { color: #47A4C8; font-size: 11px; line-height: 12px; text-decoration: none; } .videos_list ul li .desc .username, .videos_list ul li .desc .username a:hover { /*text-decoration: underline; */} .videos_list ul li .desc .date { display: block; color: #47A4C8; font-size: 9px; line-height: 12px; } .videos_list ul li .desc .viewed { display: block; color: #47A4C8; font-size: 9px; line-height: 12px; } .videos_list ul li .desc .vote {} .videos_list ul li .desc .vote span.off { width: 20px; height: 18px; background: transparent url(../images/ico_love_white.png) 1px 0px no-repeat; } .videos_list ul li .desc .vote span.on { width: 20px; height: 18px; background: transparent url(../images/ico_love_red.png) 1px 0px no-repeat; } .videos_list ul li .desc .dotted { margin: 5px 0px 0px 0px; padding-top: 5px; } .pub { position: relative; width: 300px; height: 250px; margin: 45px 0px 0px 1px; background-color: #714300; border: 1px solid #FFFFFF; } .full_layout .pub { margin: 24px 0 0 9px; /*margin: 30px 0px 0px 30px; */ } .pub .ico { display: block; position: absolute; top: -32px; left: 268px; width: 32px; height: 27px;background: transparent url(../images/ico_pub.png) 0px 0px no-repeat; } .pub_under { display: none; background-color: #FF0099; background: transparent url(../images/bkg_pub_under12.jpg) 0px 0px no-repeat; } .pub_under a { display: block; width: 300px; height: 250px; } .pub_under .ico { display: none; } .defi_desc .defi_pretitle { color: #000000; font-size: 13px; line-height: 12px; font-weight: bold; } .defi_desc .defi_title {color: #004695; font-size: 18px; line-height: 20px; } .defi_desc .defi_text { color: #505050; font-size: 12px; line-height: 14px; } a.defi_link_video, a.defi_link_video_prec { display: block; width: 117px; height: 36px; background: transparent url(../images/bt_lightb_video.png) 1px 0px no-repeat; } a.defi_link_video_hidden { display: none; } a.defi_link { position: absolute; width: 172px; height: 65px; background: transparent url(../images/bt_jereleve.png) 0px -65px no-repeat; } a.defi_link:hover { background-position: 0px 0px; } #homepage .pub_under { display: block; } #defis .pub_under { display: block; height: 15px; visibility: hidden; } #player .video { width: 680px; height: 425px; /* background: transparent url(../images/_tmp_big_player.jpg) 0px 46px no-repeat; */ } /*#player .video #flash { position: absolute; width: 665px; height: 418px; top: 8px; left: 8px; }*/ #player .infos { position: relative; width: 680px; height: 101px; background: transparent url(../images/bkg_player_infos.png) 0px 0px no-repeat; line-height: 18px; } #player .infos .desc { position: absolute; width: 300px; height: 65px; top: 10px; left: 26px; } #player .infos .desc .title { font-size: 15px; } #player .infos .desc .username { font-size: 12px; } #player .infos .desc .date { padding: 0px 5px 0px 0px; font-size: 10px; } #player .infos .desc .viewed { padding: 0px 0px 0px 5px; font-size: 10px; } #player .infos .vote { position: absolute; width: 235px; height: 65px; top: 12px; left: 300px; } #player .infos .vote a span.off { cursor: pointer; width: 44px; height: 40px; background: transparent url(../images/ico_love_big_white.png) 1px 0px no-repeat; } #player .infos .vote a:hover span.off { } #player .infos .vote a span.on { cursor: pointer; width: 44px; height: 40px; background: transparent url(../images/ico_love_big_red.png) 1px 0px no-repeat; } #player .infos .vote .msg { position: absolute; width: 235px; height: 15px; top: 45px; left: 5px; overflow: hidden; color: #666666; } #player .infos .share, .share { position: absolute; width: 86px; height: 65px; top: 13px; left: 558px; background: transparent url(../images/ico_share.png) 1px 0px no-repeat; } #player .infos .share a, .share a { display: block; width: 84px; height: 60px; } #player .pastille { position: absolute; width: 94px; height: 94px; top: 0px; left: 4px; background: transparent url(../images/bkg_defis_xl.png) 0px 0px no-repeat; } /******************************************** * * ACCUEIL * *********************************************/ #player .video { background: transparent url(../images/bkg_home_player.gif) 0px 45px no-repeat; } #player .video .pastille_mini span { position: absolute; width: 38px; height: 38px; top: 60px; left: -2px; } #player .video .pastille_mini span.star_vio { display: none; background: transparent url(../images/ico_star_violet.png) 1px 2px no-repeat; } #player .video .pastille_mini span.star_org { background: transparent url(../images/ico_star_org.png) 1px 2px no-repeat; } #player .video .pastille_mini span.heart_org { background: transparent url(../images/ico_heart_org.png) 1px 2px no-repeat; } #homepage #player .video #flash_player #flash_player_warning { display: none; padding: 93px 47px 0px 47px; } #homepage #player .video #flash_player #flash_player_warning a { display: block; width: 570px; height: 285px; color: #FFFFFF; font-size: 20px; line-height: 31px; } #homepage .side { height: 310px !important; min-height: 310px; height: 310px; } #homepage .main { height: 310px !important; min-height: 310px; height: 310px; position: relative; background: transparent url(../images/bkg_home_hs2.png) -3px 16px no-repeat; } #homepage .main .defi_num { position: absolute; width: 30px; height: 24px; top: 42px; left: 599px; background: transparent url(../images/defis/defi_01.png) 1px 0px no-repeat; } #homepage .main .defi_desc { position: absolute; width: 155px; height: 145px; top: 76px; left: 500px; } #homepage .main .defi_desc .defi_pretitle { color: #000000; font-size: 13px; line-height: 14px; font-weight: bold; } #homepage .main .defi_desc .defi_title { padding-top: 5px; } #homepage .main .defi_desc .defi_text { padding-top: 5px; } #homepage .main a.defi_link { position: absolute; top: 241px; left: 453px; background: url(../images/bt_jecree.png) no-repeat scroll 0 -68px transparent; } #homepage .main a.defi_link:hover { background-position: 0px 1px; } #homepage .main a.defi_link_video { position: absolute; top: 217px; left: 562px; } #homepage .main a.defi_link_more { position: absolute; width: 240px; height: 100px; top: 180px; left: 200px; } #bloc_libre { height: auto !important; min-height: 90px; height: 90px; position: relative; margin-top: 20px; background: transparent url(../images/title_sketchs_libres.png) 1px 2px no-repeat; } #bloc_libre a { position: absolute; width: 91px; height: 39px; top: 2px; right: 8px; background: transparent url(../images/bt_seemore_sm.png) 1px 0px no-repeat;} #bloc_libre a:hover { background-position: 1px -39px; } #bloc_libre p { padding: 48px 0 0 15px; font-size: 13px; font-weight: bold; } #bloc_libre p.white { padding: 8px 0 0 15px; color: #FFFFFF; } #bloc_promo_defi { height: 208px; position: relative; margin-top: 20px; background: transparent url(../images/bkg_promo_defi.png) 5px 2px no-repeat; } #bloc_promo_defi.finale { background: transparent url(../images/bkg_finale_home.png) 5px 2px no-repeat; } #bloc_promo_defi.intersaison { background: transparent url(../images/bkg_promo_defi_inter.png) 5px 2px no-repeat; } #bloc_promo_defi a { position: absolute; width: 155px; height: 61px; top: 140px; left: 145px; background: transparent url(../images/bkg_bt_lance.png) 0px 0px no-repeat;} #bloc_promo_defi a:hover { background-position: 0px -61px; } #bloc_promo_defi a.vote { position: absolute; width: 155px; height: 61px; top: 114px; left: 117px; background: transparent url(../images/bt_jevote.png) 0px -61px no-repeat;} #bloc_promo_defi a.vote:hover { background-position: 0px 0px; } #bloc_promo_defi a.intersaison { position: absolute; width: 155px; height: 69px; top: 131px; left: 146px; background: transparent url(../images/bt_jecree.png) 0px -69px no-repeat;} #bloc_promo_defi a.intersaison:hover { background-position: 0px 0px; } #bloc_promo_defi p.defis_left { padding: 97px 0 0 5px; color: #FECC4F; font-size: 18px; line-height: 15px; font-weight: bold; } #bloc_promo_defi p.defis_left span { font-size: 25px; line-height: 15px;} #bloc_promo_defi p.defis_left_text { padding: 6px 0 0 5px; font-size: 13px; } #bloc_vedette { height: 120px; padding: 40px 0px 0px 15px; background: transparent url(../images/title_envedette.png) 1px 2px no-repeat; } #bloc_vedette .bloc_title {} #bloc_vedette .thumb { width: 140px; height: 86px; position: relative; } #bloc_vedette .thumb a img { border: 2px solid #FFFFFF; } #bloc_vedette .thumb span { position: absolute; width: 36px; height: 36px; top: -5px; right: 6px; background: transparent url(../images/ico_star_violet.png) 1px 0px no-repeat; } #bloc_vedette .desc { width: 145px; height: 86px; } #bloc_vedette .desc .title { font-size: 11px; line-height: 12px; } #bloc_vedette .desc .username { color: #FFFFFF; font-size: 11px; line-height: 12px; } #bloc_vedette .desc .username a:hover {text-decoration: underline; } #bloc_vedette .desc .date { display: block; color: #FFFFFF; font-size: 9px; line-height: 12px; } #bloc_vedette .desc .viewed { display: block; color: #FFFFFF; font-size: 9px; line-height: 12px; } #bloc_vedette .desc .vote {} #bloc_vedette .desc .vote span.off { width: 20px; height: 18px; background: transparent url(../images/ico_love_white.png) 1px 0px no-repeat; } #bloc_vedette .desc .vote span.on { width: 20px; height: 18px; background: transparent url(../images/ico_love_red.png) 1px 0px no-repeat; } #bloc_vedette .desc .dotted { margin: 5px 0px 0px 0px; padding-top: 5px; } #video_selector { position: relative; z-index:1; } #video_selector #video_selector_tabs { position: absolute; z-index:100; top: 2px; left: 0px; height: 30px; width: auto; } #video_selector #video_selector_tabs ul { padding:0 0 0 5px; } #video_selector #video_selector_tabs ul li { float: left; height: 31px; background: transparent 0px 1px no-repeat; } #video_selector #video_selector_tabs ul li a { position: relative; display: block; height: 30px; font-size: 0px; outline: 0; } #video_selector #video_selector_tabs ul li.ui-tabs-selected {} #video_selector #video_selector_tabs ul li#popular { width: 118px; background: url(../images/tab_popular_full.png) no-repeat scroll -4px -31px; } #video_selector #video_selector_tabs ul li#popular.ui-tabs-selected { background: url(../images/tab_popular_full.png) no-repeat scroll -4px 0px; } #video_selector #video_selector_tabs ul li#recents { width: 127px; background: url(../images/tab_recent_full.png) no-repeat scroll -3px -31px; } #video_selector #video_selector_tabs ul li#recents.ui-tabs-selected { background: url(../images/tab_recent_full.png) no-repeat scroll -3px 0px; } #video_selector #video_selector_tabs ul li#libres { width: 113px; background: url(../images/tab_freesketch_full.png) no-repeat scroll 0px -31px; } #video_selector #video_selector_tabs ul li#libres.ui-tabs-selected { background: url(../images/tab_freesketch_full.png) no-repeat scroll 0px 0px; } #video_selector #video_selector_tabs ul li#defis { width: 107px; background: url(../images/tab_defisketch_full.png) no-repeat scroll 0px -31px; } #video_selector #video_selector_tabs ul li#defis.ui-tabs-selected { background: url(../images/tab_defisketch_full.png) no-repeat scroll 0px 0px; } #video_selector #video_selector_tabs ul li#deficurr { width: 75px; background: url(../images/tab_defis_full.png) no-repeat scroll 0px -31px; } #video_selector #video_selector_tabs ul li#deficurr span { left: 50px; position: absolute; top: 0px; height: 31px; width: 18px; background: url(../images/defis/tab_defis_full_01.png) no-repeat scroll 0px -31px; } #video_selector #video_selector_tabs ul li#deficurr span.defi01 { background-image: url(../images/defis/tab_defis_full_01.png); } #video_selector #video_selector_tabs ul li#deficurr span.defi02 { background-image: url(../images/defis/tab_defis_full_02.png); } #video_selector #video_selector_tabs ul li#deficurr span.defi03 { background-image: url(../images/defis/tab_defis_full_03.png); } #video_selector #video_selector_tabs ul li#deficurr span.defi04 { background-image: url(../images/defis/tab_defis_full_04.png); } #video_selector #video_selector_tabs ul li#deficurr span.defi05 { background-image: url(../images/defis/tab_defis_full_05.png); } #video_selector #video_selector_tabs ul li#deficurr span.defi06 { background-image: url(../images/defis/tab_defis_full_06.png); } #video_selector #video_selector_tabs ul li#deficurr span.defi07 { background-image: url(../images/defis/tab_defis_full_07.png); } #video_selector #video_selector_tabs ul li#deficurr span.defi08 { background-image: url(../images/defis/tab_defis_full_08.png); } #video_selector #video_selector_tabs ul li#deficurr span.defi09 { background-image: url(../images/defis/tab_defis_full_09.png); } #video_selector #video_selector_tabs ul li#deficurr span.defi10 { background-image: url(../images/defis/tab_defis_full_10.png); } #video_selector #video_selector_tabs ul li#deficurr span.defi11 { background-image: url(../images/defis/tab_defis_full_11.png); } #video_selector #video_selector_tabs ul li#deficurr span.defi12 { background-image: url(../images/defis/tab_defis_full_12.png); } #video_selector #video_selector_tabs ul li#deficurr span.defi13 { background-image: url(../images/defis/tab_defis_full_13.png); } #video_selector #video_selector_tabs ul li#deficurr.ui-tabs-selected { background-position: 0px 0px; } #video_selector #video_selector_tabs ul li#deficurr.ui-tabs-selected span { background-position: 0px 0px; } #video_selector .videos_canvas { position: relative; z-index:1; top: 0px; left: 0px; width: 985px; height: 275px; background: transparent url(../images/bkg_videos_list.png) 0px 0px repeat-x; } #video_selector .videos_list { position: relative; width: 896px; height: 200px; top: 34px; left: 42px; /*background-color: #FFCCEE; */} #video_selector .videos_list ul { height: 200px; } #video_selector .videos_list ul li { float: left; width: 146px; height:200px; margin-right: 3px; } #video_selector .videos_list ul li:hover { background-color: #FECC4F; } #video_selector .videos_list ul li .thumb { position: relative; padding: 14px 9px 4px 9px; background: transparent url(../images/bkg_video_list_thumb.png) 6px 11px no-repeat; } #video_selector .videos_list ul li .thumb_vio { background: transparent url(../images/bkg_video_list_thumb_vio.gif) 0px 0px no-repeat; } #video_selector .videos_list ul li .thumb_org { background: transparent url(../images/bkg_video_list_thumb_org.gif) 0px 0px no-repeat; } #video_selector .videos_list ul li .thumb span { position: absolute; width: 38px; height: 38px; top: 7px; right: 3px; } #video_selector .videos_list ul li .thumb span.defi { top:14px; } #video_selector .videos_list ul li .desc { padding: 11px 10px 5px 10px; } #video_selector .videos_list ul li .desc .title { font-size: 11px; line-height: 12px; } #video_selector .videos_list ul li .desc .username { color: #47A4C8; font-size: 11px; line-height: 12px; } #video_selector .videos_list ul li .desc .date { display: block; color: #47A4C8; font-size: 9px; line-height: 12px; } #video_selector .videos_list ul li .desc .viewed { display: block; color: #47A4C8; font-size: 9px; line-height: 12px; } #video_selector .videos_list ul li .desc .vote {} #video_selector .videos_list ul li .desc .vote span.off { width: 20px; height: 18px; background: transparent url(../images/ico_love_white.png) 1px 0px no-repeat; } #video_selector .videos_list ul li .desc .vote span.on { width: 20px; height: 18px; background: transparent url(../images/ico_love_red.png) 1px 0px no-repeat; } #video_selector .videos_list ul li .desc .dotted { margin: 5px 0px 0px 0px; padding-top: 5px; background: transparent url(../images/bkg_separator_sm_blue.png) 0px 0px repeat-x;} #video_selector a.see_more { width: 117px; height: 51px; display: block; position: absolute; right: 5px; top: 215px; z-index:100; background: transparent url(../images/bt_seemore_md.png) 0px 0px no-repeat; outline: 0; } #video_selector a:hover.see_more { background-position: 0px -51px; } #video_selector ul#videos_deficurr_ul li {} #video_selector ul#videos_deficurr_ul li.first { position: relative; width: 300px; height: 196px; background: transparent url(../images/bkg_carousel_currentdefi.png) -5px 0px no-repeat; } #video_selector ul#videos_deficurr_ul li.first .defi_num { position: absolute; width: 30px; height: 24px; top: 50px; left: 49px; background: transparent url(../images/defis/defi_01.png) 1px 0px no-repeat; } #video_selector ul#videos_deficurr_ul li.first .defi_pretitle { padding: 39px 18px 0 116px; color: #000000; font-size: 13px; line-height: 14px; font-weight: bold; } #video_selector ul#videos_deficurr_ul li.first .defi_title { padding: 5px 18px 0 116px; } #video_selector ul#videos_deficurr_ul li.first .defi_text { padding: 5px 18px 0 30px; } #video_selector ul#videos_deficurr_ul li.first a.defi_link_video, #video_selector ul#videos_deficurr_ul li.first a.defi_link_video_prec { left: 173px; position: absolute; top: 144px; } #video_selector #videos_populaires {} #video_selector #videos_recents {} #video_selector #videos_libres {} #video_selector #videos_defis {} #vrak_related { /*height: 280px;*/ padding: 66px 0px 0px 40px; margin-top: -30px; background: transparent url(../images/bkg_separator_emission.png) 1px 0px no-repeat; } #vrak_related #photos { width:370px; background: transparent url(../images/title_photos.png) 1px 12px no-repeat; } #vrak_related #photos .photos_list { width: 312px; height: 140px; padding: 37px 0px 0px 0px; } #vrak_related #photos .photos_list ul { height: 140px; } #vrak_related #photos .photos_list ul li { float: left; width: 312px; height: 140px; } /*#vrak_related #photos .photos_list ul li a { display: block; padding: 3px 4px; width: 104px; height: 70px; }*/ #vrak_related #photos .photos_list ul li .videos3x2 { width: 312px; height: 140px; } #vrak_related #photos .photos_list ul li .videos3x2 .unit { float: left; width: 104px; height: 70px; background: transparent url(../images/bkg_carousel_photos_item.png) 1px 0px no-repeat; } #vrak_related #photos .photos_list ul li .videos3x2 .unit a { display: block; padding: 3px 4px; /*width: 104px; height: 70px; */ } #vrak_related #forum { width:180px; } #vrak_related #facebook { width:180px; } #vrak_related p { padding-left:5px; width:140px; margin-top: 4px; font-size: 12px; line-height: 15px; } #vrak_related #webtele { position: relative; width:200px; height: 118px; background: transparent url(../images/title_webtele.png) 1px 1px no-repeat; } #vrak_related #webtele img { position: absolute; top: 41px; left: 8px; width: 128px; height: 72px; } #vrak_related #webtele p{ position: absolute; top: 117px; left: 1px; width: 138px; height: 30px; } .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 75px; height: 75px; } .jcarousel-next { cursor: pointer; z-index: 3; display: none; /*background-color: #FFCC55;*/ } .jcarousel-prev { cursor: pointer; z-index: 3; display: none; /*background-color: #FFCC55; */ } .videos_canvas .jcarousel-next { position: absolute; width: 35px; height: 150px; top: 8px; right: -37px; cursor: pointer; background: transparent url(../images/bt_carousel_photos_next3.png) 8px 75px no-repeat; } .videos_canvas .jcarousel-prev { position: absolute; width: 35px; height: 150px; top: 8px; left: -37px; cursor: pointer; background: transparent url(../images/bt_carousel_photos_prev3.png) 11px 76px no-repeat; } .videos_canvas .jcarousel-next:hover { background: transparent url(../images/bt_carousel_photos_next.png) -2px 67px no-repeat; } .videos_canvas .jcarousel-prev:hover { background: transparent url(../images/bt_carousel_photos_prev.png) -34px 67px no-repeat; } .videos_canvas .jcarousel-next-disabled, .videos_canvas .jcarousel-next-disabled:hover { background: transparent url(../images/bt_carousel_photos_next.png) 5px -60px no-repeat; } .videos_canvas .jcarousel-prev-disabled, .videos_canvas .jcarousel-prev-disabled:hover { background: transparent url(../images/bt_carousel_photos_prev.png) 5px -60px no-repeat; } .photos_list .jcarousel-next { position: absolute; width: 36px; height: 36px; top: 88px; right: -38px; background: transparent url(../images/bt_carousel_photos_next2.png) 0px 0px no-repeat; } .photos_list .jcarousel-prev { position: absolute; width: 36px; height: 36px; top: 88px; left: -40px; background: transparent url(../images/bt_carousel_photos_prev2.png) 0px 0px no-repeat; } .photos_list .jcarousel-next-disabled { background: transparent url(../images/bt_carousel_photos_next2.png) 0px -36px no-repeat; } .photos_list .jcarousel-prev-disabled { background: transparent url(../images/bt_carousel_photos_prev2.png) 0px -36px no-repeat; } .videos_list_vert .jcarousel-next { position: absolute; width: 50px; height: 50px; top: 534px; left: 125px; cursor: pointer; } .videos_list_vert .jcarousel-prev { position: absolute; width: 50px; height: 50px; top: 60px; left: 125px; cursor: pointer; } .loader { background: transparent url(../images/loader2.gif) 1px 0px no-repeat; } #video_loader { position: absolute; width: 24px; height: 24px; top: 45px; left: 13px; } .ui-tabs-hide, .ui-tabs .ui-tabs-hide { position: absolute !important; left: -10000px !important; } /******************************************** * * JE CREE : DEFIS PRESENTATION * *********************************************/ #defis #player .infos .desc { width: 385px; } #defis #player .infos .desc .title { color: #666666; line-height: 20px; } #defis #player .infos .desc p { height: 30px; top: 13px; color: #004695; font-size: 12px; line-height: 16px; font-weight: bold; } #defis #player .infos .participate { position: absolute; width: 234px; height: 73px; top: 5px; left: 404px; } #defis #player .infos .participate a { display: block; width: 234px; height: 73px; background: transparent url(../images/bt_jemelance.png) 1px -72px no-repeat; outline: 0; } #defis #player .infos .participate a:hover { background-position: 1px 0px; } #defis .intersaison_contenu { margin-top: 18px; } #defis #archives { width: 673px; margin-top: 14px; background: transparent url(../images/title_archives2.png) -2px 0px no-repeat; } #defis #archives ul { padding: 6px 0px 0px 127px; } #defis #archives ul li { position: relative; float: left; width: 42px; height: 17px; } #defis #archives ul li a { display: block; border: 2px solid transparent; position: absolute; width: 38px; height: 13px; top: 2px; left: 2px; } #defis #archives ul li a:hover { border: 2px solid #000000; } #defis #archives ul li a.selected { border: 2px solid #000000; } #defis #archives ul li a.disabled {} #defis #archives ul li a:hover.disabled { border: 2px solid transparent; } #defis #archives .miniplayer { height: 65px; padding: 87px 5px 0px 5px; position: relative; margin-top: 10px; } #defis #archives .miniplayer .thumb { position: absolute; width: 136px; height: 80px; top: 0px; left: 2px; background: transparent url(../images/bkg_player_mini.png) -1px 0px no-repeat; } #defis #archives .miniplayer .thumb .play { display: block; position: absolute; width: 46px; height: 46px; top: 18px; left: 43px; background: transparent url(../images/overlay_play.png) 0px 0px no-repeat;} #defis #archives .miniplayer .thumb img { margin: 4px 0px 0px 3px; width: 128px; } #defis #archives .miniplayer .title { color: #000000; font-size: 11px; line-height: 16px; font-weight: bold; text-transform: uppercase; } #defis #archives .miniplayer .subtitle { color: #FFFFFF; font-size: 11px; line-height: 16px; font-weight: bold; } #defis #archives .miniplayer .subtitle a { color: #FFFFFF; text-transform: uppercase; } #defis #archives .miniplayer p { font-family: arial; color: #FFFFFF; font-size: 12px; line-height: 15px; } #defis #archives .presentation { width: 330px; height: 220px; margin-top:20px; position: relative; background: transparent url(../images/bkg_archives_pastille.png) 0px 2px no-repeat; } #defis #archives .presentation .num { display: block; position: absolute; width: 12px; height: 12px; top: 55px; left: 44px; } #defis #archives .presentation .inner_box { padding: 0px 25px 0px 127px; } #defis #archives .presentation .inner_box .title_box { width: 188px; height: 33px; background: transparent url(../images/title_archives_defis.png) 4px 0px no-repeat; } #defis #archives .presentation_finale { width: 330px; height: 220px; margin-top:20px; position: relative; background: transparent url(../images/bkg_archives_pastille_finale.png) 0px 2px no-repeat; } #defis #archives .gagnants { width: 310px; height: 220px; margin-top:20px; background: transparent url(../images/bkg_archives_sep.gif) 0px 0px repeat-y; } #defis #archives .gagnants .inner_box { padding: 0px 0px 0px 16px;} #defis #archives .gagnants .inner_box .title_box { width: 188px; height: 33px; background: transparent url(../images/title_archives_gagnants.png) 4px 0px no-repeat; } #defis #archives .gagnants .gagnants_box { width: 145px; height: 160px; position: relative; float: left; } #defis #archives .gagnants .gagnants_box span { display: block; width: 36px; height: 36px; top: 0px; right: 1px; } #defis #archives .gagnants .gagnants_box span.star { background: transparent url(../images/ico_star_org.png) 0px 0px no-repeat; } #defis #archives .gagnants .gagnants_box span.heart { background: transparent url(../images/ico_heart_org.png) 0px 0px no-repeat; } #defis #archives .gagnants a.seemore { display: block; height: 17px; background: transparent url(../images/bkg_see_all_defi.png) 0px 0px no-repeat; font-weight:bold; padding-left:4px; } #defis #archives .gagnants a {} #defis #archives .separator_dotted { background-position: 5px 0px; } #defis #archives_full { float: left; width: 592px; } #defis #prices { position: relative; width: 310px; height: 370px; margin-top: 15px; background: transparent url(../images/bkg_panel_prices3.png) 0px 0px no-repeat;} #defis #prices.intersaison { position: relative; width: 310px; height: 370px; margin-top: 15px; background: transparent url(../images/bkg_panel_prices_intersaison.png) 0px 0px no-repeat;} #defis #prices a { display: block; position: absolute; width: 133px; height: 49px; top: 300px; left: 160px; background: transparent url(../images/bt_know_more.png) 0px 0px no-repeat; outline: 0; } #defis #prices a:hover { background: transparent url(../images/bt_know_more.png) 0px -49px no-repeat; } #defis #prices.intersaison a { display: none; } #related_carousel { height: 605px; margin-top:8px; z-index: 1; background: transparent url(../images/bkg_carousel_related.png) 1px 0px no-repeat; } #related_carousel .videos_list_vert { position: relative; width: 300px; height: 490px; padding: 110px 0px 0px 2px; /*overflow: hidden;*/ } #related_carousel .videos_list_vert .videos2x2 { width: 300px; height: 422px; } #related_carousel .jcarousel-clip { width: 300px; height: 422px; } #related_carousel .videos_list_vert .videos2x2 .unit { width: 150px; height: 211px; } #related_carousel .videos_list_vert ul { width: 300px; } #related_carousel .videos_list_vert ul li { float: none; width: 300px; height: 422px; margin: 0px; } #related_carousel .videos_list_vert ul li:hover { background-color: transparent; } #related_carousel a.see_more { position: absolute; bottom: -4px; right: 15px; width: 117px; height: 51px; display: block; background: transparent url(../images/bt_seemore_md.png) 0px 0px no-repeat; outline: 0;} #related_carousel a:hover.see_more { background-position: 0px -51px; } #related_carousel .videos_list_vert ul li .desc .dotted { margin: 5px 0px 0px 0px; padding-top: 5px; background: transparent url(../images/bkg_separator_sm_blue.png) 0px 0px repeat-x; } #related_carousel .videos_list_title { position: absolute; width: 274px; height: 41px; left: 1px; top: 9px; } #related_carousel #meme_defi.videos_list_title { background: transparent url(../images/title_meme_defi.png) 0px 0px no-repeat; } #related_carousel #meme_libre.videos_list_title { background: transparent url(../images/title_meme_libre.png) 0px 0px no-repeat; } #related_carousel #meme_tag.videos_list_title { background: transparent url(../images/title_aimera_aussi.png) 0px 0px no-repeat; } /******************************************** * * JE CREE : DEFIS * *********************************************/ #fabrique {} #fabrique #fabrique_flash { width: 984px; height: 700px; margin-left: -10px; } .pub_fabrique { position: relative; margin: 21px 0px 20px 70px; width: 300px; height: 250px; background-color: #714300; border: 1px solid #FFFFFF; } .pub_fabrique .ico { display: block; position: absolute; top: 0px; left: -40px; width: 32px; height: 27px;background: transparent url(../images/ico_pub2.png) 0px 0px no-repeat; } #defis #vrak_related { width: 530px; padding: 60px 0px 0px 45px; background: transparent url(../images/bkg_separator_emission.png) center 0px no-repeat; } #defis #vrak_related #webtele { width:174px; } #defis #vrak_related #forum { width:170px; } #defis #vrak_related #facebook { width:160px; } /******************************************** * * GAGNANTS : LIST * *********************************************/ #page_gagnants.page_layout { margin-top: -54px; } #page_gagnants.page_layout .side .pub { margin: 15px 0 0 1px; } #videos_listing .videos_listing_tabs ul li#t_gagnants_infos { margin-top: 4px; width: 103px; background: url(../images/tab_gagnants_infos.png) 0px 0px no-repeat; } #videos_listing .videos_listing_tabs ul li#t_gagnants_infos.selected { margin-top: 0px; width: 121px; background: url(../images/tab_gagnants_infos.png) 0px -27px no-repeat; } #videos_listing .videos_listing_tabs ul li#t_gagnants_infos a { background-image: none; } #videos_listing .videos_listing_tabs ul li#t_gagnants_gagnants { margin-top: 4px; width: 80px; background: url(../images/tab_gagnants_gagnants.png) 0px 0px no-repeat; } #videos_listing .videos_listing_tabs ul li#t_gagnants_gagnants.selected { margin-top: 0px; width: 91px; background: url(../images/tab_gagnants_gagnants.png) 0px -27px no-repeat; } #videos_listing .videos_listing_tabs ul li#t_gagnants_gagnants a { background-image: none; } /******************************************** * * JE REGARDE : LIST * *********************************************/ #page_defis.page_layout { margin-top: -54px; } #page_defis.page_layout .side .pub { margin: 15px 0 0 1px; } #videos_listing { position: relative; z-index:1; padding-top:11px; } #videos_listing .videos_listing_tabs { position: relative; height: 30px; width: auto; } #videos_listing .videos_listing_tabs ul { padding-left:10px; } #videos_listing .videos_listing_tabs ul li { position:relative; z-index:10; float: left; width: 46px; height: 26px; background: transparent url(../images/bkg_regarde_tab_defi.png) 0px 1px no-repeat; } #videos_listing .videos_listing_tabs ul li.selected { margin-top:-5px; width: 63px; height: 30px; background-position: 0px -53px; } #videos_listing .videos_listing_tabs ul li.inactive { margin-top: 0px; background-position: 0px -25px; } #videos_listing .videos_listing_tabs ul li a { display: block; height: 26px; font-size: 0px; outline: 0; background: transparent url(../images/defis/tab_regarde_01.png) 27px 1px no-repeat; } #videos_listing .videos_listing_tabs ul li.selected a { background-position: 38px -51px; } #videos_listing .videos_listing_tabs ul li.inactive a { background-position: 27px -24px; } #videos_listing .videos_listing_tabs ul li a.defi01 { background-image: url(../images/defis/tab_regarde_01.png); } #videos_listing .videos_listing_tabs ul li a.defi02 { background-image: url(../images/defis/tab_regarde_02.png); } #videos_listing .videos_listing_tabs ul li a.defi03 { background-image: url(../images/defis/tab_regarde_03.png); } #videos_listing .videos_listing_tabs ul li a.defi04 { background-image: url(../images/defis/tab_regarde_04.png); } #videos_listing .videos_listing_tabs ul li a.defi05 { background-image: url(../images/defis/tab_regarde_05.png); } #videos_listing .videos_listing_tabs ul li a.defi06 { background-image: url(../images/defis/tab_regarde_06.png); } #videos_listing .videos_listing_tabs ul li a.defi07 { background-image: url(../images/defis/tab_regarde_07.png); } #videos_listing .videos_listing_tabs ul li a.defi08 { background-image: url(../images/defis/tab_regarde_08.png); } #videos_listing .videos_listing_tabs ul li a.defi09 { background-image: url(../images/defis/tab_regarde_09.png); } #videos_listing .videos_listing_tabs ul li a.defi10 { background-image: url(../images/defis/tab_regarde_10.png); } #videos_listing .videos_listing_tabs ul li a.defi11 { background-image: url(../images/defis/tab_regarde_11.png); } #videos_listing .videos_listing_tabs ul li a.defi12 { background-image: url(../images/defis/tab_regarde_12.png); } #videos_listing .videos_listing_tabs ul li a.defi13 { background-image: url(../images/defis/tab_regarde_13.png); } #videos_listing .top_adjust { margin-top: -5px; } #videos_listing .top { position: relative; height:45px; z-index:2; background: transparent url(../images/bkg_video_list_t.png) 0px 0px no-repeat; } #videos_listing .pager { position: absolute; width: 320px; height: 20px; top: 13px; left: 45px; } #videos_listing .pager ul {} #videos_listing .pager ul li { float: left; width: 18px; height: 14px; margin-right: 2px; color: #FFFFFF; } #videos_listing .pager ul li a { display:block; width:18px; color: #5198DB; font-size: 10px; line-height: 15px; font-weight: bold; text-align:center; } #videos_listing .pager ul li a:hover { color: #FFFFFF; text-decoration: none; } #videos_listing .pager ul li a.selected { color: #FEE9B4; } #videos_listing .sorter { color: #BA833C; position: absolute; width: 250px; height: 20px; top: 13px; right: 26px; text-align:right; color: #BA833C; font-size: 9px; line-height: 12px; font-weight: bold; } #videos_listing .sorter a { color: #5198DB; font-size: 9px; line-height: 12px; font-weight: bold; } #videos_listing .sorter a:hover { color: #FFFFFF; text-decoration: none; } #videos_listing .sorter a.selected { color: #FEE9B4; } #videos_listing .sorter span { color: #BA833C; padding: 0px 5px 0px 5px; } #videos_listing .sorter a#defis_filter{ padding: 0px 12px 0px 0px; background: transparent url(../images/bkg_filter_defis.gif) right 2px no-repeat; } #videos_listing .sorter #defis_filter_list { position:absolute; right: 1px; top:20px; width:50px; background-color: #24180A; display: none; } #videos_listing .sorter #defis_filter_list ul { padding: 0px 1px 1px 1px; } #videos_listing .sorter #defis_filter_list ul li { } #videos_listing .sorter #defis_filter_list ul li:hover { background-color: #795222; } #videos_listing .sorter #defis_filter_list ul li a { outline: 0; padding: 2px 5px 1px 4px; display: block; } #videos_listing .sorter #defis_filter_list ul li a:hover {} #videos_listing .bottom { position: relative; top: -14px; height:58px; z-index:2; background: transparent url(../images/bkg_video_list_b.png) 0px -200px no-repeat; } #videos_listing .videos_canvas { position: relative; z-index: 1; top: -7px; left: 0px; width: 672px; height: auto !important; min-height: 200px; height: 200px; background-image: none; } #videos_listing .videos_list { position: static; width: 672px; height: auto !important; min-height: 200px; height: 200px; overflow:hidden; } #videos_listing .videos_list ul { height: 203px; padding: 1px 0px 0px 40px; /*width: 672px;*/ background: transparent url(../images/bkg_video_list_m.png) 0px 0px no-repeat;} #videos_listing .videos_list ul li { position: relative; float: left; width: 146px; height:201px; margin-right: 3px; } #videos_listing .videos_list ul li.alt_text { width:595px; padding-top: 20px; height:181px; } #videos_listing .videos_list ul li:hover.alt_text { background-color:#FFFFFF; } #videos_listing .videos_list ul li div:hover.bkg{ background-color: #FECC4F; } #videos_listing .videos_list ul li .deco11 { position: absolute; top: 159px; left: -483px; width: 43px; height: 91px; background: transparent url(../images/bkg_video_list_spacer11.png) 0px 0px no-repeat; } #videos_listing .videos_list ul li .deco12 { position: absolute; top: 159px; left: 140px; width: 43px; height: 91px; background: transparent url(../images/bkg_video_list_spacer12.png) 0px 0px no-repeat; } #videos_listing .videos_list ul li .deco21 { position: absolute; top: 159px; left: -483px; width: 43px; height: 91px; background: transparent url(../images/bkg_video_list_spacer21.png) 0px 0px no-repeat; } #videos_listing .videos_list ul li .deco22 { position: absolute; top: 159px; left: 140px; width: 43px; height: 91px; background: transparent url(../images/bkg_video_list_spacer22.png) 0px 0px no-repeat; } #videos_listing .videos_list ul li .thumb { position: relative; padding: 14px 9px 4px 9px; background: transparent url(../images/bkg_video_list_thumb.png) 6px 11px no-repeat; } #videos_listing .videos_list ul li .thumb_vio { background: transparent url(../images/bkg_video_list_thumb_vio.gif) 0px 0px no-repeat; } #videos_listing .videos_list ul li .thumb_org { background: transparent url(../images/bkg_video_list_thumb_org.gif) 0px 0px no-repeat; } #videos_listing .videos_list ul li .thumb span { } #videos_listing .videos_list ul li .desc { padding: 11px 10px 5px 10px; } #videos_listing .videos_list ul li .desc .title { font-size: 11px; line-height: 12px; } #videos_listing .videos_list ul li .desc .username { color: #47A4C8; font-size: 11px; line-height: 12px; } #videos_listing .videos_list ul li .desc .date { display: block; color: #47A4C8; font-size: 9px; line-height: 12px; } #videos_listing .videos_list ul li .desc .viewed { display: block; color: #47A4C8; font-size: 9px; line-height: 12px; } #videos_listing .videos_list ul li .desc .vote {} #videos_listing .videos_list ul li .desc .vote span.off { width: 20px; height: 18px; background: transparent url(../images/ico_love_white.png) 1px 0px no-repeat; } #videos_listing .videos_list ul li .desc .vote span.on { width: 20px; height: 18px; background: transparent url(../images/ico_love_red.png) 1px 0px no-repeat; } #videos_listing .videos_list ul li .desc .dotted { margin: 5px 0px 0px 0px; padding-top: 5px; background: transparent url(../images/bkg_separator_sm_blue.png) 0px 0px repeat-x; } #videos_listing .videos_list ul.only_one { background: transparent url(../images/bkg_video_list_b.png) 0px 0px no-repeat; } #videos_listing .videos_list ul.only_one .deco { background-image: none; } #videos_listing .top_defi { position: relative; width: 672px; height: 270px; margin-top:-8px; background: transparent url(../images/bkg_regarde_defi_courant.png) 0px 0px no-repeat; } #videos_listing .top_defi .defi_img{ position: absolute; top: 26px; left: 50px; width: 260px; height: 146px; /*background-color: #FF0099; */ } #videos_listing .top_defi .pastille {position: absolute; width: 76px; height: 76px; top: 14px; left: 17px; background: transparent url(../images/bkg_defis_md.png) 0px 0px no-repeat; } #videos_listing .top_defi .defi_num { position: absolute; top: 57px; left: 42px; width: 30px; height: 22px; background:transparent url(../images/defis/defi_01.png) no-repeat scroll 1px 0; } #videos_listing .top_defi .defi_link_more { position: absolute; width: 260px; height: 100px; top: 66px; left: 330px; } #videos_listing .top_defi .defi_pretitle { position: absolute; top: 39px; left: 322px; width: 328px; height: 20px; text-align: right; } #videos_listing .top_defi .defi_title { position: absolute; top: 190px; left: 46px; width: 375px; height: 20px; } #videos_listing .top_defi .defi_text { position: absolute; top: 217px; left: 46px; width: 375px; height: 50px; } #videos_listing .top_defi .defi_link_video { position: absolute; top: 150px; left: 180px; } #videos_listing .top_defi .defi_link { position: absolute; top: 177px; left: 455px; } #videos_listing .top_defi .play { display: block; position: absolute; width: 86px; height: 86px; top: 54px; left: 130px; background: transparent url(../images/overlay_play3.png) 0px 0px no-repeat;} #videos_listing .top_defipast { position: relative; width: 672px; height: 270px; margin-top:-8px; background: transparent url(../images/bkg_regarde_defi_past.png) 0px 0px no-repeat; } #videos_listing .top_defipast .bloc_l { float: left; width: 323px; height: 270px; } #videos_listing .top_defipast .bloc_r { float: left; width: 310px; height: 270px; } #videos_listing .top_defipast .bloc_l .defi_img { position: absolute; top: 26px; left: 32px; width: 250px; height: 146px; /*background-color: #FF0099;*/ } #videos_listing .top_defipast .bloc_l .mask { position: absolute; top: 26px; left: 32px; width: 260px; height: 146px; background: transparent url(../images/mask_img_presentation.png) 0px 0px no-repeat; } #videos_listing .top_defipast .bloc_l .defi_title { width: 260px; } #videos_listing .top_defipast .bloc_l .defi_text { width: 260px; } #videos_listing .top_defi .play { display: block; position: absolute; width: 86px; height: 86px; top: 57px; left: 138px; background: transparent url(../images/overlay_play2.png) 0px 0px no-repeat;} #videos_listing .top_defipast .bloc_r .bloc_r_title { padding: 24px 0 5px 23px; color: #000000; font-size: 15px; line-height: 25px; font-weight: bold; } #videos_listing .top_defipast .bloc_r .videos_list ul { padding: 1px 0 0px 16px; background: transparent none; } #videos_listing .top_defipast .bloc_r .videos_list ul li .suptitle { padding: 0px 0px 5px 7px; color: #202696; font-size: 10px; line-height: 15px; font-weight: bold; } #videos_listing .top_defipast .bloc_r .videos_list ul li .desc .title { color: #000000; } #videos_listing .top_defipast .bloc_r .videos_list ul li .desc .username, #videos_listing .top_defipast .bloc_r .videos_list ul li .desc .username a { color: #202696; } #videos_listing .top_defipast .bloc_r .videos_list ul li .desc .date { color: #202696; } #videos_listing .top_defipast .bloc_r .videos_list ul li .desc .viewed { color: #202696; } #videos_listing .top_defipast .play { top: 59px; left: 111px; } #videos_listing .top_defipast .bloc_r .videos_list ul li .thumb { position: relative; padding: 7px 9px 4px 9px; background: transparent url(../images/bkg_video_list_thumb_org.png) 6px 4px no-repeat; } #videos_listing .top_defipast .bloc_r .videos_list ul li .thumb span { top:-1px; } #videos_listing .top_defipast .bloc_r .videos_list ul li .thumb span.defi { top: 7px; } #videos_listing .gagnants_infos_bloc { width: 672px; height: 456px; position: relative; background: transparent url(../images/bkg_gagnants_infos.png) 0px 0px no-repeat; } #videos_listing .gagnants_infos_bloc a.reglement { display: block; width: 120px; height: 30px; position: absolute; top: 24px; left: 543px; } /******************************************** * * ARCHIVES : LIST * *********************************************/ #archives_header { width: 991px; height: 334px; background: transparent url(../images/bkg_archives_list.png) 0px 0px no-repeat; } #archives_header.archives_libres { height: 69px; } #archives_header .archives_selector { height: 67px; } #archives_header .archives_selector .inner { padding: 38px 0px 0px 25px; } #archives_header .archives_selector .inner select { display: block; height: 20px; float: left; width: 218px; margin-top: 5px; } #archives_header .archives_selector .inner a { display: block; float: left; } #archives_header .archives_selector .inner a#arch_defis_tab { margin-top: 4px; height: 26px; margin-left: 14px; width: 106px; background: transparent url(../images/tab_archives_defis.png) 0px -30px no-repeat; } #archives_header .archives_selector .inner a#arch_defis_tab.selected { margin-top: 0px; height: 31px; width: 117px; background-position: 0px 0px; } #archives_header .archives_selector .inner a#arch_libres_tab { margin-top: 4px; height: 26px; margin-left: 3px; width: 106px; background: transparent url(../images/tab_archives_libres.png) 0px -31px no-repeat;} #archives_header .archives_selector .inner a#arch_libres_tab.selected { margin-top: 0px; height: 31px; width: 117px; background-position: 0px 0px; } #archives_header .archives_top { padding-top:5px; } #archives_header .archives_top .select_defi { clear:both; float: left; width: 308px; height: 244px; } #archives_header .archives_top .select_defi .choose { padding: 6px 0px 4px 25px; background: transparent url(../images/bkg_separator_wide_black.gif) 20px 21px no-repeat; font-size: 11px; line-height: 12px; font-weight: bold; } #archives_header .archives_top .select_defi ul { padding: 0px 25px 0px 20px; } #archives_header .archives_top .select_defi ul li { width: 269px; height: 18px; background: transparent url(../images/bkg_separator_wide_black.gif) 0px 17px no-repeat;} #archives_header .archives_top .select_defi ul li.selected { background-color: #FFFFFF; } #archives_header .archives_top .select_defi ul li.first {} #archives_header .archives_top .select_defi ul li a { display: block; padding: 0px 0px 0px 5px; color: #004486; font-size: 10px; line-height: 17px; font-weight: bold; } #archives_header .archives_top .select_defi ul li:hover { background-color: #FFFFFF; } #archives_header .archives_top .top_defipast { float:left; background-image: none; } #videos_listing #archives_listing .top { position: relative; height: 43px; z-index:2; background: transparent url(../images/bkg_video_list_t_full.png) 0px 0px no-repeat; } #videos_listing #archives_listing .bottom { position: relative; top: -14px; height:58px; z-index:2; background: transparent url(../images/bkg_video_list_b_full.png) 0px -200px no-repeat; } #videos_listing #archives_listing .videos_canvas { position: relative; z-index: 1; top: -7px; left: 0px; width: 984px; height: auto !important; min-height: 200px; height: 200px; background-image: none; } #videos_listing #archives_listing #videos_paged_container .videos_list { position: static; width: 984px; height: auto !important; min-height: 200px; height: 200px; overflow:hidden; } #videos_listing #archives_listing #videos_paged_container .videos_list ul { height: 203px; padding: 1px 0px 0px 40px; /*width: 672px;*/ background: transparent url(../images/bkg_video_list_m_full.png) 0px 0px no-repeat;} #videos_listing #archives_listing #videos_paged_container .videos_list ul li { position: relative; float: left; width: 146px; height:201px; margin-right: 3px; } #videos_listing #archives_listing #videos_paged_container .videos_list ul li div:hover.bkg{ background-color: #FECC4F; } #videos_listing #archives_listing #videos_paged_container .videos_list ul li .deco11 { position: absolute; top: 159px; left: -777px; width: 43px; height: 91px; background: transparent url(../images/bkg_video_list_spacer11.png) 0px 0px no-repeat; } #videos_listing #archives_listing #videos_paged_container .videos_list ul li .deco12 { position: absolute; top: 159px; left: 140px; width: 43px; height: 91px; background: transparent url(../images/bkg_video_list_spacer12.png) 0px 0px no-repeat; } #videos_listing #archives_listing #videos_paged_container .videos_list ul li .deco21 { position: absolute; top: 159px; left: -777px; width: 43px; height: 91px; background: transparent url(../images/bkg_video_list_spacer21.png) 0px 0px no-repeat; } #videos_listing #archives_listing #videos_paged_container .videos_list ul li .deco22 { position: absolute; top: 159px; left: 140px; width: 43px; height: 91px; background: transparent url(../images/bkg_video_list_spacer22.png) 0px 0px no-repeat; } #videos_listing #archives_listing #videos_paged_container .videos_list ul li .thumb { position: relative; padding: 14px 9px 4px 9px; background: transparent url(../images/bkg_video_list_thumb.png) 6px 11px no-repeat; } #videos_listing #archives_listing #videos_paged_container .videos_list ul li .thumb_vio { background: transparent url(../images/bkg_video_list_thumb_vio.gif) 0px 0px no-repeat; } #videos_listing #archives_listing #videos_paged_container .videos_list ul li .thumb_org { background: transparent url(../images/bkg_video_list_thumb_org.gif) 0px 0px no-repeat; } #videos_listing #archives_listing #videos_paged_container .videos_list ul li .thumb span { } #videos_listing #archives_listing #videos_paged_container .videos_list ul li .desc { padding: 11px 10px 5px 10px; } #videos_listing #archives_listing #videos_paged_container .videos_list ul li .desc .title { font-size: 11px; line-height: 12px; } #videos_listing #archives_listing #videos_paged_container .videos_list ul li .desc .username { color: #47A4C8; font-size: 11px; line-height: 12px; } #videos_listing #archives_listing #videos_paged_container .videos_list ul li .desc .date { display: block; color: #47A4C8; font-size: 9px; line-height: 12px; } #videos_listing #archives_listing #videos_paged_container .videos_list ul li .desc .viewed { display: block; color: #47A4C8; font-size: 9px; line-height: 12px; } #videos_listing #archives_listing #videos_paged_container .videos_list ul li .desc .vote {} #videos_listing #archives_listing #videos_paged_container .videos_list ul li .desc .vote span.off { width: 20px; height: 18px; background: transparent url(../images/ico_love_white.png) 1px 0px no-repeat; } #videos_listing #archives_listing #videos_paged_container .videos_list ul li .desc .vote span.on { width: 20px; height: 18px; background: transparent url(../images/ico_love_red.png) 1px 0px no-repeat; } #videos_listing #archives_listing #videos_paged_container .videos_list ul li .desc .dotted { margin: 5px 0px 0px 0px; padding-top: 5px; background: transparent url(../images/bkg_separator_sm_blue.png) 0px 0px repeat-x; } #videos_listing #archives_listing #videos_paged_container .videos_list ul.only_one { background: transparent url(../images/bkg_video_list_b_full.png) 0px 0px no-repeat; } #videos_listing #archives_listing #videos_paged_container .videos_list ul.only_one .deco { background-image: none; } /******************************************** * * JE REGARDE : SINGLE * *********************************************/ #comments { padding: 52px 10px 0px 0px; background: transparent url(../images/title_comments.png) 0px 0px no-repeat; } #comments .comments_sep{ margin: 12px 0px 3px 0px; height: 3px; background: transparent url(../images/bkg_separator_wide.png) 0px 0px no-repeat; } #comments .comment_block { position: relative; padding-top: 10px; margin-top: 10px; background: transparent url(../images/bkg_separator_black.png) 0px 0px no-repeat; } #comments .comment_block_first { background-image: none; margin-top: 0px; } #comments .comment_block .title { color: #000000; font-size: 15px; line-height: 14px; font-weight: bold; } #comments .comment_block .infos {color: #F4E2C8; font-size: 12px; line-height: 15px; } #comments .comment_block .infos a { color: #F4E2C8; font-weight: bold; } #comments .comment_block .infos a:hover { } #comments .comment_block .text { padding-top: 11px; color: #000000; font-size: 12px; line-height: 15px; } #comments .comment_block .abuse_reponse { padding: 5px 0px 5px 0px; color: #CC0000; display:none; font-size: 12px; line-height: 15px; font-weight: bold; } #comments .comment_block a.abuse { position: absolute; display: block; top: 5px; right: 2px; width: 19px; height: 17px; background: transparent url(../images/ico_abuse.png) 0px 0px no-repeat;} #comments form { margin-top: 10px; height: 110px; background: transparent url(../images/bkg_react.png) 5px 0px no-repeat; } #comments form textarea { width: 426px; height: 60px; margin: 23px 0px 0px 125px; border: 0px; background-color: transparent; } #comments form a { float: right; margin: 45px 22px 0px 0px; display: block; width: 80px; height: 45px; } #comments a.anchors { height: 0px; line-height: 0px; } /******************************************** * * MA PAGE : PROFILE * *********************************************/ #videos_listing.mapage { margin-top: 7px; } #videos_listing .top_mapage { position: relative; height:122px; z-index:2; background: transparent url(../images/bkg_title_mapage.png) 0px 0px no-repeat; } #videos_listing .top_mapage .pager { top: 91px; } #videos_listing .top_mapage .sorter { top: 91px; } #videos_listing .top_mapage .username { position: absolute; top: 20px; left: 15px; width: 300px; height: 25px; color: #000000; font-size: 15px; line-height: 14px; font-weight: bold;} #videos_listing .videos_listing_tabs_mapage { position: relative; height: 28px; width: auto; top: 58px; } #videos_listing .videos_listing_tabs_mapage ul {} #videos_listing .videos_listing_tabs_mapage ul li { float: left; height: 33px; background: transparent 0px 1px no-repeat; } #videos_listing .videos_listing_tabs_mapage ul li a { display: block; height: 30px; font-size: 0px; outline: 0; background-image: none;} #videos_listing .videos_listing_tabs_mapage ul li.selected {} #videos_listing .videos_listing_tabs_mapage ul li .count { position: absolute; top: 11px; right: 5px; width: 28px; height: 21px; background: url(../images/bkg_tab_brackets_off.gif) 0px 0px no-repeat; } #videos_listing .videos_listing_tabs_mapage ul li .count .inner { text-align: center; padding: 2px 0px 0px 0px; color: #4C7594; font-size: 13px; line-height: 14px; font-weight: bold; } #videos_listing .videos_listing_tabs_mapage ul li.selected .count { top: 8px; background: url(../images/bkg_tab_brackets_on.gif) 0px 0px no-repeat; } #videos_listing .videos_listing_tabs_mapage ul li.selected .count .inner { color: #FFFFFF; } #videos_listing .videos_listing_tabs_mapage ul li#t_sketchs { margin-top:-8px; width: 111px; background: url(../images/tab_mapage_sketchs_off.png) -52px 0px no-repeat; } #videos_listing .videos_listing_tabs_mapage ul li#t_sketchs.selected { margin-top: -5px; background: url(../images/tab_mapage_sketchs_on.png) -52px -2px no-repeat; } #videos_listing .videos_listing_tabs_mapage ul li#t_choix-public { width: 146px; background: url(../images/tab_mapage_choixpublic_off.png) -17px 0px no-repeat; } #videos_listing .videos_listing_tabs_mapage ul li#t_choix-public.selected { background: url(../images/tab_mapage_choixpublic_on.png) -17px 0px no-repeat; } #videos_listing .videos_listing_tabs_mapage ul li#t_choix-equipe { width: 153px; background: url(../images/tab_mapage_choixequipe_off.png) -10px 0px no-repeat; } #videos_listing .videos_listing_tabs_mapage ul li#t_choix-equipe.selected { background: url(../images/tab_mapage_choixequipe_on.png) -10px 0px no-repeat; } #videos_listing .videos_listing_tabs_mapage ul li#t_en-vedette { width: 118px; background: url(../images/tab_mapage_envedette_off.png) -45px 0px no-repeat; } #videos_listing .videos_listing_tabs_mapage ul li#t_en-vedette.selected { background: url(../images/tab_mapage_envedette_on.png) -45px 0px no-repeat; } #videos_listing .videos_listing_tabs_mapage ul li#t_brouillons { margin-top:-8px; width: 118px; background: url(../images/tab_brouillon_off.png) -45px 0px no-repeat; } #videos_listing .videos_listing_tabs_mapage ul li#t_brouillons.selected { margin-top: -5px; background: url(../images/tab_brouillon_on.png) -45px -2px no-repeat; } #vrak_forum p { padding-left:5px; width:140px; margin-top: 4px; font-size: 12px; line-height: 15px; } /******************************************** * * PAGES * *********************************************/ .pages { padding-top:16px; position: relative; } .pages .title { width: 672px; height: 62px; background: transparent url(../images/bkg_faq_title.png) 0px 0px no-repeat; } .pages .title .agraaf { position: absolute; top: 83px; right: 20px; width: 43px; height: 49px; background: transparent url(../images/bkg_agraaf.gif) 0px 0px no-repeat;} .pages .text { width: 672px; height: auto !important; min-height: 500px; height: 500px; background: transparent url(../images/bkg_page_text.png) 0px 50px repeat-y; } .pages .text .inner { padding: 20px 25px 20px 25px; } .pages .text .inner h3 { margin: 30px 0px 8px 0px; color: #674AD5; font-size:28px; font-weight:normal; line-height: 30px; } .pages .text .inner h3.first { margin: 10px 0px 8px 0px;} .pages .text .inner p { margin: 14px 0px 14px 0px; font-size: 11px; line-height: 14px; } .pages .bottom { width: 672px; height: 46px; background: transparent url(../images/bkg_faq_bottom.png) 0px 0px no-repeat; } #faq .title .logo_text { width: 40px; height: 22px; padding: 34px 0px 0px 22px; background: transparent url(../images/bkg_faq_title_text.gif) 16px 35px no-repeat; } #generic .main .text .inner a { text-decoration: underline; } /******************************************** * * LIGHTBOX * *********************************************/ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-canvas-box { position: relative; background-color: transparent; width: 250px; height: 250px; margin: 0 auto; } #lightbox-loading { position: absolute; top: 40%; left: 50%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-container-close-button, #lightbox-container-close { width: 62px; height: 54px; position: absolute; top: 10px; right: 12px; cursor: pointer; } #jquery-lightbox p.text_infos { line-height: 14px; padding-bottom: 8px; padding-right:38px; } #jquery-lightbox p.text_infos a { text-decoration : underline; } .lightbox-login-generic { padding: 10px; width: 390px; position: relative; } .lightbox-login-generic .top { height: auto !important; min-height: 229px; height: 229px; background: transparent url(../images/bkg_lightbox2.png) 0px 0px no-repeat; } .lightbox-login-generic .bottom { text-align: left; padding-left: 56px; height: 37px; background: transparent url(../images/bkg_lightbox2_bottom.png) 0px 0px no-repeat; } .lightbox-login-generic .inner { padding : 32px 8px 0px 56px; text-align: left; } .lightbox-login-generic .inner .title { width:220px; padding: 5px 0px 10px 0px; font-size: 15px; line-height: 15px; font-weight: bold; color: #262a69; } .lightbox-login-generic .inner label { display: block; width: 270px; height: 13px; margin-top: 5px; font-size: 13px; line-height: 15px; color: #262a69; } .lightbox-login-generic .inner input { border: 0px; background-color: transparent; } .lightbox-login-generic .inner input.itext { border: 1px solid #F68200; padding: 5px 0 0 4px; display: block; width: 270px; height: 19px; margin-top: 5px; background: transparent url(../images/bkg_input_login.jpg) 0px 0px repeat-x; } .lightbox-login-generic .inner button, .lightbox-login-generic .inner a.form_login_submit, .lightbox-login-generic .inner a.form_redirect_submit { display: block; width: 110px; height: 23px; outline: 0; border: medium none; text-align:center; text-transform:uppercase; color:#FFFFFF; font-size:9px; font-weight:bold; line-height:23px; margin-top:8px; background: transparent url(../images/bkg_bt_med.png) 0px 3px no-repeat; } .lightbox-login-generic .inner .error_msg { float: right; width: 150px; height: 34px; margin-top: 4px; padding: 5px 50px 0px 0px; display: none; color: #FF0000; font-weight: bold; line-height: 15px; } .lightbox-login-generic .bottom .links { margin-top: 0px; } .lightbox-login-generic .bottom .links a { font-size: 9px; line-height: 15px; font-weight: bold; color: #262a69; padding-right: 10px; text-transform: uppercase; } .lightbox-login-generic .bottom .links a:hover { text-decoration: underline; } .lightbox-finale {} .lightbox-finale .top { height: 260px; } #lightbox-login-hidden { display: none; } #lightbox-help-hidden { display: none; } #lightbox-help-video-hidden { display: none; } /* #lightbox-presentation-video-hidden { display: none; } #lightbox-presentation-videoprec-hidden { display: none; } */ #lightbox-presentation-video-hidden { display:block; left:-10000px; position:absolute; top:0px; } #lightbox-presentation-videoprec-hidden { display:block; left:-10000px; position:absolute; top:0px; } #lightbox-finale-hidden { display: none; } #lightbox-nonfinaliste-hidden { display: none; } #lightbox-profile-hidden { display: none; } .lightbox-help-generic { height: 472px; width: 724px; background: transparent url(../images/bkg_lightbox_video.png) 0px 0px no-repeat; } .lightbox-help-generic .title_v { height: 48px; width: 143px; position: absolute; top: 25px; left: 31px; background: transparent url(../images/bkg_lightbox_video_title_v.png) 0px 0px no-repeat; } .lightbox-help-generic .title_h { height: 48px; width: 143px; position: absolute; top: 25px; left: 31px; background: transparent url(../images/bkg_lightbox_video_title_h.png) 0px 0px no-repeat; } .lightbox-help-generic .inner { padding: 28px 8px 0 23px; /**/ text-align:left; } .lightbox-help-generic .inner-help { padding: 77px 8px 0px 30px; } .lightbox-help-generic .inner .scroller { height: 370px; width:635px; padding: 2px 8px 0 6px; overflow: auto; } .lightbox-help-generic .inner .scroller p { margin: 5px 0px 10px 0px; font-size: 10px; font-weight: normal; line-height:13px; color: #262a69; } .lightbox-help-generic .inner .scroller h3 { margin: 8px 0px 6px 0px; color: #674AD5; font-size:16px; font-weight: bold; line-height: 20px; } .lightbox-help-generic .inner .scroller ul { margin: 5px 0px 10px 0px; } .lightbox-help-generic .inner .scroller ul li { padding: 0px 0px 12px 0px; list-style-type:disc; clear: both; font-size: 10px; font-weight: normal; line-height:13px; color: #262a69; } .lightbox-help-generic .inner .scroller ol { margin: 5px 0px 10px 0px; } .lightbox-help-generic .inner .scroller ol li { padding: 0px 0px 12px 0px; list-style-type:decimal; clear: both; font-size: 10px; font-weight: normal; line-height:13px; color: #262a69; } .lightbox-nonfinaliste .top { background: transparent url(../images/bkg_lightbox2_noclose.png) 0px 0px no-repeat; } .lightbox-presentation-generic { position: relative; height: 535px; width: 695px; background: transparent url(../images/bkg_lightbox_video_presentation.png) 0px 32px no-repeat; } .lightbox-presentation-generic .pastille { height: 94px; width: 94px; position: absolute; top: 0px; left: 31px; background: transparent url(../images/bkg_defis_xl.png) 0px 0px no-repeat; } .lightbox-presentation-generic .defi_num { height: 26px; width: 30px; position: absolute; top: 54px; left: 66px; background: transparent url(../images/defis/defi_01.png) 0px 0px no-repeat; } .lightbox-presentation-generic .closer { display: block; height: 54px; width: 54px; position: absolute; top: 2px; right: 1px; background: transparent url(../images/ico_close.png) 0px 0px no-repeat; } .lightbox-presentation-generic .defi_link { top: 476px; left: 381px; } .lightbox-presentation-generic .inner { height:380px; left:11px; position:absolute; top:45px; width:664px; background: transparent url(../images/loader22.gif) no-repeat 320px 178px; } .lightbox-presentation-generic .defi_desc { padding: 436px 110px 0px 33px; text-align: left; } .lightbox-presentation-generic .defi_desc .defi_title {} .lightbox-presentation-generic .defi_desc .defi_text { padding: 6px 0px 0px 0px; width: 350px; } .lightbox-presentation-generic .share { position: absolute; top: 438px; left: 570px; } .defi_num.defi01 { background-image: url(../images/defis/defi_01.png) !important; } .defi_num.defi02 { background-image: url(../images/defis/defi_02.png) !important; } .defi_num.defi03 { background-image: url(../images/defis/defi_03.png) !important; } .defi_num.defi04 { background-image: url(../images/defis/defi_04.png) !important; } .defi_num.defi05 { background-image: url(../images/defis/defi_05.png) !important; } .defi_num.defi06 { background-image: url(../images/defis/defi_06.png) !important; } .defi_num.defi07 { background-image: url(../images/defis/defi_07.png) !important; } .defi_num.defi08 { background-image: url(../images/defis/defi_08.png) !important; } .defi_num.defi09 { background-image: url(../images/defis/defi_09.png) !important; } .defi_num.defi10 { background-image: url(../images/defis/defi_10.png) !important; } .defi_num.defi11 { background-image: url(../images/defis/defi_11.png) !important; } .defi_num.defi12 { background-image: url(../images/defis/defi_12.png) !important; } .defi_num.defi13 { background-image: url(../images/defis/defi_13.png) !important; } /******************************************** * * NEXT .... * *********************************************/ /******************************************** * * NEXT .... * *********************************************/