/* Structure globale -------------------------------------------------------------- */ body { color:#FFF; background-color:#3d3d3d; } #page { background:#3d3d3d url(../images/bg_global.png) repeat-x; width:100%;height:840px; } .green {color:green} a {color:#888;} a:hover { color:#FFF } a:focus { outline: 0px;} input, textarea, select { padding:5px; border:1px solid #AAA; background-color:#EEE; } .inputFocus { border:1px solid #FF6600; } .user, .password, .email, .inputStandard { width:200px; margin-right:10px; } form p { margin: 10px 0px; } .centerContener {position:relative; width:980px; left:50%; margin-left:-490px;} ul {list-style-type : none} .float50 { float:left; width:48%;} .center { text-align:center; } /* Episode 1 -------------------------------------------------------------- */ #ajax_FormLogin { float:left; color:#FFF; left:100px; padding:10px 25px; width:45%; } #ajax_FormRegister a:hover {color:#000} #ajax_FormRegister { padding:10px 0px; } #ajax_FormRegister label {font-weight:bold} #actionVerifyLogin { position:absolute; top:195px; left:300px; } #ajax_FormRegister em, form p em { display:block; font-size:9px; color:#AAA; } fieldset { border:0px; border-top:2px solid #D2D2D4; padding:5 px; } fieldset legend { font-weight:bold; padding-left:10px; padding-right:10px; color:#3C3C3C; } hr.line {height:1px;} /* .tabs {} .tabs li { background:transparent url(../images/bg_menu.gif); display:block; float:left; height:33px; width:133px; text-align:center; padding-top:7px; font-weight:bold; } .tabs li a {text-decoration:none; } */ /* Layout admin -------------------------------------------------------------- */ #admin { color:#000; } #admin ul { width:940px; background-color:#AAA; border:1px solid #111; margin-left:20px; height:20px;padding-left:5px; } #admin ul li { float:left; width:140px; text-align:center; font-size:bold; border-right:1px solid #000; } #admin ul li a { text-align:center; color:#000; text-decoration:none; } /* Layout default -------------------------------------------------------------- */ .homeTitleP2P_fr { background:#000 url(../images/homeTitles.png) no-repeat center 0px; height: 27px ; text-indent:-5000px;} .homeTitleGPS_fr { background:#000 url(../images/homeTitles.png) no-repeat center -81px; height: 27px ; text-indent:-5000px;} .homeTitleShare_fr { background:#000 url(../images/homeTitles.png) no-repeat center -54px; height: 27px ; text-indent:-5000px;} .homeTitleChat_fr { background:#000 url(../images/homeTitles.png) no-repeat center -27px; height: 27px ; text-indent:-5000px;} .homeTitleP2P_en { background:#000 url(../images/homeTitles_en.png) no-repeat center 0px; height: 27px ; text-indent:-5000px;} .homeTitleGPS_en { background:#000 url(../images/homeTitles_en.png) no-repeat center -81px; height: 27px ; text-indent:-5000px;} .homeTitleShare_en { background:#000 url(../images/homeTitles_en.png) no-repeat center -54px; height: 27px ; text-indent:-5000px;} .homeTitleChat_en { background:#000 url(../images/homeTitles_en.png) no-repeat center -27px; height: 27px ; text-indent:-5000px;} #loginBlock { position:relative; z-index:10; width:100%; background-color:#3d3d3d; color:#FFF; height:100px; } #loginBlock form { border:0px; padding:0px; position:relative; top:0px; left:55%; margin-left:-450px; width:900px; height:100px;} #loginBlock form p { float:left; margin-left:10px; font-size:12px; } #loginBlock #btnLogin { margin-top:32px; margin-left:15px; } #loginBlock #actionForgotPass { font-size:13px; } #toggleLoginBlock { cursor:pointer; position:absolute; left:45%; z-index:5; background:transparent url(../images/topConnexion.png) no-repeat; width:88px; height:26px; text-align:center; color:#FFF; font-size:11px; } #logoBlock { position:relative; background:#FFF url(../images/defaultLogoTop.png) no-repeat top center; height:127px; } #baselineBlock { position:relative; background:#ff791f url(../images/defaultLogoBottom.png) no-repeat top center; height:300px; } #baselineBlock h4 { width:450px; } #footerBlock { position:relative; text-align:center; font-size:14px; padding:15px 0px; height:35px; background-color:#505050; color:#AAA;} #bottomBlock { position:relative; text-align:center; color:#999; font-size:12px; padding:8px 0px; height:25px; background-color:#595959; } #osMobile { position:absolute; left:460px; top:190px; width:140px; height:40px; background:#ff791f url(../images/osMobile.png) no-repeat top center; opacity:0.5; } #contentBlock { position:relative; background-color:#212121; } #takeTour { position:absolute; left:560px; top:150px; width:320px; height:80px; } #language { position:absolute; left:320px; top:66px; list-style-type:none; } #language li { float:left; margin-left:5px; } .btn_download_fr { position:absolute; top:180px; left:220px; background:transparent url(../images/btnDownload.png) no-repeat 0px 0px; border:0px; width:222px; height:68px; z-index:5; } .btn_download_fr_hover { background:transparent url(../images/btnDownload.png) no-repeat 0px -68px; cursor:pointer;} .btn_download_en { position:absolute; top:180px; left:220px; background:transparent url(../images/btnDownload_en.png) no-repeat 0px 0px; border:0px; width:222px; height:68px; z-index:5; } .btn_download_en_hover { background:transparent url(../images/btnDownload_en.png) no-repeat 0px -68px; cursor:pointer;} #member_user_feed, #member_user_profil { background:#575757 url(../images/member_bg.jpg) repeat-x; } #member_user_feed #toggleLoginBlock {left:36%;} #member_user_feed .btn_download { top:100px; left:200px; z-index:0;} #member_user_feed #contentBlock { position:relative; background-color:transparent; } #loggedUserPanel { position:absolute; right:0px; width:40%} #faq dl { font-size:13px;} #faq dl dt a:hover{ color:#FF791F} #faq dl dd {margin-bottom:10px;} /* Down table -------------------------------------------------------------- */ #tdDown { background-color:#FFF; margin-left:80px;} #tdDown .tbDownCol { background:transparent url(../images/tbDownCol.png) no-repeat; width:126px; text-align:center; height:30px; color:#FFF; } #tdDown .bottomLine { border-bottom:1px solid #000;} #tdDown .tbDownImg { border:1px solid #d1d1d1; border-right:1px solid #000; border-top:0px; width:150px; height:20px; padding:5px; text-align:right;} #tdDown .tbDownLtitle { width:150px; text-align:center; font-size:13px; font-weight:bold; color:#333; border-left:1px solid #000;} #tdDown .tbDownLnkDown { border-bottom:1px solid #d1d1d1; border-right:1px solid #000;} #tdDown .tbDownLnkDown a { margin-left:3px; background:transparent url(../images/tbDownLnkDown.png) no-repeat 0px 4px; font-size:14px; font-weight:bold; color:#000; padding-left:28px; text-decoration:none; display:block; line-height:1.2; } #tdDown .tbDownLnkDown em { background:transparent; font-size:12px; color:#AAA; display:block; } #tdDown .tbDownSoon { background-color:#efefef; border-bottom:1px solid #d1d1d1; color:#aaa; font-size:12px; text-align:center; border-right:1px solid #000;} #tdDown .tbDownPrix { color:#000; font-size:14px; font-weight:bold; text-align:center; } #tdDown .tbDownGratos { background-color:#deffdc; color:#068000; font-size:13px; font-weight:bold; text-align:center; border:1px solid #000; border-top:0px; padding:5px; } #tdDown .tbDownDispo { border-bottom:1px solid #d1d1d1; color:#aaa; font-size:12px; text-align:center; border-right:1px solid #000; padding:5px;} #tdDown .tbDownFeature { font-weight:bold; border-bottom:1px solid #d1d1d1; border-left:1px solid #000; border-right:1px solid #000; padding-left:5px; font-size:12px; } #facebox #tdDown .footer { display:none; } .both { clear:both} /* Layout member -------------------------------------------------------------- */ #pitch { height:70px; background-color:#FFF; width:100%; } #contentMember { background-color:#252525; clear:both; padding:10px; } /* Settings -------------------------------------------------------------- */ #divSettings { font-size:12px;} #divSettings a:hover { color:#000;} #divSettings .netwBloc { border-bottom:1px solid #DDD;margin-bottom:15px;padding-bottom:15px;} #divSettings .tabs .selected{} /* Feed ------------------------------------------------------------ */ /*#feeds { clear:both; width:100%; background-color:#252525; padding:8px; padding-top:20px; }*/ .feed { background:url("../images/bgFeed.png") repeat-x; position:relative; margin-bottom:25px; border-top:1px dotted #555; clear:both; } .feed em { color:#999; font-weight:bold; font-size:11px; margin-bottom:10px; } .feedDate { background:url("../images/time.png") no-repeat left center; padding-left:18px; color:#999; font-size:13px; position:absolute; top:2px; } .feedComment { background:url("../images/comment.png") no-repeat left center; padding-left:18px; margin-right:10px; color:#999; font-size:13px; margin-top:2px; } /* Commentaires */ .comment,.oldctre { background-color:#222; border-bottom: 1px solid #000; padding: 5px; margin-bottom:2px; } .oldctre { text-align:center; padding:10px; } .imgUser { color:#FFF; font-size:12px; text-align:center; width:50px; float:left; margin:5px; } #feedRightBloc { width:190px; background:url("../images/bgTopNavFeed.png") no-repeat; padding-top:9px; float:right; margin-left:10px; } #feedBootomRightBloc {background:url("../images/bgBottomNavFeed.png") no-repeat; height:9px; width:190px; } /* USER MENU -------------------------------------------------------------- */ #userMenu { float:left; width:100%; font-size:14px; line-height:normal; } #userMenu li { float:left; background:url("../images/mainMenuLeft.png") no-repeat left top; margin:0; padding:0 0 0 8px; margin-right:10px; height:29px; margin-left:10px;} #userMenu a, #userMenu strong, #userMenu span { display:block; background:url("../images/mainMenuRight.png") no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; height:29px; } #userMenu .current { background-image:url("../images/mainMenuCurrLeft.png"); } #userMenu .current a { float:left; background:url("../images/mainMenuCurrRight.png") no-repeat left top; color:#FFF; } #userMenu li ul { float:left; padding-left:30px; background:url("../images/mainMenuCurrRight.png") no-repeat right top; } #userMenu li ul li { float:left; background:transparent; margin:0px 3px; width: 70px; text-align:center; } #userMenu li ul li a{ background:transparent; text-align:center; } #userMenu li ul li a:hover{ color:#FF6600; } #userMenu li ul .selected { background:url("../images/subMenuSelected.png") no-repeat center 3px; } #userMenu .selected a{ float:none; color:#FF6600; background:transparent; padding:5px 0px;} /* TABS -------------------------------------------------------------- */ .tabNavigation { /* general settings */ font-size:12px; text-align: left; /* set to left, right or center */ margin: 1em 0 1em 0; /* set margins as desired */ font: bold 11px verdana, arial, sans-serif; /* set font as desired */ border-bottom: 1px solid #AAA; /* set border COLOR as desired */ list-style-type: none; padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */ } .tabNavigation li { /* do not change */ display: inline; } .tabNavigation .selected { /* settings for selected tab */ border-bottom: 1px solid #fff; /* set border color to page background color */ background-color: #fff; /* set background color to match above border color */ color:#FF6600; } .tabNavigation li a { /* settings for all tab links */ font-size:12px; padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */ border: 1px solid #AAA; /* set border COLOR as desired; usually matches border color specified in #tabnav */ background-color: #DDD; /* set unselected tab background color as desired */ color: #666; /* set unselected tab link color as desired */ margin-right: 0px; /* set additional spacing between tabs as desired */ text-decoration: none; border-bottom: none; } .tabNavigation a:hover { /* settings for hover effect */ background: #fff; /* set desired hover color */ } /* Title -------------------------------------------------------------- */ .titleMedOrange { color:#FF6600; font-weight:bold; font-size:16px; } /* Carousel -------------------------------------------------------------- */ #carousel{ position:relative; height:475px; } #navigation{ width:900px; text-align:center; margin-left:50px; height:25px; } #navigation ul{ margin-left:55px !important; margin-left:35px; list-style-type:none;} #navigation li{ float:left; margin:0 10px; padding:2px 10px; background-color:#212121; height:45px; width:200px; cursor:pointer; } #navigation a{ color:#FFF; font-weight:bolder; text-decoration:none; } #navigation .active{ background-color: #3d3d3d; } #sections{ overflow:hidden; width:900px; height:430px;clear:left; margin-left:50px; } #sections ul{ width:3660px; } #sections li{ float:left; height:420px; width:900px; } #sections li.fallen{ margin-top:369px; } #sections p{ width:900px; margin:5px 0; font-size:85%; line-height:1.4em; } #sections h2{ color:#993333; margin:0px 0px; } #sections a{ color:#777; font-weight:bolder; text-decoration:none;} #sections .title {font-weight:bold;font-size:20px;color:#FF6600;display:block;margin:10px;} #sec1 { background:transparent url(../images/mobiles.jpg) center center no-repeat; } #sec2 { background:transparent url(../images/mobileGroup.jpg) center center no-repeat; } /* Pop up -------------------------------------------------------------- */ /* .popup { position:absolute; left:50%; margin-left:-400px; width:800px; top:25px; color:#000; z-index: 11000;} .popContent { background:transparent url("../images/popupOrange.png"); padding:30px 30px 0px 30px; } .popFooter a { display:block; position:absolute; height:30px; width:30px; text-decoration:none; text-indent:-2000em; top:25px; right:25px; } *html .popFooter a, *+html .popFooter a {text-indent:0em;} .popFooter { height:100px; background:transparent url("../images/popupOrange.png") scroll 0 100%; text-align:center; padding-top:10px;} .popup h2 { font-size:19px; font-weight:bold; margin:5px 10px 20px 0px;} .popFooter p { padding:20px; text-align:center; } .popContent em { font-size:10px; color:#AAA; padding:5px; } */ .popup .content {color:#000;} /* Main Menu -------------------------------------------------------------- */ #noticeBlock { position:absolute; top:20%; left:50%; font-weight:bold; font-size:13px; margin-left:-200px; width:400px; height:218px; padding-top: 220px; text-align: center; z-index: 11000; } #noticeBlock.error { color: red; background:transparent url("../images/noticeError.png") no-repeat left center;} #noticeBlock.ok { color: green; background:transparent url("../images/noticeOk.png") no-repeat left center;} #noticeBlock.info { color: #AAA; background:transparent url("../images/noticeInfo.png") no-repeat left center;} /* Elements -------------------------------------------------------------- */ .lnkWait { background:transparent url("../images/waitWhite.gif") no-repeat 0; padding-left:25px; } .lnkOk { background:transparent url("../images/returnok.gif") no-repeat 0; padding-left:25px;} .lnkNok { background:transparent url("../images/returnnok.gif") no-repeat 0; padding-left:25px;} /* Menus -------------------------------------------------------------- */ .navigation { position:absolute; top:140px; left:100px; background-color:#d1d1d3; padding-right:10px;} .navigation li { background:transparent url(../images/bg_menu.gif); display:block; float:left; height:33px; width:133px; text-align:center; padding-top:7px; font-weight:bold; } .navigation li a {text-decoration:none; } .navigation .active { background:transparent url(../images/bg_menu_active.gif)} .navigation .active a { color:#FFF; } /* Countable -------------------------------------------------------------- */ /* Pop up -------------------------------------------------------------- */ /* Tabs -------------------------------------------------------------- */ /* Slide Tabs -------------------------------------------------------------- */ /* Form -------------------------------------------------------------- */ /* Buttons -------------------------------------------------------------- */ .btn_valid { padding:1px 1px 5px 10px; font-size:12px; font-weight:bold; margin:10px 2px; color:#FFF; border:0px; height:31px; width:129px; background:transparent url(../images/beta_valid_button.gif) no-repeat;} *html .btn_valid{padding:5px;} .btn_valid_hover { cursor:pointer; color:#fe6600; background:transparent url(../images/beta_valid_button.gif) no-repeat 0px -31px;} .btn_valid_wait { background:transparent url(../images/beta_valid_button.gif) no-repeat 0px -62px;;} .btn_connect { padding:1px 1px 5px 10px; font-size:12px; font-weight:bold; margin:10px 2px; color:#FFF; border:0px; height:31px; width:129px; background:transparent url(../images/beta_connect_button.gif) no-repeat;} *html .btn_connect{padding:5px;} .btn_connect_hover { cursor:pointer; color:#fe6600; background:transparent url(../images/beta_connect_button.gif) no-repeat 0px -31px;} .btn_connect_wait { background:transparent url(../images/beta_connect_button.gif) no-repeat 0px -62px;} .btn_down { padding:1px 1px 5px 10px; font-size:12px; font-weight:bold; margin:10px 2px; color:#FFF; border:0px; height:31px; width:129px; background:transparent url(../images/btn_down_button.gif) no-repeat;} *html .btn_down{padding:5px;} .btn_down_hover { cursor:pointer; color:#fe6600; background:transparent url(../images/btn_down_button.gif) no-repeat 0px -31px;} .btn_down_wait { background:transparent url(../images/btn_down_button.gif) no-repeat 0px -62px;} /* Sifr -------------------------------------------------------------- */ .sIFR-alternate { display:none; } *html .sIFR-alternate { display:block; }