/********************************************** AZUR PLUS FRONTOFFICE **********************************************/ /* GLOBAL */ * { margin:0; padding:0; border:0;} body { background:#FFF url(/images/bg_header.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:13px; /*text-align:center;*/ color:#595959;} p { padding:2px 0 8px 0; text-align: justify;} a { color:#595959; } a:hover { color:#000; } a:focus { outline: none; } .clear{clear:both; height:1px; overflow:hidden;} .right { float:right; margin-left:10px;} .left { float:left; margin-right:10px;} .center { text-align:center;} .dotted { border-top:1px dotted #999999; padding-top:15px;} .margtop25{margin-top:20px; display:block} /* TEMPLATE */ #container { text-align:left; width:100%; } #header { height:143px; width:954px; margin: 0px auto; position:relative; } #header .keeptalking{background:url(/images/bloc_keep_talking.gif) no-repeat; position:absolute; right:0px; top:35px; width:154px; height:104px;} #content { width:954px; margin: 0px auto; padding-left: 20px; min-height:300px; height:auto!important; height:300px; } #footer { width:100%; background:#f1f0f0; margin:23px 0 0 0; } #footer div.footer{ width:954px; margin: 0px auto; background:url(/images/bg_footer.gif) no-repeat top left; } /* HEADER */ #header h1{ height:143px; width:118px; background:url(/images/logo.gif) no-repeat; margin:7px 0 0 0; float:left;} #header h1 a{ display:block; height:102px; width:140px; float:left;} #header h1 a span{ display:none;} #header h2{ height:18px; width:570px; background:url(/images/header_text.png) no-repeat; margin:93px 0 0 46px; float:left;} #header h2 span{ display:none;} #header .help{ display:block; width:150px; height:35px; float:right; background:url(/images/ttr_help.gif) no-repeat;} #header .help img{ width:130px; height:20px; margin:5px 0 0 10px } #header ul#menu{ display:inline; list-style:none; margin:35px 0 0 58px; float:left; } #header ul#menu li{ height:66px; float:left; } #header ul#menu li a{ display:block; float:left; width:106px; height:66px; background-image:url(/images/menu_fr.gif); background-repeat:no-repeat; } #header ul#menu li a span{ display:none;} #header ul#menu li a.link1{ background-position:0px 0px; width:80px; } #header ul#menu li a:hover.link1{ background-position:0px -66px; } #header ul#menu li a.link2{ background-position:-80px 0px; } #header ul#menu li a:hover.link2{ background-position:-80px -66px; } #header ul#menu li a.link3{ background-position:-212px 0px; width:186px; } #header ul#menu li a:hover.link3{ background-position:-212px -66px; } /* CHEMIN DE FER */ #cheminfer_container { width:954px; margin: 0px auto;} #cheminfer { margin-left: 110px; /*width:954px;*/ /*margin: 0px auto;*/ line-height:30px; color:#757575; text-transform:uppercase;/*text-align:center;*/} #cheminfer a { text-decoration:none; padding:0 8px; color:#757575; font-size:12px; font-weight: bold; } #cheminfer a:hover { text-decoration:underline; color:#000; } /* CONTENT */ #content #focus { width:250px; min-height:320px; height:auto!important; height:320px; float:right; margin-right: 20px; } #content .content { width:630px; float:left; margin-left:35px; } #content #focus div{ position:relative; float:left;} #content #focus div img{} #content #focus div input{ position:absolute; bottom:15px; left:16px; width:142px; height:17px; text-align:center; border:1px solid #999; font-size:11px; color:#918f8f; } #content #focus div a.ok { position:absolute; bottom:8px; right:6px; background:url(/images/btn_ok.png) no-repeat!important; background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_ok.png', sizingMethod='scale'); display:block; width:69px; height:29px; } #content #focus div input.ok { text-indent:-9000px; position:absolute; bottom:8px; left:172px; background:url(/images/btn_ok.png) no-repeat!important; background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_ok.png', sizingMethod='scale'); display:block; width:69px; height:29px;border:none; cursor:pointer;} #content #focus div span { position:absolute; bottom:6px; left:16px; } #content .content { } #content .content h2 { background:url(/images/bg_h2.gif) no-repeat; padding:15px 0 6px 0; font-size:26px; text-transform:uppercase; font-weight:normal; letter-spacing:-1px; } #content .content h3{ clear:both; line-height:26px; background:url(/images/bg_h3.gif) no-repeat; margin:10px 0 10px 0; padding:0 0 0 27px; font-size:17px; text-transform:uppercase; } #content .content h3 img{ float:right; margin:-26px 5px 0 0; } #content .content .pub1 { float:left; width:309px; height:145px; margin:34px 0 0 0; position:relative; } #content .content .pub2 { float:left; width:309px; height:163px; margin:16px 0 0 0; position:relative; } #content .content .pub1 a, #content .content .pub2 a {position:absolute; bottom:15px; right:9px; background:url(/images/btn_commande.gif) no-repeat; display:block; width:119px; height:30px; } #content .content.conditions h3{background:url(/images/fleche_jaune.gif) no-repeat left center; font-size:16px; font-weight:bold; text-transform:none; padding-left:18px; margin:0px!important;position:relative; top:4px} #content .content.conditions h3 a img{ position:absolute; right:0px; top:25px; } /* FOOTER */ #footer div.footer .footer_links { text-align:center; line-height:30px; color:#595959; } #footer div.footer .footer_links a { text-decoration:none; padding:0 14px; color:#595959; font-size:90%;} #footer div.footer .footer_links a:hover { text-decoration:underline; color:#000;} #footer div.footer .footer_bloc { height:110px; width:300px; float:left; background:url(/images/sep_footer.gif) no-repeat right top;font-size:130%;} #footer div.footer .footer_blocdec { height:110px; width:300px; float:left; background:url(/images/sep_footer2.gif) no-repeat right top; /*font-size:130%;*/} #footer div.footer .tree {background:none; } #footer div.footer ul{ list-style:none; padding:25px 0 0 60px;} #footer div.footer ul li{ list-style:none;} #footer div.footer ul li a{ text-decoration:none; line-height:15px;} #footer div.footer ul li a:hover{ text-decoration:none; } /* Titre declines */ #content .content h2 span { display:block; width:599px; height:47px; text-indent:-5000px; } #content .content h2 span.ttl_black_berry_users { background:url(/images/titles_en/ttl_black_berry_users.gif) no-repeat; } #content .content h2 span.ttl_pda_ppc_users { background:url(/images/titles_en/ttl_pda_ppc_users.gif) no-repeat; } #content .content h2 span.ttl_phones_selection { background:url(/images/titles_en/ttl_phones_selection.gif) no-repeat; } #content .content h2 span.ttl_faq { background:url(/images/titles_en/ttl_faq.gif) no-repeat; } #content .content h2 span.ttl_sim_cards_services { background:url(/images/titles_en/ttl_sim_cards_services.gif) no-repeat; } #content .content h2 span.ttl_order_process_shipping_returns { background:url(/images/titles_en/ttl_order_process_shipping_returns.gif) no-repeat; } #content .content h2 span.ttl_billing { background:url(/images/titles_en/ttl_billing.gif) no-repeat; } #content .content h2 span.ttl_glossary { background:url(/images/titles_en/ttl_glossary.gif) no-repeat; } #content .content h2 span.ttl_how_it_works { background:url(/images/titles_en/ttl_how_it_works.gif) no-repeat; } #content .content h2 span.ttl_pass_uk { background:url(/images/titles_en/ttl_pass_uk.gif) no-repeat; } #content .content h2 span.ttl_pass_europe { background:url(/images/titles_en/ttl_pass_europe.gif) no-repeat; } #content .content h2 span.ttl_pass_france { background:url(/images/titles_en/ttl_pass_france.gif) no-repeat; } #content .content h2 span.ttl_about_us { background:url(/images/titles_en/ttl_about_us.gif) no-repeat; } #content .content h2 span.ttl_contact_us { background:url(/images/titles_en/ttl_contact_us.gif) no-repeat; } #content .content h2 span.ttl_order_online { background:url(/images/titles_en/ttl_order_online.gif) no-repeat; } #content .content h2 span.ttl_partners { background:url(/images/titles_en/ttl_partners.gif) no-repeat; } #content .content h2 span.ttl_shipping { background:url(/images/titles_en/ttl_shipping.gif) no-repeat; } #content .content h2 span.ttl_terms_prices { background:url(/images/titles_en/ttl_terms_prices.gif) no-repeat; } #content .content h2 span.ttl_testimonials { background:url(/images/titles_en/ttl_testimonials.gif) no-repeat; } /* FAQ */ #content .faq { padding:0 0 20px 0; } #content .faq ul.questions { /*background:url(/images/bg_h2.gif) no-repeat top;*/ padding:22px 0 0 0px; list-style:none; } #content .faq ul.questions li { background:url(/images/bg_li_faq.gif) bottom no-repeat; padding:0px 0 10px 2px; } #content .faq ul.questions li a { font-size:13px; font-weight:bold; background: url(/images/fleche_jaune.gif) no-repeat; padding-left:15px; line-height:normal; text-decoration:none; color:#504d4e; display:block; } #content .faq ul.questions li a:hover{color:#ffc500; } #content .faq div.reponses { clear:both ; background:url(/images/bg_h2.gif) no-repeat bottom; padding:2px 0 60px 0; line-height:17px; } #content .faq div.last { background:none; } #content .faq div.reponses h3{ clear:both; line-height:26px; background:url(/images/bg_h3.gif) no-repeat; margin:20px 0 10px 0; padding:0 0 0 27px; font-size:17px; text-transform:uppercase;} #content .faq div.reponses a.top{ float:right; width:110px; height:28px; line-height:28px; background:url(/images/btn_en/top.gif); text-indent:-5000px; text-decoration:none; } #content .faq div.reponses ul{ margin:8px 0 8px 20px; } #content .faq div.reponses p{ padding:0 0 0 7px; } /* HOW IT WORKS */ #content .how_it_works ul.how { padding:10px 0 0 0px; list-style:none; } #content .how_it_works ul.how li { background:url(/images/bg_li_faq.gif) bottom no-repeat; padding:0px 0 10px 2px; margin-bottom: 20px; } /* PASS UK */ #content .pass_uk ul.pass { margin-left: 20px; } #content .pass_uk .cont_btn_order { float:right; margin-right: 60px; margin-bottom: 10px; margin-top: 15px; } /* PASS EUROPE */ #content .pass_europe ul.pass { margin-left: 20px; } #content .pass_europe .cont_btn_order { float:right; margin-right: 60px; margin-bottom: 10px; margin-top: 15px; } /* PASS FRANCE */ #content .pass_france ul.pass { margin-left: 20px; } #content .pass_france .cont_btn_order { float:right; margin-right: 60px; margin-bottom: 10px; margin-top: 15px; } /* PHONE SELECTION */ #content .phone_selection .cont_btn_order { float:right; margin-right: 0px; margin-bottom: 10px; margin-top: 15px; } /* CONTACT */ #content .contact { padding:0 0 20px 0; } #content .contact ul{ padding:0 0 0 20px; } #content .contact h3{margin:0 0 12px 0; padding:0 0 0 15px; clear:both; background: url(/images/fleche_jaune.gif) no-repeat 0px 4px; font-size:12px; font-weight:bold; line-height:20px; } #content .contact h4{ clear:both; line-height:20px; font-size:13px; text-transform:uppercase; border-bottom:1px dotted #c0c0c0; padding:0 0 0 7px; background:#F8F8F8; margin:6px 0 6px 0; } #content .contact p, #content .contact form{ padding:0 0 0 10px; } /* terms & prices */ #content .terms_prices h4 {margin-bottom: 5px;margin-top: 5px;font-weight:bold;font-size:1.15em;} #content .terms_prices p {text-align: justify; } #content .terms_prices h5 { clear:both; /*line-height:26px;*/margin:10px 0 10px 0; padding:0 0 0 27px; font-size:15px; text-transform:uppercase; } #content .terms_prices h5 img{float:right; /*margin:-26px 5px 0 0;*/ } #content .terms_prices #slideform{list-style:none;padding:20px 0 0;} #content .terms_prices #slideform li.toggleSubMenu{/*font-size:14px;*/text-align:justify;display:block;width:100%;position:relative;padding-bottom:6px;} #content .terms_prices #slideform span.success,#slideform li.toggleSubMenu span.error,#slideform span.success,#slideform li.toggleSubMenu span.success{position:absolute;width:21px;height:21px;left:4px;top:14px;} #content .terms_prices #slideform span.success{background:url(/images/success_picto.gif) no-repeat left top;} #content .terms_prices #slideform span.error{background:url(/images/error_picto.gif) no-repeat left top;} #content .terms_prices #slideform li.toggleSubMenu a.toggleSubMenuLink,#slideform li.toggleSubMenu span.toggleSubMenuLink{display:block;color:#504d4e;font-size:16px;font-weight:bold;text-transform:uppercase;text-decoration:none;height:43px;line-height:43px;background-image:url(/images/menu-item-deroule.gif);padding:0 0 0 29px;background-position:-25px 0;} #content .terms_prices #slideform li.open a.toggleSubMenuLink,#slideform li.open span.toggleSubMenuLink{background-image:url(/images/menu-item-enroule.gif);} #content .terms_prices #slideform .toggleSubMenu .subMenu{padding:5px 0 10px 54px;} /* ORDER */ #content .order a {font-size: 12px; } #content .order .blocshipping a {font-size: 10px; } /* Divers mise en pages declines */ ol { padding-left:30px; font-weight:bold; list-style-type:none } li{font-weight:normal!important } .italic { font-style:italic; clear:both;} .small { font-size:80%;} .small2 { font-size:90%;} .shadow { background:url(/images/bg_h2.gif) no-repeat; height:24px; width:599px; } #content .content.conditions p.ombrecondition{background:url(/images/bg_li_faq.gif) no-repeat bottom!important; margin:0px!important; padding:0px!important; height:20px!important; line-height:16px; position:relative; top:-4px; } /* POPUPS */ body.popup { background:#FFF; padding:20px 10px 10px 10px; text-align:left;} body.popup h3{ clear:both; line-height:26px; background:url(/images/bg_h3.gif) no-repeat; margin:5px 0 0px 0; padding:0 0 0 27px; font-size:13px; text-transform:uppercase; } .mrg_tb { margin:10px 10px 10px 0;} body.popup .btn{ text-align:right; } .error{color:#FF0000; font-size:10px; } span.error{ } input.error{ border:1px solid #FF0000} input.valid{ } .field-validation-success { display:none} #content .content p.form span.error{ position:absolute; } #rappelTel span.error { position:relative; top:69px;} .exposant {vertical-align:4px; font-size: 70%;line-height: .8em; position:relative; /*left:-4px;*/} .margetop { margin:27px 0 0 20px;} /* TABLEAUX DONNES // ESPACE CLIENT*/ table.data { width:631px; background:url(/images/bg_td.gif) repeat-y 0px 7px; text-align:center; font-size:90%; color:#504d4e;} table.tleft { text-align:left; width:700px; background:url(/images/bg_td-small_distr.gif) repeat-y 0px 7px; margin:5px 0 5px 0;} table.small{ text-align:left;width:560px; background:url(/images/bg_td-small2.gif) repeat-y 0px 7px; margin:5px 0 5px 15px;} table.tleft th{ padding-left:0px; } table.tleft th.margleft{ text-indent:8px } table.tleft .first{ padding-left:15px; } table.tleft th.center{ text-align:center} table.data td{ line-height:21px; background:url(/images/bg_td2.gif) no-repeat left top;} table.data.tleft td {background:url(/images/bg_border_table.gif) repeat-y left top!important; padding-left:10px} table.data.tleft td.first {background:none!important} table.data.tleft tr{border-bottom:1px solid #000!important} table.data td.first span{ padding-left:40px;} /* ENTETE */ table.data thead { height:49px; } table.data thead th {background-image:url(/images/bg_thead2.gif); background-position:0px 0px; } table.data thead th.first { background-image:url(/images/bg_thead.gif); background-position:left; } table.data thead th.last {background-image:url(/images/bg_thead.gif); background-position:right; vertical-align:middle; height:49px; } table.data thead th.single {background-image:url(/images/bg_thead_small2.gif); padding-left:15px; background-position: 0px 0px;background-repeat:no-repeat;} table.data thead th.lh49 { vertical-align:middle; height:49px; line-height:49px; } table.data thead th.last span {background-image:url(/images/bg_thead2.gif); background-position:left top; display:block; width:3px; height:49px; float:left; } table.data thead th.last br { line-height:11px;} /* FOOTER */ table.data tfoot { background-repeat: no-repeat; } table.data tfoot th {background-image:url(/images/bg_tfoot2.gif); background-position:left bottom; line-height:26px; height:20px; font-weight:normal; } table.data tfoot th.nobg {background-image:url(/images/bg_tfoot2.gif); background-position:-10px 100%; } table.data tfoot th.first { background-image:url(/images/bg_tfoot.gif); background-position:left bottom; height:20px; } table.data tfoot th.last { background-image:url(/images/bg_tfoot.gif); background-position:right bottom; height:20px; } table.data tfoot th.last span {background-image:url(/images/bg_tfoot2.gif); background-position:left bottom; display:block; float:left; width:3px; height:26px; } table.data .first { border-left:none; } table.data .last { } table.data td.first { background:none; } table.data td.last { padding-left:3px; } table.tleft td span{ margin:0; padding:0; line-height:normal; padding-left:16px; } table.tleft td span.right{ float:none; margin-left:0; text-align:right; padding-right:10px;} table p { margin:0; padding:0;} .mode { padding-left:17px; font-size:90%; margin-left:20px;} .mode2 { padding-left:15px; margin-left:32px;} label { cursor:pointer; } .true { background:url(/images/case_true.gif) no-repeat 0% 30%;} .false { background:url(/images/case_false.gif) no-repeat 0% 30%; color:#CCCCCC} .alignleft { text-align:left; padding-left:10px;} .alignright { text-align:right; padding-right:10px;} p.small{width:60%; margin:8px 0px 5px 0px;} p.small.margtop25{margin-top:15px; display:block} p.small.margport{margin-left:20px; margin-top:15px; display:block} p.italic{margin-left:30px;} .uppercase{text-transform:uppercase} .lowercase{text-transform:lowercase} .transformnone{text-transform:none} table.simple { font-size:90%!important; font-size:100%; } .solde1 { width:177px; height:49px; background:url(/images/bg_solde1.gif) no-repeat; float:right;font-weight:bold;position:relative; top:8px; margin-bottom:5px;} .solde1 strong{ line-height:49px; padding:0 20px 0 34px; } .solde1 span{ line-height:49px; padding:0 4px 0 10px; text-align:right; float:right; padding:0 10px 0 0;} .solde2 { width:254px; height:69px; background:url(/images/bg_solde2.gif) no-repeat; float:right; padding-top:13px;font-weight:bold; position:relative; top:10px; } .solde2 strong{ line-height:20px; margin:0 0px 0 34px; display:block; float:left; width:120px; } .solde2 span {float:left; line-height:20px; text-align:right; display:block; float:left; width:65px; } .separateur { height:13px; background:url(/images/separateur.gif) no-repeat; clear:both; margin:10px 0 10px 0;} .note { background: url(/images/fleche_jaune.gif) no-repeat 0px 2px; padding-left:15px; font-size:90%; } .note a { text-decoration:none;} /* PAGE COORDONNEES */ #content .blocarrondi { width:620px; margin-top:20px; background:url(/images/bg_blocarrondi-top.gif) no-repeat; padding:10px 0 0 0;font-size:110%!important;} #content .blocarrondi div.blocarrondicontent{ background:url(/images/bg_blocarrondi-bottom.gif) no-repeat bottom; padding:10px 10px 10px 20px; font-weight:bold;} #content .blocarrondi div label{ display:block; float:left; width:280px; font-weight:normal; font-size:105%!important; } #content form .blocarrondi div label{ position:relative; top:-4px; } #content .blocarrondi div .jqTransformInputWrapper { float:left; } #content .blocarrondi div .note { clear:both; height:20px; } /* LOGO FIANET */ body #focus .pack { display:none} body#mobile #focus .pack { display:block} body #focus .fianet { padding:14px 0 0 20px; display:none} body.order #focus .fianet, body.paiemenet #focus .fianet { display:block} /* MOT DE PASSE */ #content .login #form1 p.formpsw label { position:relative;} #content .login #form1 p.formpsw label span.small { position:absolute; top:12px; left:12px; display:block;} /* PLAYER */ #player_accueil { width: 619px; height: 449px; background-image: url('/images/fond_player_accueil.gif'); background-repeat: no-repeat; margin-left: auto; margin-right: auto; } #player_accueil #player { /*display: none;*/ position: absolute; width: 480px; height: 360px; margin-top: 40px; margin-left: 70px; }