/********************************************** 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:12px; text-align:center; color:#595959;} p { padding:2px 0 8px 0;} 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:139px; width:920px; margin: 0px auto; position:relative; } #header .interditeauxpigeons{background:url(/images/bloc_stop.gif) no-repeat; position:absolute; right:0px; top:35px; width:154px; height:104px;} #cheminfer { width:920px; margin: 0px auto; line-height:30px; color:#757575; text-transform:uppercase; } #content { width:920px; margin: 0px auto; min-height:300px; height:auto!important; height:300px; } #footer { width:100%; background:#f1f0f0; margin:23px 0 0 0; } #footer div.footer{ width:920px; margin: 0px auto; background:url(/images/bg_footer.gif) no-repeat top left; } /* HEADER */ #header h1{ height:102px; width:140px; background:url(/images/logo.gif) no-repeat; margin:15px 0 0 0; float:left;} #header h1 a{ display:block; height:102px; width:140px; float:left;} #header h1 a 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:28px; 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; } #header h2 {float:left; width:400px; margin-top: 58px; margin-left: 20px;} /* CHEMIN DE FER */ #cheminfer .reseau { background:url(/images/btn_reseau.gif) no-repeat; padding-left:80px; width:250px; height:20px; line-height:20px; float:left; margin:5px 0 0 0 ; } #cheminfer a { text-decoration:none; padding:0 8px; color:#757575; font-size:10px; } #cheminfer a:hover { text-decoration:underline; color:#000; } /* CONTENT */ #content #focus { width:250px; min-height:420px; height:auto!important; height:420px; float:right; } #content .content { width:630px; float:left; } #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:20px 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 #comparateur { } #content .content .pub1 { float:left; width:309px; height:162px; margin:16px 0 0 0; position:relative; } #content .content .pub2 { float:left; width:309px; height:162px; 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 .pub { float:left; width:309px; height:162px; margin:16px 0 0 0; position:relative; } #content .content .pub a, {position:absolute; bottom:15px; right:9px;} #content .content.conditions h3{background:url(/images/fleche_jeune.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:163px; width:300px; float:left; background:url(/images/sep_footer.gif) no-repeat right top;font-size:90%;} #footer div.footer .footer_blocdec { height:140px; width:300px; float:left; background:url(/images/sep_footer2.gif) no-repeat right top; font-size:90%;} #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 */ #header h2 span.ttr_accroche { background:url(/images/header_accroche.gif) no-repeat; } #content .content h2 span, #header h2 span { display:block; width:599px; height:47px; text-indent:-5000px; } #content .content h2 span.ttr_commander_en_ligne { background:url(/images/titres_fr/ttr_commander_en_ligne.gif) no-repeat; } #content .content h2 span.ttr_conditions_tarifs { background:url(/images/titres_fr/ttr_conditions_tarifs.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_le-pack-samsung { background:url(/images/titres_fr/ttr_le-pack-samsung.gif) no-repeat; height:66px; } #content .content h2 span.ttr_changezpas_mobile { background:url(/images/titres_fr/ttr_changezpas_mobile.gif) no-repeat 0px 5px; height:40px;} #content .content h2 span.ttr_espace_client { background:url(/images/titres_fr/ttr_espace_client.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_identif_distributeur { background:url(/images/titres_fr/ttr_identif_distributeur.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_portabilite { background:url(/images/titres_fr/ttr_portabilite.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_presse_en_parle { background:url(/images/titres_fr/ttr_presse_en_parle.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_question_reponse { background:url(/images/titres_fr/ttr_question_reponse.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_quisommesnous { background:url(/images/titres_fr/ttr_quisommesnous.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_rappel_gratuit { background:url(/images/titres_fr/ttr_rappel_gratuit.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_vousetes_client { background:url(/images/titres_fr/ttr_vousetes_client.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_vousetespas_client { background:url(/images/titres_fr/ttr_vousetespas_client.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_contact { background:url(/images/titres_fr/ttr_contact.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_zeroforfait_quoi { background:url(/images/titres_fr/ttr_zeroforfait_quoi.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_zeroforfait_quoi_pro { background:url(/images/titres_fr/ttr_zeroforfait_quoi_pro.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_comparez_zeroforfait { background:url(/images/titres_fr/ttr_comparez_zeroforfait.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_parrainez_ami { background:url(/images/titres_fr/ttr_parrainez_ami.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_zeroforfait_desc { background:url(/images/titres_fr/ttr_zeroforfait_desc.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_reglez_facture_enligne { background:url(/images/titres_fr/ttr_reglez_facture_enligne.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_commencamarche { background:url(/images/titres_fr/ttr_commencamarche.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_commencamarche_pro { background:url(/images/titres_fr/ttr_commencamarche_pro.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_alacarte { background:url(/images/titres_fr/ttr_alacarte.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_alacarte_pro { background:url(/images/titres_fr/ttr_alacarte_pro.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_alinternational_pro { background:url(/images/titres_fr/ttr_alinternational_pro.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_inscription { background:url(/images/titres_fr/ttr_inscription.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_identification { background:url(/images/titres_fr/ttr_identification.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_moncompte { background:url(/images/titres_fr/ttr_moncompte.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_zeroforfait_filaire { background:url(/images/titres_fr/ttr_zeroforfait_filaire.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_zeroforfait_fixe { background:url(/images/titres_fr/ttr_zeroforfait_fixe.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_zeroforfait_ML { background:url(/images/titres_fr/ttr_zeroforfait_ML.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_tous_gagnants { background:url(/images/titres_fr/ttr_tous_gagnants.gif) no-repeat 0px 5px; } #content .content h2 span.ttr_sponsorisez_ami { background:url(/images/titres_fr/ttr_sponsorisez_ami.gif) no-repeat 0px 5px; } /* 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_jeune.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:95px; height:28px; line-height:28px; background:url(/images/btn_fr/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; } /* 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_jeune.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; } /* ESPACE CLIENTS */ #content .login 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 10px; } #content .login form{ padding:15px; } #content .login h3{background:url(/images/fleche_jeune.gif) no-repeat left center; font-size:12px; font-weight:normal; text-transform:none; padding-left:18px; margin:10px 0px!important} #content .login #form1 p.form,#content .login #form2 p.form,#content .login #form3 p.form {width:359px; display:block; } #content .login #form1 p.formpsw {/*width:550px;*/ display:block; margin:0; padding:7px 0 7px 0; line-height:12px; clear:both } #content .login #form1 p.formpsw label {width:200px; } #content .login #form1 p.formpsw input.btnok { margin-right:170px; } #content .login #form1 p.formpsw input.btnok2 { margin-right:165px; float:right; } #content .login #form1 label,#content .login #form2 label ,#content .login #form3 label{width:120px; float:left; padding-left:13px;} .btnok {float:right;} .pass_perdu { display:none} #content .login .formidentif{position:relative; display:block;background:url(/images/bg_portable_identif.gif) no-repeat 400px bottom; height:auto; min-height:120px;_height:180px } #content .login #form1 p.form.margform{padding-top:10px;} #content .login input.simpleinput {width:210px;} input.simpleinput { font-size:80%; border:1px solid #999999; padding:2px 3px 2px 3px; margin-right:4px;} table select { font-size:80%; border:1px solid #999999; padding:2px 3px 2px 3px;margin-right:4px;} #content .content.home p{ margin-left:17px;} #content .content.home p.satisfaction_client{ margin:15px 0px 20px 0px;padding:0px; position:relative;} #content .content.home p.satisfaction_client span{position:absolute;top:83px;left:24px;font-weight:bold; font-size:9px;} #content .content.home p.satisfaction_client img{ margin-left:10px;} #content .content.home h3{background:url(/images/fleche_jeune.gif) no-repeat left 6px; font-size:12px; font-weight:bold;letter-spacing:normal; text-transform:uppercase; margin:-6px 0px 0px 17px; padding:0px 0 6px 18px; } #content .content.home p.mobileperdu{margin-bottom:30px; width:525px; float:left;_float:none} #content .content.home p.mobileperdu img{position:relative; float:right; top:5px; vertical-align:middle} #content .content.home p.pin_puk{position:relative; float:left; bottom:8px; right:16px;} #content .content.home p.pin_puk img{vertical-align:middle} *html #content .content.home h3.left{margin-left:10px;} #content .content .headerec { margin:13px 0 0 0;} /* OFFRE ZERO FORFAIT */ #content .offre { padding:0 0 20px 0;} #content .offre ul { background:url(/images/bg_h2.gif) no-repeat top; padding:22px 0 0 0px; list-style:none; } #content .offre ul li { background:url(/images/bg_li_faq.gif) bottom no-repeat; padding:0px 0 15px 2px; } #content .offre ul li.nostyle { background:none; padding:0px 0 15px 2px; } #content .offre ul li a { font-size:13px; font-weight:normal; background: url(/images/fleche_jeune.gif) no-repeat 0px 2px; padding-left:15px; line-height:normal; text-decoration:none; display:block; color:#504d4e; } #content .offre ul li a.normal { font-weight:normal; } #content .offre p{ padding:5px 0 5px 7px; } /* Ne changer pas de mobile */ #content .change { padding:0 0 20px 0; } #content .change ul { background:url(/images/bg_h2.gif) no-repeat top; padding:22px 0 0 0px; list-style:none; } #content .change ul li { background:url(/images/bg_li_faq.gif) bottom no-repeat; padding:5px 0 20px 2px; } #content .change ul li.nostyle { background:none; padding:0px 0 15px 2px; } #content .change ul li a { font-size:13px; font-weight:normal; background: url(/images/fleche_jeune.gif) no-repeat 0px 2px; padding-left:15px; line-height:normal; text-decoration:none; display:block; color:#504d4e; } #content .change ul li a.normal { font-weight:normal; } #content .change p{ padding:5px 0 5px 7px; } /* portabilité */ li.num1,li.num2,li.num3{padding-left:20px; margin:0px; } li.num1{background:url(/images/picto_1.gif) no-repeat left top;} li.num2{background:url(/images/picto_2.gif) no-repeat left top;} li.num3{background:url( /images/picto_3.gif) no-repeat left top;} /* PRESSE */ #content .presse_logos { width:308px; height:120px; float:left; margin:3px 6px 0 0; } #content .presse_logos img { } #singlemp3player{ padding: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%;} .ombre { 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;} /* Parrainage Front */ #content .content.parrainage { position:relative;} #content .content.parrainage p.form{float:left;width:100%; } #content .content.parrainage p.form label {float:left ; width:250px; font-size:97%; } #content .content.parrainage h3{background:url(/images/fleche_jeune.gif) no-repeat left center; font-size:12px; font-weight:normal; text-transform:none; padding-left:18px; margin:10px 0px!important; margin:0px} #content .content.parrainage h3.title{ clear:both; line-height:26px; background:url(/images/bg_h3.gif) no-repeat; margin:20px 0 10px 0; padding:3px 0 0 27px; font-size:17px; text-transform:uppercase; font-weight:bold } #content .content.parrainage {position:relative;} #content .content.parrainage.texte_offre_parrainage {background:url(/images/texte_offre_parrainage.gif) no-repeat right bottom; width:200px; height:215px; text-indent:-3333333333px;} #content .content.parrainage span.error{ position:relative; z-index:999999; } #content .content.parrainage div.telpicto {position:absolute; bottom:-23px; right:0px; background:url(/images/bg_portable_identif_big.gif) no-repeat 0px 0px; height:187px; width:169px; z-index:88888 } /* 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.offreszf{ text-align:left;width:560px; background:url(/images/bg_td-small_offrezf.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.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:100%!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_jeune.gif) no-repeat 0px 2px; padding-left:15px; font-size:90%; } .note a { text-decoration:none;} /* TABS ESPACE CLIENTS */ #content ul.tabs{ display:block; padding:0 0 13px 0; height:28px; margin:18px auto 10px auto; list-style:none; overflow:hidden; background:url(/images/tab_shadow.gif) center bottom no-repeat; } #content ul.tabs li{ display:block; height:28px; float:left; overflow:hidden; width:103px; background:url(/images/tab_separato.gif) top left no-repeat; } #content ul.tabs li a{ display:block; height:28px; width:105px; text-transform:uppercase; line-height:28px; overflow:hidden; text-align:center; color:#504d4e; font-size:10px; text-decoration:none; position:relative; } #content ul.tabs li:hover, #content ul.tabs li.activ, #content ul.tabs li.last{ background:none; } #content ul.tabs li a:hover { font-size:11px; font-weight:bold; background:url(/images/tab_bg_on.gif) top left no-repeat; } #content ul.tabs li.activ a{ font-size:11px; font-weight:bold; background:url(/images/tab_bg_activ.gif) top left no-repeat; } #content ul.tabs li:first-child { background:none; } #content ul.tabs li a.first { _background:url(/images/separato_first.gif) no-repeat; } #content ul.tabs li a.first:hover, #content ul.tabs li.activ a.first{ background:url(/images/tabs_first.gif) top right no-repeat; } #content ul.tabs li a.last:hover, #content ul.tabs li.activ a.last{ background:url(/images/tabs_last.gif) top left no-repeat; } /* POP MOBILE EGARE */ form.mobilegare {} form.mobilegare .note{ font-size:12px; position:relative; height:34px;} form.mobilegare .note input{ position:absolute; right:50px; top:0px; height:17px; } form.mobilegare .note span.error{ position:absolute; height:17px; right:55px; top:17px; } form.mobilegare input.ok{ position:relative; left:420px; top:-10x;} /* 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.commander #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;}