@charset "utf-8"; /*///////////////////////////////////////////////////////////////////////// *************************************************************************** HTML / BODY / * *************************************************************************** /////////////////////////////////////////////////////////////////////////*/ html, body { margin:0; padding:0; text-align:left; color:#FFFFFF; font-size:11px; background:url(img/page_bg.jpg) #404241 left top no-repeat; } * { font-family:Arial, Helvetica, sans-serif; outline:none !important; } a { text-decoration:none; } a img { border:none; } sup { vertical-align:top; } ul { list-style:none; padding-left:0; margin-left:0; } h5 { color:#404241; font-size:12px; margin:10px 0; padding:0; } .no_border { border:none !important; margin-top:0px !important; } /*///////////////////////////////////////////////////////////////////////// *************************************************************************** STRUCTURE TYPE - PAGE / HEADER / CONTENT / FOOTER *************************************************************************** /////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////// Page /////////////////////////////////////////////////////////////////////////*/ #page { border-top:6px solid #000; height:100%; min-width:1000px; } /*///////////////////////////////////////////////////////////////////////// Header /////////////////////////////////////////////////////////////////////////*/ #header { overflow:hidden; } #adobeLogo { margin:0; padding:0; text-align:right; } #adobeLogo a { height:72px; width:43px; display:inline-block; background:url(img/adobe_logo.png) no-repeat; margin-right:25px; } #adobeLogo span { display:none; } #adobeEvent { margin:-10px 0 0 0; padding:10px 10px 10px 25px; background:#191919; width:615px; overflow:hidden; } #adobeEventLogo { margin:0; padding:0; font-size:10px; float:left; } #adobeEventLogo a { height:80px; width:300px; display:block; background:url(img/adobe-air-challenge_logo.png) left center no-repeat; } #adobeEventLogo span { display:none; } #adobeEventTimer { height:80px; width:220px; display:block; margin:0; padding:0; float:right; } #adobeEventTimerLive { height:80px; width:220px; display:block; margin:0; padding:0; float:right; } #subHeader { clear:both; height:345px; width:1000px; background:url(img/edito_bg.jpg) #191919 right top no-repeat; } #player { height:345px; width:650px; background:url(img/player.jpg) left top no-repeat; float:left; } #playerlive { height:345px; width:650px; background:url(img/player.jpg) left top no-repeat; float:left; } #playerafterlive { height:345px; width:650px; background:url(img/player.jpg) left top no-repeat; float:left; } #edito { float:right; margin:143px 23px 0 23px; width:304px; overflow:hidden; } #editoLib { display:none; } #editoTxt { padding:17px 0; margin:0; font-size:12px; color:#caa5c1; background:url(img/filet.png) bottom repeat-x; } #editoLnk { padding:0; margin:17px 0; list-style:none; overflow:hidden; } #editoLnk li { display:inline-block; float:left; } #editoLnk a { display:inline-block; height:41px; } #editoLnk span { display:none; } #lnk_faceBook a { background:url(img/lnk_edito.png) 0px 0px no-repeat; width:116px; } #lnk_twitter a { background:url(img/lnk_edito.png) 0px -41px no-repeat; width:147px; margin-left:30px; } #mainMenu { padding:0; margin:0; list-style:none; overflow:hidden; width:650px; height:53px; } #mainMenu li { display:inline-block; padding:0; margin:0; float:left; } #mainMenu a { display:block; height:53px; } #mainMenu span { display:none; } #mm_ranks a { background:url(img/mainMenu.png) 0px 0px no-repeat; width:127px; } #mm_teams a { background:url(img/mainMenu.png) -127px 0px no-repeat; width:99px; } #mm_event a { background:url(img/mainMenu.png) -226px 0px no-repeat; width:106px; } #mm_afp a { background:url(img/mainMenu.png) -332px 0px no-repeat; width:179px; } #mm_partners a { background:url(img/mainMenu.png) -511px 0px no-repeat; width:139px; } #mm_ranks.active a { background:url(img/mainMenu.png) 0px -53px no-repeat; width:127px; } #mm_teams.active a { background:url(img/mainMenu.png) -127px -53px no-repeat; width:99px; } #mm_event.active a { background:url(img/mainMenu.png) -226px -53px no-repeat; width:106px; } #mm_afp.active a { background:url(img/mainMenu.png) -332px -53px no-repeat; width:179px; } #mm_partners.active a { background:url(img/mainMenu.png) -511px -53px no-repeat; width:139px; } /*///////////////////////////////////////////////////////////////////////// Contenu pincipal / Social /////////////////////////////////////////////////////////////////////////*/ #container { width:1000px; height:100%; overflow:hidden; margin-bottom:30px; } #colContent { border:5px solid #f7f8f8; width:640px; background:url(img/content_bg.png) #f7f8f8 0px 0px repeat-x; float:left; } #colSocial { width:350px; float:left; background:url(img/social_shadow.png) #c5c5c5 left repeat-y; height:1000px; margin:-53px 0 0 0; } #content { height:100%; overflow:hidden; min-height:1050px; } /* onglets facebook/twister */ #socialTabs { margin:6px 0 0 0; padding:0; list-style:none; overflow:hidden; } #socialTabs li { margin:0; padding:0; float:left; width:175px; height:30px; display:block; } #socialTabs span { display:none; } #socialTabs a { display:block;width:175px; height:30px; } #facebookTab { background:url(img/social_tab.png) 0px -30px no-repeat; } #twitterTab { background:url(img/social_tab.png) -175px 0px no-repeat; } #facebookTab.active { background:url(img/social_tab.png) 0px 0px no-repeat; } #twitterTab.active { background:url(img/social_tab.png) -175px -30px no-repeat; } #socialPanel { margin:0; background:url(img/social_b.png) center bottom no-repeat; padding-bottom:20px; height:945px; } #socialContent { background:url(img/social_c.png) center top repeat-y; padding:10px 20px; height:925px; position:relative; } #facebook, #twitter { position:absolute; background:#FFF; } #facebookFrame { border:none; padding:0; margin:0; height:935px; width:310px; background:#FFF; outline:none; } /* boutons get Adobe */ #getAdobe { margin:0; list-style:none; float:right; overflow:hidden; width:332px; padding:15px 6px 15px 12px; background:url(img/getAdobe_shadow.png) left bottom no-repeat; } #getFlash { width:166px; height:50px; background:url(img/get_adobe.png) 0px 0px no-repeat; float:left; } #getAir { width:166px; height:50px; background:url(img/get_adobe.png) 0px -50px no-repeat; float:left; } #getFlashBuilder { width:166px; height:50px; background:url(img/get_adobe.png) 0px -100px no-repeat; float:left; } #getFlashCatalyst { width:166px; height:50px; background:url(img/get_adobe.png) 0px -150px no-repeat; float:left; } #getCS5 { width:166px; height:50px; background:url(img/get_adobe.png) 0px -200px no-repeat; float:left; } #getAdobe li a { display:block; margin:2px 5px 0 3px; padding:11px 0; } #getAdobe span { display:none; } /* titre principal */ #mainTitle { width:640px; background-image:url(img/mainTitle.jpg); background-repeat:no-repeat; height:67px; } #mainTitle h2 { display:none; } #mainTitle p { font-size:12px; color:#FFF; margin:0; padding:43px 23px 0px 23px; } #p_ranks #mainTitle { background-position:0px 0px; } #p_teams #mainTitle { background-position:0px -67px; } #p_event #mainTitle { background-position:0px -134px; } #p_afp #mainTitle { background-position:0px -201px; } #p_partners #mainTitle { background-position:0px -268px; } /*///////////////////////////////////////////////////////////////////////// Footer /////////////////////////////////////////////////////////////////////////*/ #footer { background:#282a29; border-top:1px solid #5d5e5d; overflow:hidden; padding:0 0 20px 0; } #footer ul { padding:20px 30px 20px 30px; margin:0; list-style:none; overflow:hidden; } #footerTabs li { display:inline-block; padding:0; margin:0; float:left; background:url(img/lnk_footer_spacer.png) right repeat-y; padding-right:5px; margin-right:5px; line-height:8px; font-size:9px; } #footerTabs .last { background:none; } #footerTabs .right { float:right; background:none; } #footerTabs li a { font-size:9px; color:#696464; text-transform:uppercase; line-height:9px; } #footerTabs li a:hover { color:#999999; } #footerTabs a.active, #footerTabs a.active:hover, #footerTabs .right a { color:#FFF; } #footer_panel { overflow:hidden; display:none; height:282px; padding:0 30px; } #footer .panel { display:none; background:#282a29; margin:0; padding:0; color:#696464; font-size:11px; width:570px; } #footer_panel .active { display:block; } #footer h2, #footer h3 { display:none; } #footer_panel .panel .logo { background:url(img/adobe_logo.png) left top no-repeat; width:53px; height:72px; float:left; display:block; margin-top:1px; } #footer_panel .panel p, #footer_panel .panel ul { padding:0; margin:10px 0; color:#696464; } #footer_panel .panel h4 { padding:0; margin:10px 0; color:#696464; font-size:12px; } #footer_panel .panel h5 { color:#696464; font-size:11px; margin:10px 0; padding:0; } #footer_panel .panel a { text-decoration:underline; color:#696464; } #footer_panel .first { margin-top:0 !important; padding:15px 0 !important; } #footer_panel .first, #footer_panel p:first-child { margin-top:0 !important; } #footer_panel p:last-child { margin-bottom:0; } /* scrollPane */ .jScrollPaneContainer { position:relative; overflow:hidden; z-index:1; width:100% !important; } .jScrollPaneTrack { position:absolute; left:10px; cursor:pointer; top:0; height:280px !important; background:url(img/paneTrack.png) #FFF right repeat-y; border:1px solid #121212; width:10px !important; } .jScrollPaneDrag { position:absolute; background:url(img/paneDrag.png) #505050 1px center no-repeat; cursor:pointer; overflow:hidden; border:1px solid #5d5d5d; width:8px !important; } /* section crédits */ #credits p { padding:20px 0; overflow:hidden; } #credits p * { font-size:12px; vertical-align:middle; display:inline-block; } #credits .ketchum span { margin-top:6px; } #credits .ledjam span { margin-top:10px; } #credits .ketchum a.c_logo { background:url(img/logo_ketchum.png) left center no-repeat; height:48px; width:160px; margin-right:20px; float:left; } #credits .ledjam a.c_logo { background:url(img/logo_ledjam.png) left center no-repeat; height:48px; width:80px; margin-right:20px; float:left; } /*///////////////////////////////////////////////////////////////////////// *************************************************************************** PAGES SPECIFIQUES *************************************************************************** /////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////// Pages : Le classement /////////////////////////////////////////////////////////////////////////*/ .g_ranks { border-top: 1px dotted #696464; padding:17px 0 0 0; margin:17px 20px; clear:both; display:none; height:100%; } #p_ranks h3 { margin:15px 20px; padding:0; height:30px; display:none; font-size:23px; color:#9b1b1d; } #p_ranks h4 { font-size:13px; margin:0; padding:0; color:#404241; } .g_ranks .subTitle { font-size:12px; color:#8e8e8e; margin:0; padding:0; font-weight:normal; } .g_ranks .desc { font-size:11px; color:#696464; margin:10px 0 10px 240px; padding:0; } .g_ranks .desc p { margin:10px 0; } .g_ranks .link { font-size:11px; color:#404241; margin:0; padding:0; text-decoration:underline; } .g_ranks .members { font-size:11px; color:#404241; margin:0; padding:0; } .g_ranks .members a { font-size:11px; color:#404241; text-decoration:underline; } .g_ranks .links_team { padding:0; margin:17px 0 0 0; list-style:none; text-align:right; } .g_ranks .links_team li { display:inline; } .g_ranks .links_team .vote { display:inline-block; width:150px; height:20px; background:url(img/lnk_team.png) left 0px no-repeat; margin-right:5px; } .g_ranks .links_team .view { display:inline-block; width:110px; height:20px; background:url(img/lnk_team.png) center -20px no-repeat; } .g_ranks .links_team span { display:none; } .g_ranks .pict { float:left; font-size:12px; color:#8e8e8e; margin:0 20px 0 -20px; padding:0; width:240px; height:150px; } .g_ranks .pict a { background:url(img/frame_appli.png) 0px 0px no-repeat; padding:113px 5px 20px 20px; width:215px; display:block; vertical-align:bottom; text-align:center; color:#FFFFFF; line-height:12px; } .g_ranks .pict strong { font-size:13px; color:#ea1f25; vertical-align:bottom; } .g_ranks .price { margin:0; font-size:12px; color:#9b1b1d; font-weight:bold; } .g_ranks .lib_team { color:#404241; } .g_ranks .lib_appli { color:#404241; } /* équipe ayant reçu un prix #p_ranks .winner { background:url(img/winner.png) left top repeat-x; }*/ /* équipe favorite */ #p_ranks .favorite { border:5px solid #000; padding:0 10px 5px 0; margin:15px; background:url(img/team_favorite_bg.png) #000 top repeat-x; height:190px; } #p_ranks .favorite h3 { margin:10px 0 0 0; padding:0; font-size:12px; background:none; height:auto; text-transform:uppercase; display:block; overflow:hidden; white-space:nowrap; } #p_ranks .favorite h3 * { color:#ea1f25; } #p_ranks .favorite .desc { margin:10px 0 10px 230px; } #p_ranks .favorite .desc, #p_ranks .favorite .members, #p_ranks .favorite .members a { color:#aaaaaa; text-decoration:none; } #p_ranks .favorite .count { margin:0; padding:10px 0 0 0; vertical-align:bottom; text-align:left; color:#8e8e8e; font-size:12px; } #p_ranks .favorite .count strong { font-size:13px; color:#ea1f25; vertical-align:bottom; } #p_ranks .favorite .pict { height:195px; width:304px; border-right:5px solid #000; margin:0 15px 0 0; float:left; } #p_ranks .favorite .pict a { background:url(img/team_favorite.png) 0px 0px no-repeat; padding:0; width:215px; height:100px; margin:-5px 0 0 -5px; } #p_ranks .favorite .links_team { } /* favori ayant reçu un prix */ #p_ranks .favorite .price { margin:0; padding:0; font-size:12px; color:#FFF; font-weight:bold; } #p_ranks .favorite .desc * { display:inline; } /*///////////////////////////////////////////////////////////////////////// Pages : Les équipes /////////////////////////////////////////////////////////////////////////*/ #p_teams h3 { margin:15px 20px 0 20px; padding:0; height:30px; display:none; font-size:23px; color:#9b1b1d; } #p_teams h3 a { display:block; width:150px; height:20px; background:url(img/lnk_team.png) left 0px no-repeat; margin:5px 5px 0 0; float:right; } #p_teams h3 span { display:none; } #p_teams .teamDesc { font-size:12px; color:#8e8e8e; margin:0 20px 0 20px; padding:0 0 15px 0; clear:both; overflow:hidden; border-bottom: 1px dotted #696464; display:none; } #p_teams .teamDesc strong { color:#404241; } #p_teams .member { padding:45px 20px 17px 125px; margin:0px 20px 15px 0px; position:relative; display:none; float:left; width:155px; height:65px; } #p_teams .first { margin:0px 0 15px 20px; } #p_teams h4 { margin:0; font-size:14px; color:#404241; padding:0; line-height:normal; } #p_teams .appli_lib { font-size:14px; color:#404241; margin:0 20px; padding:0; line-height:normal; display:none; } #p_teams .subTitle { font-size:12px; color:#8e8e8e; margin:0; padding:0; line-height:normal; } #p_teams .desc { font-size:11px; color:#696464; margin:0; padding:0; } #p_teams .desc a { color:#ac125e; } #p_teams .link { text-align:left; padding:0; margin:0 0 0 0; } #p_teams .link * { color:#ac125e; font-size:12px; } #p_teams .link span { padding:0 5px; } #p_teams .pict { position:absolute; left:-20px; top:10px; font-size:12px; color:#8e8e8e; margin:0; padding:0; width:125px; height:125px; } #p_teams .pict span { background:url(img/frame_team.png) 0px -138px no-repeat; width:125px; height:125px; display:block; vertical-align:bottom; text-align:center; } #p_teams .agency { border-top:1px dotted #696464; padding:17px 0 17px 0; margin:15px 20px; display:none; clear:both; overflow:hidden; } #p_teams .agency .media { margin:0 20px 10px 0; padding:0; width:260px; height:170px; border:2px solid #4F4F4F; float:left; } #p_teams .interview { margin:15px auto; padding:0; border:2px solid #4F4F4F; clear:both; overflow:hidden; text-align:center; width:600px; height:338px; display:none; } #p_teams .appli { border-top:1px dotted #696464; padding:17px 0 0 0; margin:15px 20px 5px 20px; display:none; overflow:hidden; } #p_teams .appli h4 { color:#9b1b1d; } #p_teams .appli .media { margin:0 20px 10px 0; padding:0; width:260px; height:auto; float:left; border:2px solid #4F4F4F; } #p_teams .appli .media img { width:260px; display:block; } #p_teams .appliJury { font-size:11px; color:#696464; padding:10px; margin:0px 20px; background:#EDEDED !important; border:1px solid #CCC; clear:both; overflow:hidden; display:none; } #p_teams .appliJury h4 { color:#404241; font-size:12px; } #p_teams .ico_air { display:block; background:none; padding-left:0; font-size:14px; color:#404241; } /*///////////////////////////////////////////////////////////////////////// Pages : L'événement /////////////////////////////////////////////////////////////////////////*/ .g_event { padding:17px 0; margin:0 20px; font-size:12px; color:#696464; text-align:center; } .g_event .media { margin:20px 0 20px 0; padding:0; border:2px solid #4F4F4F; } .g_event div { display:none; } .g_event h3 { margin:15px 20px 15px 0; padding:0; height:30px; font-size:23px; color:#9b1b1d; text-align:left; display:none; } .g_event p { text-align:left; margin:10px 0; } .g_event .jury { padding:0; margin:10px 0; text-align:left; border-top: 1px dotted #696464; display:none; clear:both; overflow:hidden; height:100%; } .g_event .pict { float:left; color:#8e8e8e; margin:20px 20px 10px 0; padding:0; width:120px; height:120px; border:2px solid #696464; } .g_event a { color:#ac125e; } /*///////////////////////////////////////////////////////////////////////// Pages : Adode Flash Platform /////////////////////////////////////////////////////////////////////////*/ .g_afp { padding:17px 0; margin:0 20px; display:none; font-size:12px; color:#696464; } .g_afp h3 { font-size:13px; color:#404241; margin:0; padding:0; line-height:normal; } .g_afp h2 { font-size:16px; color:#404241; margin:30px 0; padding:0; line-height:normal; } .g_afp div { overflow:hidden; clear:both; margin:20px 0; } .g_afp div h3 { margin-top:20px; } .g_afp .img { margin:0 20px 0 0; float:left; border:1px solid #e1e1e1; } .g_afp .example { text-align:center !important; margin:20px 0; } .g_afp a { color:#AC125E; } .g_afp .spacer { margin-top:15px; padding-top:15px; border-top:1px dotted #696464; margin-bottom:0; padding-bottom:0; } .g_afp .link_lib { display:inline-block; margin-top:0; padding-top:0; } .g_afp .links { list-style:none; padding:0; margin:0; display:inline-block; } .g_afp .links li { padding:0; margin:0; display:inline; } .g_afp .links span { vertical-align:middle; display:inline-block; margin-left:5px; } .g_afp .links a { display:inline-block; height:25px; vertical-align:middle; margin-right:10px; } .g_afp .links a img { border:none; vertical-align:middle; } /*///////////////////////////////////////////////////////////////////////// Pages : Les partenaires /////////////////////////////////////////////////////////////////////////*/ .g_partners { overflow:hidden; border-top: 1px dotted #696464; padding:25px 0 25px 135px; margin:0 20px; display:none; } .g_partners:first-child { border:none; } .g_partners .title { font-size:13px; color:#404241; margin:0; padding:0; } .g_partners .subTitle { font-size:12px; color:#8e8e8e; margin:0; padding:0; } .g_partners .desc { font-size:11px; color:#696464; margin:0; padding:10px 0; } .g_partners .link { font-size:11px; color:#404241; margin:0; padding:0; text-decoration:underline; } /*///////////////////////////////////////////////////////////////////////// *************************************************************************** TWITTER *************************************************************************** /////////////////////////////////////////////////////////////////////////*/ .twtr-widget { position:relative !important; font-size:11px !important; font-family:Arial, Helvetica, sans-serif !important; } .twtr-widget .twtr-spinner { width:14px; height:14px; position:absolute; background:url(http://widgets.twimg.com/j/1/spinner.gif) no-repeat; top:3px; right:3px; } .twtr-inactive { display:none; } .twtr-widget a img { border:none !important; } .twtr-doc { overflow:hidden; width:100%; text-align:left; font-weight:normal; } .twtr-bd { padding:0 1px; } .twtr-widget .twtr-tweet-wrap { padding:10px 0; overflow:hidden; } .twtr-widget .twtr-tweet { border-bottom:1px dotted #696464; overflow:hidden; height:auto !important; } .twtr-widget .twtr-tweet a.twtr-reply { visibility:hidden; } .twtr-widget .twtr-tweet:hover a.twtr-reply { visibility:visible; } .twtr-widget-profile img.twtr-profile-img { display:block; float:left; width:48px; height:48px; border:none !important; } .twtr-widget h3, .twtr-widget h4, .twtr-widget p { margin:0 !important; padding:0 !important; line-height:12px !important; width:auto !important; } .twtr-widget-profile h3, .twtr-widget-profile h4 { margin:0 0 0 40px !important; } .twtr-widget h3 { font-size:11px !important; font-weight:normal !important; } .twtr-widget h4 { font-size:16px !important; } .twtr-widget i, .twtr-widget .twtr-new-results { font-size:9px; font-style:normal; display:block; margin-top:2px; } .twtr-widget .twtr-new-results { text-align:center; padding:0; margin:0 auto -5px auto; display:block; position:relative; bottom:10px; height:10px !important; } .twtr-results-inner { line-height:1; font-size:100%; padding:4px 0; position:relative; bottom:-2px; width:40%; margin:0 auto; z-index:2; text-align:center; } .twtr-results-hr { width:100%; position:relative; z-index:1; height:1px; border-bottom:1px dotted #696464; bottom:7px; background:none; overflow:hidden; } .twtr-new-results span { position:relative; z-index:3; top:-15px; display:block; font-size:9px !important; } .twtr-hd { padding:10px 10px 10px 58px; position:relative; overflow:hidden; background:url(img/twitter.png) 0px 0px no-repeat; } .twtr-hd h3 { display:block !important; font-size:16px !important; height:auto !important; font-weight:bold !important; } .twtr-timeline { position:relative; overflow:hidden; z-index:2; height:225px; } .twtr-scroll .twtr-timeline { overflow-x:hidden; overflow-y:auto; } .twtr-widget .twtr-tweet:last-child { border-bottom-width:0; } .twtr-ft { position:relative; } .twtr-ft div { overflow:hidden; padding:10px 0 0 0; } .twtr-ft a { float:none; display:inline-block; width:154px; height:35px; background:url(img/twitter_aac.png) 0px 0px no-repeat; } .twtr-ft img, .twtr-ft a { display:none; } .twtr-ft span { display:block; } .twtr-ft a.twtr-join-conv { display:inline-block; width:154px; height:35px; background:url(img/twitter_aac.png) 0px 0px no-repeat; text-indent:-9999px; } .twtr-avatar { width:48px; height:48px; float:left; overflow:hidden; display:block; } .twtr-img { height:48px; width:48px; } .twtr-img img { width:48px; height:48px; } .twtr-tweet-text { margin-left:58px !important; } .twtr-popular { font-size:10px; padding:3px; display:inline-block; margin-top:3px; opacity:.8; } .twtr-doc a { text-decoration:none !important; } .twtr-doc a:hover { text-decoration:underline !important; }