/* balises */ body { position:relative; margin:0; background:#FFFBEB url(img/bg_body.gif) repeat-x; } img { border:0; } legend { padding:0 13px 4px 13px; font-weight:bold; font-size:13px; color:#F08A00; } fieldset { padding:13px; border:1px solid #F08A00; } a { color:#4875CA; } a:hover { color:#18459A; } hr { margin:10px 0; width:100%; height:1px; border:0; color:#DAD9D9; background-color:#DAD9D9; } th, td { text-align:left; font:normal 12px "Trebuchet MS",sans-serif; color:#2E2E2E; } h2, h3, h4, h5, h6, em, form, input, ol { margin:0; padding:0; } h2 { font-weight:bold; font-size:18px; } h3 { margin-bottom:5px; font-weight:bold; font-size:16px; } h4 { display:inline; font-weight:bold; font-size:14px; } h5 { font-weight:bold; font-size:13px; } h6 { font-weight:bold; font-size:12px; } em { font-style:normal; font-size:12px; color:#767676; } /* classes courantes */ .contenu { padding:13px; width:561px; } .contenu ol { margin:0; padding:0 0 0 20px; } .justify { text-align:justify; } .justify p { margin-top:0; } .left { float:left; } .right { float:right; } .clear{ clear:both; } .bold { font-weight:bold; } .dot { width:100%; height:2px; margin:15px 0; font-size:1px; background:transparent url(img/dot.gif) repeat-x; } .orange { color:#ec8b06; } .mentions { font:normal 10px "Trebuchet MS"; color:#6b6b6b; } #imprimez{ display:block; width:30px; height:28px; background-image:url(img/vot_btn_imprimez.gif); } #faq-picto{ display:block; padding-left:35px; background-image:url(img/vot_comp_faq.gif); background-repeat:no-repeat; } /* structure du site */ #header { float:left; margin-left:13px; } #banner { float:left; margin-top:22px; } td.login { font-weight:bold; font-size:11px; } td.login a { text-decoration:none; } td.login a:hover { color:#2E2E2E; } td.login input.border { float:left; margin:5px 0 0 10px; padding:0 2px; height:16px; font-size:11px; border:1px solid #AD66A5; } td.login div.log { padding-left:6px; width:222px; color:#5E5E5E; } td.login div.log img { margin-top:22px; } td.login div.logged { padding-left:13px; width:183px; font-size:11px; color:#000; } td.login div.logged a { color:#AD66A5; text-decoration:underline; } td.login div.logged a:hover { color:#000; } #menu_print { display:none; } #menu_home { padding:13px; width:213px; font-size:11px; color:#2E2E2E; float:left;} .cre_bg_home { background:#FFF url(img/cre_bg_home.gif) repeat-y; } .ass_bg_home { background:#FFF url(img/ass_bg_home.gif) repeat-y; } .dem_bg_home { background:#FFF url(img/dem_bg_home.gif) repeat-y; } .hab_bg_home { background:#FFF url(img/hab_bg_home.gif) repeat-y; } .dom_bg_home { background:#FFF url(img/dom_bg_home.gif) repeat-y; } .cre_bg { background:#FFF url(img/cre_bg.gif) repeat-y; } .acc_bg { background:#FFF url(img/cre_bg.gif) repeat-y; } .ass_bg { background:#FFF url(img/ass_bg.gif) repeat-y; } .dem_bg { background:#FFF url(img/dem_bg.gif) repeat-y; } .hab_bg { background:#FFF url(img/hab_bg.gif) repeat-y; } .dom_bg { background:#FFF url(img/dom_bg.gif) repeat-y; } .vot_bg { background:#FFF url(img/vot_bg.gif) repeat-y; } .gui_bg_home { background:#FFF url(img/cre_bg_home.gif) repeat-y; } ul#topmenu { margin:0; padding:0; width:757px; height:58px; } ul#topmenu li { display:block; float:left; } ul#topmenu a { display:block; width:134px; height:58px; background:transparent no-repeat -16px 0; } #topmenu a:hover { background-position:-16px -58px; } #topmenu a.courant { background-position:-16px -116px; } #topmenu a#acc { width:82px; background-image:url(img/topmenu_hom.gif); background-position:0 0; } #topmenu a#cre { background-image:url(img/topmenu_cre.gif); } #topmenu a#ass { background-image:url(img/topmenu_ass.gif); } #topmenu a#dem { background-image:url(img/topmenu_dem.gif); } #topmenu a#hab { background-image:url(img/topmenu_hab.gif); } #topmenu a#dom { background-image:url(img/topmenu_dom.gif); width:139px; } #topmenu a span { display:none; } .wide { position:relative; width:987px; } .wide ul#topmenu { width:987px; } .wide ul#topmenu a { display:block; width:181px; background:transparent no-repeat 0 0; } .wide ul#topmenu a:hover { background-position:0 -58px; } .wide #topmenu a#acc.courant { background-position:0 -116px; } .wide ul#topmenu a#dom { width:181px; } .wide #sm { width:987px; position:absolute;z-index:100} .wide ul.submenu { width:987px; } ul.submenu { margin:0; padding:0; height:35px; width:757px; clear:both; } ul.submenu li, ul.submenu a { display:block; float:left; height:35px; } ul.submenu a { padding:12px 5px 0 17px; height:23px; text-decoration:none; font-weight:bold; color:#FFF; background:transparent no-repeat 0 0; } #sm_cre.submenu { background-color:#f08a00; } #sm_cre.submenu a { background:transparent url(img/submenu_cre.gif) no-repeat 0 0; } #sm_cre.submenu a:hover { background-position:0 -35px; color:#f08a00; } #sm_cre.submenu a.courant { background-position:0 -70px; color:#f08a00; } #sm_ass.submenu { background-color:#d39757; } #sm_ass.submenu a { background:transparent url(img/submenu_ass.gif) no-repeat 0 0; } #sm_ass.submenu a:hover { background-position:0 -35px; color:#d39757; } #sm_ass.submenu a.courant { background-position:0 -70px; color:#d39757; } #sm_dem.submenu { background-color:#8fbc13; } #sm_dem.submenu a { background:transparent url(img/submenu_dem.gif) no-repeat 0 0; } #sm_dem.submenu a:hover { background-position:0 -35px; color:#8fbc13; } #sm_dem.submenu a.courant { background-position:0 -70px; color:#8fbc13; } #sm_hab.submenu { background-color:#289ea4; } #sm_hab.submenu a { background:transparent url(img/submenu_hab.gif) no-repeat 0 0; } #sm_hab.submenu a:hover { background-position:0 -35px; color:#289ea4; } #sm_hab.submenu a.courant { background-position:0 -70px; color:#289ea4; } #sm_dom.submenu { background-color:#2060a7; } #sm_dom.submenu a { background:transparent url(img/submenu_dom.gif) no-repeat 0 0; } #sm_dom.submenu a:hover { background-position:0 -35px; color:#2060a7; } #sm_dom.submenu a.courant { background-position:0 -70px; color:#2060a7; } #sm_vot.submenu { background-color:#AD66A5; } #sm_vot.submenu a { background:transparent url(img/submenu_vot.gif) no-repeat 0 0; } #sm_vot.submenu a:hover { background-position:0 -35px; color:#AD66A5; } #sm_vot.submenu a.courant { background-position:0 -70px; color:#AD66A5; } #contenu_home { padding:13px; width:492px; } #menu_l { padding:13px 0 0 13px; width:157px; color:#2E2E2E;} #menu_l ul { list-style:none; margin:0; padding:0; width:144px; } #menu_l li { font-weight:bold; padding:5px; border-bottom:1px solid #d2d2d2; } #menu_l a { color:black; text-decoration:none; } #menu_l a:hover, #menu_l a.courant { text-decoration:underline; } #menu_esp { padding:13px 0 0 13px; width:157px; color:#2E2E2E;} #menu_esp ul { list-style:none; margin:0 0 20px; padding:0; width:144px; } #menu_esp li { font-weight:bold; border-bottom:1px solid #FFF; } #menu_esp li.titre { text-transform:uppercase; color:#cc99cc; } #menu_esp li.last { border:0; } #menu_esp a { display:block; padding:2px 0 2px 10px; color:#343434; text-decoration:none; } #menu_esp span { display:block; padding:2px 0 2px 10px; color:#cc99cc; } #menu_esp a:hover, #menu_esp a.courant { text-decoration:underline; } #coldroite { padding:15px 0 0 6px; background:#FFFBEB url(img/bg_coldroite.gif) repeat-x; } #coldroite div.case { margin:0 0 0 10px; } #coldroite input.border { float:left; margin-right:6px; padding:0 2px; width:160px; height:20px; font:normal 12px Arial; line-height:20px; border:1px solid #9A9A9A; } #coldroitebottom { width:214px; padding:10px 0 0 10px; background:transparent url(img/rechercheragence_bg.gif) no-repeat; } #form_guideid { padding:10px 0 0 10px; overflow:hidden; } #form_guideid input.border { margin:0 0 6px; padding:0 2px; height:20px; width:160px; font:normal 12px Arial; line-height:20px; border-color:#AD66A5; } #form_guideid input[type="image"]{ display:block; float:right; margin:0 15px 0 0; } #footer { width:757px; padding-top:13px; color:#A7A7A7; } #footer span { margin:0px; font-size:11px; font-weight:bold; } #footer ul { float:left; margin:0 13px; padding:0; } #footer li { display:block; margin:0; font-size:11px; } #footer li a { text-decoration:none; color:#A7A7A7; } #footer li.credits { display:inline; margin:0; } #footer li.credits a { margin-left:10px; text-decoration:underline; color:#A7A7A7; } /* doc_body */ .justify table { border-collapse:collapse; } .justify table th, .justify table td { padding:2px; } .justify table th { font-weight:bold; text-align:center; } .bonasavoir, .notreconseil, .allerplusloin, .decouvrirpartenaire { margin:10px 5px; padding:50px 10px 10px 10px; width:530px; font-weight:bold; border-bottom:1px solid #dfdfdf; } .doc_body ul{ margin:5px 0; padding-left:15px; } .doc_preview { background-color:lightgreen; } #doc_body_ass p, #doc_body_cre p, #doc_body_dem p, #doc_body_hab p, #doc_body_dom p { clear:both; } #doc_body_ass .photo { float:right; border:1px solid #d39757; margin-left:13px; } #doc_body_ass .bonasavoir { background:transparent url(img/ass_bonasavoir.gif) no-repeat; } #doc_body_ass .decouvrirpartenaire { background:transparent url(img/ass_decouvrir.gif) no-repeat; } #doc_body_ass .notreconseil { background:transparent url(img/ass_notreconseil.gif) no-repeat; } #doc_body_ass .allerplusloin { background:transparent url(img/ass_allezplusloin.gif) no-repeat; } #doc_body_ass ul li { list-style-image:url(img/puce_ass.gif); } #doc_body_ass .justify table th { background-color:#d39757; } #doc_body_cre .photo { float:right; border:1px solid #f08a00; margin-left:13px; } #doc_body_cre .bonasavoir { background:transparent url(img/cre_bonasavoir.gif) no-repeat; } #doc_body_cre .decouvrirpartenaire { background:transparent url(img/cre_decouvrir.gif) no-repeat; } #doc_body_cre .notreconseil { background:transparent url(img/cre_notreconseil.gif) no-repeat; } #doc_body_cre .allerplusloin { background:transparent url(img/cre_allezplusloin.gif) no-repeat; } #doc_body_cre ul li { list-style-image:url(img/puce_cre.gif); } #doc_body_cre .justify table th { background-color:#F08A00; } #doc_body_dem .photo { float:right; border:1px solid #8fbc13; margin-left:13px; } #doc_body_dem .bonasavoir { background:transparent url(img/dem_bonasavoir.gif) no-repeat; } #doc_body_dem .decouvrirpartenaire { background:transparent url(img/dem_decouvrir.gif) no-repeat; } #doc_body_dem .notreconseil { background:transparent url(img/dem_notreconseil.gif) no-repeat; } #doc_body_dem .allerplusloin { background:transparent url(img/dem_allezplusloin.gif) no-repeat; } #doc_body_dem ul li { list-style-image:url(img/puce_dem.gif); } #doc_body_dem .justify table th { background-color:#8FBC13; } #doc_body_hab .photo { float:right; border:1px solid #289ea4; margin-left:13px; } #doc_body_hab .bonasavoir { background:transparent url(img/hab_bonasavoir.gif) no-repeat; } #doc_body_hab .decouvrirpartenaire { background:transparent url(img/hab_decouvrir.gif) no-repeat; } #doc_body_hab .notreconseil { background:transparent url(img/hab_notreconseil.gif) no-repeat; } #doc_body_hab .allerplusloin { background:transparent url(img/hab_allezplusloin.gif) no-repeat; } #doc_body_hab ul li { list-style-image:url(img/puce_hab.gif); } #doc_body_hab .justify table th { background-color:#289EA4; } #doc_body_dom .photo { float:right; border:1px solid #2060a7; margin-left:13px; } #doc_body_dom .bonasavoir { background:transparent url(img/dom_bonasavoir.gif) no-repeat; } #doc_body_dom .decouvrirpartenaire { background:transparent url(img/dom_decouvrir.gif) no-repeat; } #doc_body_dom .notreconseil { background:transparent url(img/dom_notreconseil.gif) no-repeat; } #doc_body_dom .allerplusloin { background:transparent url(img/dom_allezplusloin.gif) no-repeat; } #doc_body_dom ul li { list-style-image:url(img/puce_dom.gif); } #doc_body_dom .justify table th { background-color:#2060A7; } /* Pour les listes de questions */ ol.quiz { font-weight:bold; list-style-position:outside; } ol.quiz span { margin-left:0; font-weight:normal; color:#000; } ol.quiz ul { font-weight:normal; color:#000; } ol.quiz li .title { font-weight:bold; } ol.quiz ul { margin:0 0 15px 0; padding:0; list-style:none; } ol.quiz li li.item { margin:0; font:normal 13px "Trebuchet MS",sans-serif; color:#656565; } ol.quiz li li.justification { display:block; margin:0; text-align:justify; } ol.quiz li li.valid { margin-left:-20px; padding-left:20px; background:transparent url(img/q_valid.gif) no-repeat 0 3px; } ol.quiz li li.unvalid { margin-left:-20px; padding-left:20px; background:transparent url(img/q_unvalid.gif) no-repeat 0 3px; } ol.quiz li li div { margin-left:0; font-style:italic; } /* classes des home */ .hom_titre { font-family:Times; font-size:34px; font-weight:normal; } .hom_titre_div { float:left; margin-left:5px; width:340px; } .hom_titre_div p { margin-top:0; } .hom_dot { margin:5px 0; clear:both; } /* module credit */ .cre { color:#F08A00; } a.cre:hover { color:#F3A63E; } #menu_l a.cre { color:#F08A00; } /* module assurance */ .ass { color:#d39757; } a.ass:hover { color:#DAB690; } #menu_l a.ass { color:#D39757; } /* module demenagement */ .dem { color:#8FBC13; } a.dem:hover { color:#C1E266; } #menu_l a.dem{ color:#8FBC13; } /* module habitat */ .hab { color:#289EA4; } a.hab:hover { color:#82D2D6; } #menu_l a.hab{ color:#289EA4; } .hab_accedezausite { float:right; margin-right:10px; } /* module domicile */ .dom { color:#2060A7; } a.dom:hover { color:#73A4DA; } #menu_l a.dom { color:#2060A7; } /* module votre espace */ .vot { color:#AD66A5; } #menu_l a.vot{ color:#AD66A5; } /* module guide */ .gui { color:#F08A00; } a.gui:hover { color:#F3A63E; } #menu_l a.gui { color:#F08A00; } /* classes diverses */ .bg_calculette { background:url(img/bg_cre_notaire.gif) no-repeat bottom left; } .bg_div_overflow { background:transparent url(img/bg_div_overflow.jpg) no-repeat; } .div_overflow { padding:20px; width:480px; height:320px; overflow:auto; } .div_overflow2 { margin:5px 0; padding:5px 0; width:500px; height:420px; overflow:auto; } table#graph td { padding-left:40px; color:#000; } /* classes de l'admin */ form.formulaire table { margin:10px; width:480px; } form.formulaire td { padding:2px; } .edit { margin:10px 0; } /* menu inventaire */ #inventaire { padding:10px 0 10px 12px; width:510px; background:transparent url(img/bg_div_haut.gif) no-repeat; } #inventaire select { width:173px; margin-right:20px; } #menu_inv { width:508px; height:25px; margin:10px 0; } #menu_inv a { float:left; display:block; height:25px; background-color:transparent; background-position:0 0; } #menu_inv a:hover { background-position:0 -25px; } #menu_inv a#biens { width:158px; background-image:url(img/ass_inv_biens.gif); } #menu_inv a#documents { width:193px; background-image:url(img/ass_inv_documents.gif); } #menu_inv a#rien { width:88px; background-image:url(img/ass_inv_rien.gif); } #menu_inv a#aide { width:59px; background-image:url(img/ass_inv_aide.gif); } #menu_inv a#empty { width:147px; background-image:url(img/ass_inv_empty.gif); } #nav { float:right; margin-left:10px; text-align:right; } #nav em { display:block; width:100px; border-bottom:1px solid #D6D6D6; font-size:10px; } #nav em img { margin:0 0 0 4px; } #nav a { text-decoration:none; } .bien { float:left; width:370px; } .bien_ap { float:left; margin-right:10px; } .pop { width:258px; text-align:center; line-height:10px; background-image:url(img/ass_inv_bg.gif); } .poptitre { font-weight:bold; } .popborder { width:180px; border:1px solid #CFCFCF; } /* formulaires */ .asterisque { color:red; } fieldset p { clear:both; margin:2px 0; } fieldset p #validez { margin-left:140px; } p .col, span.col{ width:160px; display:block; float:left; margin:2px 0; } span.col{ width:auto; } fieldset p .col_1 { width:170px; border:1px solid #f08a00; } fieldset p .col_2 { width:170px; margin-left:20px; border:1px solid #fcbd33; } fieldset p .short { width:146px; } input.saisie { width:300px; } /* Agences */ .contextMap{ width:320px; height:240px; border:1px solid #dad9d9; float:right; margin-left:3px; display:none; } .coordonnees{ width:210px; float:left; } #md-kit {margin-left:80px;border:4px solid #EEF5DB;} #listing td{border:1px solid lightgrey;border-width:0 1px 0 0;} #listing td#nav{border:0px;} #tooltip{display:none;position:absolute;background-color:#deeff3;width:200px;color:#933e00;background:transparent url(img/bg_tooltip.gif) no-repeat;border-bottom:1px solid #fcba2d;padding:5px;width:300px;z-index:10000;font:normal 12px "Trebuchet MS",sans-serif;} #tooltip a {color:#000;} #tooltip a#tooltipclose{display:block;height:17px;width:17px;float:right;background:transparent url(img/tooltip_close.gif) no-repeat 0 0;} #tooltip a#tooltipclose:hover{background-position:0px -17px;} #tooltip p{margin:0;} dfn{cursor:pointer;border-bottom:1px dotted #999;color:#933e00;} #doc_body_cre ul.nopuce li, #doc_body_ass ul.nopuce li, #doc_body_dem ul.nopuce li, #doc_body_hab ul.nopuce li, #doc_body_dom ul.nopuce li { list-style:none; margin-bottom:3px; } ul.nopuce li.theme {font-size:1.1em; font-weight:bold;} .contenu ul.cre_list{ margin:0; padding:0 0 0 17px; } .contenu ul.cre_list li { margin:0; background:transparent url(img/puce_cre.gif) no-repeat 0 5px; list-style:none; list-style-image:none; padding:0 0 0 10px; } .retourtop { margin-left:5px; padding:0 11px; text-decoration:none; background:transparent url(img/cre_btn_retourtop.gif) no-repeat 0 0; font-size:12px; } #doc_body_cre .retourtop { background:transparent url(img/cre_btn_retourtop.gif) no-repeat 0 0; } #doc_body_ass .retourtop { background:transparent url(img/ass_btn_retourtop.gif) no-repeat 0 0; } #doc_body_dem .retourtop { background:transparent url(img/dem_btn_retourtop.gif) no-repeat 0 0; } #doc_body_hab .retourtop { background:transparent url(img/hab_btn_retourtop.gif) no-repeat 0 0; } #doc_body_dom .retourtop { background:transparent url(img/dom_btn_retourtop.gif) no-repeat 0 0; } #doc_body_vot .retourtop { background:transparent url(img/vot_btn_retourtop.gif) no-repeat 0 0; } #chapo, #sommaire{ background:transparent url(img/dot.gif) repeat-x 0 100%; padding-bottom:15px; margin-bottom:15px; } #sommaire { width:264px; float:left; padding-bottom:15px; margin-bottom:15px; text-align:left; } #sommaire ul { padding:20px 0 0 0; margin:0 0 0 20px; list-style:none; list-style-image:none; } #doc_body_ass #sommaire ul { background:transparent url(img/ass_bg_sommaire.gif) no-repeat 0 0; } #doc_body_cre #sommaire ul { background:transparent url(img/cre_bg_sommaire.gif) no-repeat 0 0; } #doc_body_dem #sommaire ul { background:transparent url(img/dem_bg_sommaire.gif) no-repeat 0 0; } #doc_body_dom #sommaire ul { background:transparent url(img/dom_bg_sommaire.gif) no-repeat 0 0; } #doc_body_hab #sommaire ul { background:transparent url(img/hab_bg_sommaire.gif) no-repeat 0 0; } #doc_body_ass #sommaire ul ul { padding:0; margin:0; background:none; } #doc_body_cre #sommaire ul ul { padding:0; margin:0; background:none; } #doc_body_dem #sommaire ul ul { padding:0; margin:0; background:none; } #doc_body_dom #sommaire ul ul { padding:0; margin:0; background:none; } #doc_body_hab #sommaire ul ul { padding:0; margin:0; background:none; } #sommaire ul li { list-style:none; list-style-image:none; padding:0 0 0 10px; margin:0; } #doc_body_ass #sommaire ul li { background:transparent url(img/puce_ass.gif) no-repeat 0 5px; } #doc_body_cre #sommaire ul li { background:transparent url(img/puce_cre.gif) no-repeat 0 5px; } #doc_body_dem #sommaire ul li { background:transparent url(img/puce_dem.gif) no-repeat 0 5px; } #doc_body_dom #sommaire ul li { background:transparent url(img/puce_dom.gif) no-repeat 0 5px; } #doc_body_hab #sommaire ul li { background:transparent url(img/puce_hab.gif) no-repeat 0 5px; } #leplus{ width:264px; background:transparent url(img/cre_bg_leplus.gif) no-repeat 0 0; border-bottom:1px solid #D2D2D2; float:right; margin:0 0 5px 5px; padding:50px 5px 3px 5px; } .doc_body h4{ display:block; clear:both; } /* couleurs des selection (FF only)*/ ::-moz-selection{ background:#f08a00; color:#ffffff; } ::selection { background:#f08a00; color:#ffffff; } /* champs disabled */ .disabled, fieldset p .disabled { background:#FFFBEB; color:#ccc; border:1px solid #ccc; cursor:default; } #recommandez { color:#6b6b6b; } #recommandez .formulaire { position:relative; margin-top:20px; padding-top:25px; padding-left:40px; width:520px; height:300px; background:#FFF url(img/bg_recommandez.gif) no-repeat; } #recommandez .formulaire p { margin:0 0 2px 0; height:20px; width:500px; clear:both; } #recommandez .formulaire label {clear:both; text-align:left; display:block; float:left; width:150px; height:20px; } #recommandez .formulaire input.saisie { float:left; margin-left:7px; width:274px; height:18px; border:1px solid #9A9A9A; } #recommandez .formulaire .valid { position:absolute; top:241px; left:385px; } #recommandez .formulaire .indication { position:absolute; top:280px; left:90px; font-size:10px; } #recommandez .formulaire textarea { float:left; width:432px; height:54px; overflow:hidden; border:1px solid #9A9A9A; } #recommandez .formulaire .captcha_table { margin-left:-8px; margin-top:15px; } #recommandez .formulaire .captcha_table td { padding:5px; font:normal 11px arial; color:#6b6b6b; } #service_domestique { } /* sd pour service domestique */ .formulaire_sd { margin-top:20px; width:520px; } .formulaire_sd p { margin:0; padding:0 0 6px 0; width:522px; clear:both; color:#6b6b6b; } .formulaire_sd input.saisie { float:left; padding:0 3px; width:204px; height:20px; border:1px solid #ec8b06; font:normal 12px arial; line-height:20px; } .formulaire_sd .message { display:block; margin:10px 0; width:400px; font-size:12px; color:#6b6b6b; } .formulaire_sd .chk { padding-top:11px; color:#6b6b6b; } /* gestion du fond du formulaire */ .case_sd { float:left; margin:15px 0 0; width:522px; background:transparent url(guides/img/bg_form.gif) no-repeat; } .case_sd + .bottom, .case_sd.bottom{ margin:0; clear:both; width:522px; height:7px; font-size:1px; background:transparent url(guides/img/bg_form.gif) no-repeat 0 -793px; } #sd_debug{ padding:20px 0 0; } #frm_sd_compte p { height:20px; } #frm_sd_compte .chk label{ padding-right:6px; width:auto; } /* espace perso */ #doc_body_vot ul { margin:0; padding:0; list-style-type:none; } #doc_body_vot ul li { margin:0 20px; } #doc_body_vot ul li.theme {margin-top:10px;} .case_perso { position:relative; margin-bottom:30px; width:567px; height:70px; background:transparent url(img/bg_caseperso.gif) no-repeat; } .case_perso p { float:left; margin:0; width:130px; text-align:center; } .case_perso p.titre { padding-top:20px; } .case_perso a img { display:block; float:left; margin-right:20px; _margin-right:17px; } #maintenance_alerte { padding:13px; font:bold 14px arial; color:#FFF; text-align:center; background:#ae5ca5; } .pa-immobilier { display:block; width:100%; background:url(img/picto_new2.gif) no-repeat right 10px; } #gestion_online ul { padding-left:10px; list-style-type:none; } #gestion_online li { padding-top:5px; height:50px; } #gestion_online li.line { padding-top:10px; } #gestion_online li img { display:block; float:left; margin:-5px 10px 0 0; } #gestion_online li.line img { margin:-10px 10px 0 0; } #gestion_online li strong.vot { padding-left:10px; background:transparent url(img/puce_vot.gif) no-repeat 0 5px; } #profil .chk label { padding-right:10px; width:auto; } #contactez-nous { } #contactez-nous form { text-align:center; padding-bottom:20px; } #contactez-nous legend { color:#F08A00; } #contactez-nous fieldset { text-align:left; width:360px; margin:0 auto; border:1px solid #F08A00; } #contactez-nous textarea { width:100%; } #contactez-nous #form_sections select, #form_solcre select, #form_guides select, #form_espperso select { width:270px; height:20px; font-size:12px; } #contactez-nous select { display:block; margin-bottom:10px; font:normal 12px "Trebuchet MS"; } #contactez-nous input.shorter, select.shorter { width:80px; } #contactez-nous input.regular, select.regular { width:190px; } #contactez-nous .no_border{ border:none; } #contactez-nous fieldset p input.saisie, fieldset p select, fieldset p textarea { border:1px solid #F08A00; } #contactez-nous fieldset p textarea { height:140px; } #contact{} #contact input[type=submit]{ width:48px; height:20px; font-size:0px; line-height:100px; background:transparent url(img/cre_btn_validez.gif) no-repeat 0 0; border:0; cursor:pointer; } .toggle_div { padding:0 0 20px 0; display:none; } .toggle_div span { display:block; margin:0 0 10px 0; font-size:12px; font-weight:bold; color:#F08A00; } .toggle_div li { padding:0 0 10px 0; } .toggle_div ul li ul li{ padding:0 0 5px 0; } .toggle_div .tel { color:#33cccc; } #form_newsletter { } #form_newsletter label { float:left; width:150px; text-align:left; padding-right:10px; } #form_newsletter input.saisie { float:left; padding:1px 2px; width:246px; height:20px; font:normal 11px Trebuchet MS; } #form_newsletter input.valid { float:left; margin-left:10px; width:27px; height:20px; background:url(img/cre_btn_ok.gif) no-repeat 0 0; border:0; } /* home credit */ #hm_ptz { float:left; width:247px; height:230px; margin:20px 0 0 15px; } #simul_emprunt { float:left; margin-top:20px; width:216px; height:230px; text-align:center; background:transparent url(img/bg_hom_simulateur2.gif) no-repeat; } #home { padding:13px; width:492px; float:left; } #home_intro { width:474px; } #home_intro ul { margin:0; padding:0; } #home_intro ul li { display:block; float:left; list-style-image:url(img/puce_cre.gif); } #home_intro #titre img { float:left; margin:10px 0 0 8px; } #home #citations { margin-top:20px; padding-left:174px; height:144px; width:300px; border-bottom:1px solid #CDCDCD; background:transparent url(img/bg_home.jpg) no-repeat; } #home input.border, #home select.border { margin:0; padding:0; font-family:Trebuchet MS; font-size:11px; color:#2E2E2E; border:1px solid #9B9B9B; } #holder { position: relative; width:300px; height: 90px; overflow: hidden; cursor: pointer; } #scroller { position: relative; top: 0; left: O; z-index: -10; } /* nouvelle home */ #hm_content { position:relative; width:984px; height:518px; background:#FFF; border:1px solid #f3f1ea; border-width:0 3px 5px 0; } #hm_content h2 { font:bold 23px Times; } #hm_credit { float:left; padding:50px 0 0; width:199px; } #hm_credit h2 { text-align:center; } #hm_credit a { display:block; margin:20px auto 0; width:160px; } #hm_habitat { float:left; position:relative; width:785px; height:518px; background:#FFF url(accueil/img/bg_habitat.jpg) no-repeat 0 0; } #hm_habitat h2 { position:absolute; top:50px; left:27px; color:#FFF; } #hm_partenaire { position:absolute; top:93px; left:28px; width:148px; padding:10px;} #hm_partenaire div.logo_partenaire { background:transparent url(accueil/img/bg_logo_partenaire.gif) no-repeat 0 0; width:148px; height:64px; padding-top:7px} #hm_partenaire div img { display:block; margin:0 auto; } #hm_partenaire p { margin:5px 5px 0; color:#FFF; } #hm_partenaire p a { text-decoration:none; color:#FFF; } #hm_partenaire p br { line-height:8px; } #hm_partenaire .lien { display:block; margin:20px auto 0; width:20px; height:20px; background:transparent url(accueil/img/btn_link.gif) no-repeat center center; } #hm_partenaire .bottom { margin:0 -15px; padding:0; width:168px; height:8px; font-size:1px; background:transparent url(accueil/img/bg_accueil_partenaire.gif) no-repeat 0 -409px; } .hm_offres { position:absolute; top:41px; left:671px; } #form_client { position:absolute; top:138px; left:247px; width:493px; font:normal 15px Arial; } #form_client p { float:left; margin:25px 0 0; padding-left:65px; height:29px; line-height:29px; } #form_client p input { height:27px; width:180px; padding:0 5px; border:1px solid #238d92; } #form_client p label { display:none; } #form_client p.valid { padding-left:10px; } #form_client p.valid input { padding:0; height:29px; width:150px; border:0; } #form_client p.pas_guide { padding-left:71px; width:236px;} #hm_partenaires_roll { position:absolute; left:210px; top:427px; width:550px; } #hm_partenaires_roll .partenaires_roll { float:left; margin:0 10px; width:460px; height:51px; background:#FFF; } #hm_partenaires_roll .picto { float:left; display:block; margin:9px 0 0; width:32px; height:32px; background-image:url(accueil/img/picto_nav.gif); cursor:pointer; } #hm_partenaires_roll .prev { background-position:0 0; } #hm_partenaires_roll .next { background-position:-32px 0; } /* votre espace */ #form_partenaire { position:relative; margin:0; width:560px; background:#FFF url(votreespace/img/bg_esp_rubrique0.gif) no-repeat; } #form_partenaire div { padding:21px 0 0; height:51px; } #form_partenaire div label { display:block; padding-left:52px; height:30px; text-transform:uppercase; font:bold 15px Trebuchet MS; color:#FFF; line-height:30px; background:transparent url(votreespace/img/picto_rubrique.gif) no-repeat 10px 0; cursor:pointer; } #search_partenaire { position:absolute; left:301px; top:27px; width:241px; height:20px; border:0; } .esp_rubrique { margin:15px 0 0; width:560px; background:#FFF url(votreespace/img/bg_esp_rubrique.gif) no-repeat; } .esp_rubrique .bottom { width:560px; height:4px; background:#FFF url(votreespace/img/bg_esp_rubrique.gif) no-repeat 0 -796px; } #marque .esp_rubrique .titre { cursor:default; } .esp_rubrique .titre { padding:21px 0 0; height:51px; cursor:pointer; } .esp_rubrique .titre span { display:block; float:left; padding:0 6px 0 52px; height:30px; text-transform:none; font:normal 15px Trebuchet MS; line-height:30px; background:transparent url(votreespace/img/picto_rubrique.gif) no-repeat 10px 0; } .esp_rubrique .titre strong{ height:30px; text-transform:uppercase; font:bold 15px Trebuchet MS; line-height:30px; } /*.esp_rubrique#esp_rub_1 .titre { background-position:right 0; } .esp_rubrique#esp_rub_2 .titre { background-position:right -72px; }*/ .esp_rubrique#esp_rub_2 strong, .esp_rubrique#esp_rub_3 strong, .esp_rubrique#esp_rub_4 strong, .esp_rubrique#esp_rub_5 strong { color:#25949a; } .esp_rubrique#esp_rub_2 span, .esp_rubrique#esp_rub_3 span, .esp_rubrique#esp_rub_4 span, .esp_rubrique#esp_rub_5 span { color:#25949a; background-position:10px -120px; } #marque .esp_rubrique#esp_rub_1 span { color:#ad66a5; background-position:10px -90px; } #marque .esp_rubrique#esp_rub_2 span { color:#25949a; background-position:10px -150px; } .esp_rubrique#esp_rub_1 span.current { background-position:10px -90px; } .esp_rubrique#esp_rub_2 span.current { background-position:10px -150px; } .titre_1 { color:#ad66a5; } .titre_2 { color:#25949a; } ul.marches { margin:0; padding:4px 0 0 20px; list-style-type:none; } ul.marches li { float:left; padding:0 10px; width:160px; background:transparent url(votreespace/img/picto_fleche_1.gif) 0 6px no-repeat; } ul.marches li a { text-decoration:none; color:#919191; } ul.marches li a:hover { text-decoration:underline; } ul.marches#marche_2 li { background:transparent url(votreespace/img/picto_fleche_2.gif) 0 6px no-repeat; } #marche { } #marche.rubrique_1 .breadcrumb a, #marche.rubrique_1 a.breadcrumb{ color:#ad66a5; } #marche.rubrique_2 .breadcrumb a, #marche.rubrique_2 a.breadcrumb{ color:#25949a; } .picto_marche { margin:0; padding:0; list-style-type:none; } .picto_marche li { padding-left:10px; background:transparent url(votreespace/img/picto_marche_list.gif) no-repeat 0 8px; } .picto_marche li.mentions { background:none; font-size:11px;} .picto_marche li.titre { background:none;font-weight:bold;padding-left:0px;} #marche .content { float:left; padding-right:15px; width:372px; } #marche .intro { margin:20px 0 0; } #marche .conseil {} #marche .conseil th { padding:0 0 10px; font:bold 18px Trebuchet MS; } #marche .conseil td { padding:0 0 10px; } #marche .conseil span { display:block; padding:0 0 2px; font-weight:bold; color:#cc6600; } #marche .chiffres_reperes { width:360px; } #marche .chiffres_reperes th { height:33px; text-align:center; font:bold 18px Trebuchet MS; color:#fff; background:#fff url(votreespace/img/bg_marche.gif) no-repeat -898px 0; } #marche .chiffres_reperes td { padding:10px; background-image:url(votreespace/img/bg_marche.gif); } #marche .chiffres_reperes td.bg_1 { background-position:-898px -33px; } #marche .chiffres_reperes td.last_1 { background-position:-1258px bottom; } #marche .chiffres_reperes td.bg_0 { background-position: -898px -133px; } #marche .chiffres_reperes td.last_0 { background-position:-1618px bottom; } #marche .chiffres_reperes span { display:block; padding:0 0 2px; color:#cc6600; } .bon_a_savoir { margin:4px 0 0; padding:10px 20px 0; width:316px; background:#FFF url(votreespace/img/bg_marche.gif) 0 0 no-repeat; } .bon_a_savoir .bottom { margin:0 -20px; width:356px; height:10px; background:#FFF url(votreespace/img/bg_marche.gif) 0 -390px no-repeat; } .bon_a_savoir ul { margin:0; padding:0; list-style-type:none; } .marche_col { float:left; width:172px; } .odr { margin:0; padding:0; list-style-type:none; } .odr li { margin:0 0 10px; padding:8px 0 8px 4px; border:1px solid #dceff0; } .odr li p { margin:4px 0; text-align:center; font:bold 11px Trebuchet MS; color:#cc6600; } .odr li p span { display:block; font:bold 14px Trebuchet MS; } .odr li a { display:block; padding-left:6px; text-decoration:none; font-size:11px; color:#000; background:transparent url(votreespace/img/puce_fleche_noire.gif) no-repeat 0 6px; } .odr li a:hover { text-decoration:underline; } .odr .logo img { display:block; margin:0 auto; } .partenaire { margin:0 0 10px; padding:10px 0 0; width:542px; background:#FFF url(votreespace/img/bg_marche.gif) -356px 0 no-repeat; } .partenaire .bottom { width:542px; height:20px; background:#FFF url(votreespace/img/bg_marche.gif) -356px -380px no-repeat; } .partenaire .logo { float:left; margin-right:10px; width:130px; } .partenaire .logo img { display:block; margin:0 auto; } .partenaire .picto_marche { float:left; width:390px; } #marche .service_plus, #marque .service_plus { display:block; margin-bottom:20px; padding:20px 0 0 15px; width:527px; height:99px; line-height:16px; text-decoration:none; color:#e95d0e; background:transparent url(votreespace/img/bg_service_plus.gif) no-repeat 0 0; } #marche .service_plus span, #marque .service_plus span { font:bold 16px Trebuchet MS; } .btn_modedemploi{ display:block; width:145px; height:30px; background:transparent url(votreespace/img/btn_modedemploi.gif) no-repeat 0 0; } #marque { } #marque h2 { float:left; padding-right:20px; } #marque .marque { margin:0; padding:0 0 20px 20px; } #marque .marque h3 { margin:20px 0 0; font:bold 14px Trebuchet MS; color:#AD66A5; } #marque .marque h3 a{ color:#AD66A5;text-decoration:none} #marque .marque h3 a:hover { text-decoration:underline} #marque #esp_rub_2 .marque h3, #marque #esp_rub_2 .marque h3 a { color:#25949A; text-decoration:none} #marque #esp_rub_2 .marque h3 a:hover { text-decoration:underline} #marque .marque p { margin:0; font:bold 14px Trebuchet MS; color:#cc6600; } #marque .marque .fleche { display:block; padding-left:6px; text-decoration:none; color:#000; background:transparent url(votreespace/img/puce_fleche_noire.gif) no-repeat 0 6px; } #marque .marque .fleche:hover { text-decoration:underline; } #marque .marque .btn { float:right; margin-right:20px; width:196px; height:30px; background:transparent url(votreespace/img/btn_cheque.gif) no-repeat 0 0; } #marque .dot { margin:10px 0; } #marque a.breadcrumb, #marche a.breadcrumb { display:block; float:left; margin-right:10px; padding-right:30px; height:28px; line-height:28px; background:transparent url(votreespace/img/picto_breadcrumb.gif) no-repeat right 0; } #marque a.breadcrumb:hover, #marche a.breadcrumb:hover { text-decoration:none; color:#AD66A5; } #marche span.breadcrumb { display:block; float:left; margin-right:10px; padding-right:30px; height:28px; line-height:28px; color:#A7A7A7; background:transparent url(votreespace/img/picto_breadcrumb.gif) no-repeat right 0; } #marque span.breadcrumb, #marche span.breadcrumb_last { display:block; float:left; height:28px; line-height:28px; color:#A7A7A7; } #toolDiv{display:none;position:absolute;background-color:#f9f9f9;width:135px;color:#000;border:1px solid #fcba2d;padding:5px;z-index:10000;font:normal 10px "Trebuchet MS",sans-serif;} #service_plus {} #service_plus .sp_header { padding:10px 7px 20px; background:transparent url(votreespace/img/bg_service_plus.jpg) no-repeat right 0; } #service_plus .sp_header .titre { display:block; margin-bottom:20px; } #service_plus .sp_header strong, #service_plus h3 { font:bold 18px Trebuchet MS; color:#fba300; } #service_plus ul { margin:15px 0 10px; padding:0; list-style-type:none; } #service_plus .service { margin-bottom:6px; padding-left:10px; font:bold 13px Arial; color:#e95d0e; background:transparent url(img/puce_fleche.gif) no-repeat 0 4px; } #service_plus .service .vot{ color:#E95D0E; } #service_plus .service a{ color:#E95D0E; } #service_plus .service em{ font-size:10px; } #service_plus .service.left { width:250px; } #service_plus .service ul { margin:0; padding:0; list-style-type:none; } #service_plus .service ul li { font-size:12px; color:#717171; } #form_selection { padding:10px 7px; } #form_selection h4 { display:block; padding:20px 0 10px; font:bold 13px Trebuchet MS; color:#e95d0e; } #form_selection h4 span { font-size:18px; color:#fba300; } #form_selection p { margin:0 0 4px; } #form_selection label { float:left; display:block; padding-right:10px; width:150px; text-align:right; line-height:20px; cursor:pointer; color:#717171; } #form_selection label span { color:#e95d0e; } #form_selection input, #form_selection select { font:normal 12px arial; color:#333; border:1px solid #AAA; } #form_selection input { margin:0; *margin:-1px 0; _margin-left:-3px; padding:0 3px; width:230px; } #form_selection input { height:18px; } #form_selection .chk input { padding:0; width:13px; height:13px; border:0; } #form_selection select { margin:0; _margin-left:-3px; height:20px; } #form_selection .nosaisie { display:block; float:left; padding-left:6px; height:20px; font:normal 12px Arial; line-height:20px; } #form_selection p.chk { } #form_selection .chk input { float:left; margin:3px 0 0 0; } #form_selection .chk label { float:none; padding:0 0 0 18px; width:auto; text-align:left; } #form_selection .chk label span { display:block; font-size:11px; line-height:11px; color:#717171; } #form_selection p.valid { margin:0; padding:0 0 0 200px; } #form_selection .valid input { margin:0; padding:0; width:177px; height:58px; cursor:pointer; font-size:0px; line-height:100px; background:transparent url(votreespace/img/btn_depose.gif) no-repeat 0 0; border:0; } #service_plus .mentions { margin:20px 0 0; padding:10px 0 0; font-size:10px; color:#717171; border-top:1px solid #AAA; } #service_plus .mentions span { color:#e95d0e; } #service_plus .mentions br { line-height:6px; } .vous_recherchez_un_pro { display:block; margin-left:-2px; } #service_plus #confirmation { margin:0; padding:20px 15px 0 7px; color:#717171; } #form_desabonnement { padding:20px; } #form_desabonnement h2 { margin:0 0 20px; } #form_desabonnement p.chk { margin:0 0 10px; width:670px; } #form_desabonnement .chk input { float:left; margin:3px 0 0 0; *margin:0; } #form_desabonnement .chk label { float:left; padding:0 0 0 4px; width:640px; text-align:left; } #form_desabonnement .chk label span { display:block; font-size:11px; line-height:11px; color:#717171; } #form_desabonnement p.valid { margin:20px 0; padding:0; width:670px; height:62px; background:transparent url(img/vague.gif) no-repeat center 0; } #form_desabonnement .valid input { display:block; float:left; margin:0 10px 0 0; padding:0; width:213px; height:62px; cursor:pointer; background:transparent url(guides/img/btn_jevalide.gif) no-repeat 0 0; border:0; } /*profil*/ legend { color:#AD66A5; } fieldset { text-align:left; width: 360px; margin: 0 auto; border:1px solid #AD66A5; } form#profil { text-align:center; } input.shorter, select.shorter { width:80px; } input.regular, select.regular { width:190px; } textarea { width:100%; } /*fieldset p input.saisie, fieldset p select, fieldset p textarea { border:1px solid #AD66A5; }*/ fieldset p textarea { height:140px; } .no_border{ border:none; } fieldset p #NbFoyer, fieldset p #NbEnfant { width: 26px; } fieldset p.colonne { clear:none; float:left; margin-left:5px; width:173px;} fieldset p.colonne input.saisie { width:80px; } fieldset p.colonne label.col{ width:70px; } div.code_rib div{ float:left; margin-right:15px; } div.code_rib div input{ width: 100%; border:1px solid #AD66A5;} div.code_rib div.code_banque{ width: 44px; } div.code_rib div.code_guichet{ width: 44px; } div.code_rib div.code_compte{ width: 86px; } div.code_rib div.code_cle{ width: 20px; } #titre_onglet { text-align:left; width: 386px; margin: 0 auto; border:1px solid #AD66A5; border-width: 1px 1px 0 1px; } .chk label { float:left; display:block; width:340px; } .chk input { float:left; margin:2px 6px 0 0; } #titre_onglet a { display: block; height: 20px; float: left; text-align: center; text-decoration: none; color: #AD66A5; padding-top: 2px;} #titre_coord { border-right:1px solid #AD66A5; width: 192px; } #titre_plus { width: 193px; } #titre_onglet a:hover { background: transparent url(votreespace/img/vot_profil_bg_titres.gif) repeat-x 0 0;} #titre_onglet a.current { font-weight: bold; background: transparent url(img/vot_profil_bg_titres.gif) repeat-x 0 -22px;} /*guides*/ .guides { border-collapse:collapse; } .guides th { font-weight: bold; } .guides td { padding:5px; color:#2e2e2e; border: 1px solid #AD66A5; } .guides th { padding:5px; border-width: 0 1px 1px 1px; } .guides tr.titre { border:none; } .guides tr.titre td { padding:10px 0 6px 10px; font-size:16px; color:#FFF; background:transparent url(img/vot_dossier_bg_legend.gif) no-repeat; font-weight: bold; border-width: 0 0 0 1px;} /*home 2012*/ body{ background:#FFF; margin:0; } #container{ margin:0 auto; padding:40px 0 0; width:980px; } #container.home{ font:normal 12px Trebuchet MS; color:#585858; } .h-desole{ display:block; margin:0 auto 40px; } .h-azur{ display:block; margin-left:-8px; } .h-case{ float:left; padding:10px 25px; width:191px; height:250px; border-right:4px solid #dfd8cb; } #guide_habitat{ background:transparent url(skin/img/h-cases.jpg) no-repeat 0 80px; } #guide_c{ background:transparent url(skin/img/h-cases.jpg) no-repeat -245px 80px; } #guide_conseils{ background:transparent url(skin/img/h-cases.jpg) no-repeat -490px 80px; border-right:4px solid #FFF; } .h-case p{ margin:0; } .h-autres{ margin:40px 0; width:100%; text-align:center; } .h-mentions{ position:relative; padding:10px 0; text-align:center; font:normal 10px Arial; border-top:1px solid #e5e0d5; } #log_in #log_in_valid{ margin-left:90px; width:59px; height:18px; background-image:url(img/vot_btn_validez.gif); border:0; font-size:0; line-height:100px; cursor:pointer; } /* popin */ .mask{ display:none; width:100%; position:absolute; top:0; left:0; z-index:1000; background:#fff; opacity:0.7; -moz-opacity:0.7; -ms-filter:"alpha(opacity=70)"; filter:alpha(opacity=70); } .popin{ display:none; position:absolute; z-index:10000; top:-390px; left:90px; padding:10px 20px; width:800px; text-align:left; background:#FFF; border:2px solid #DFD8CB; } .popin .btn_fermer{ display:block; padding:2px 4px; text-align:right; color:#000; }