@charset "utf-8"; /*///////////////////////////////////////////////////////////////////////// *************************************************************************** HTML / BODY / * *************************************************************************** /////////////////////////////////////////////////////////////////////////*/ html, body { text-align:center; margin:0; padding:0; font-size:80%; } * { font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif; color:#000; } /*///////////////////////////////////////////////////////////////////////// *************************************************************************** STRUCTURE TYPE - CONTAINER / HEADER / CONTENT / FOOTER *************************************************************************** /////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////// Container /////////////////////////////////////////////////////////////////////////*/ #container { width:962px; margin:0 auto; padding:0; text-align:left; overflow:hidden; height:100%; } #popup_container { text-align:left; border:10px solid #FFFFFF; padding:15px; font-size:120%; background-color:#eff5f8; } /*///////////////////////////////////////////////////////////////////////// Header /////////////////////////////////////////////////////////////////////////*/ /* Tétière */ #masthead { width:950px; margin:0 6px 15px 6px; position:relative; } #masthead a { text-decoration:underline; color:#555; } #masthead a:hover { text-decoration:none; } #upLine { font-weight:normal; color:#555; font-size:110%; padding-left:235px; margin:0; } #cetelem_logo { position:absolute; top:6px; margin:0; padding:0; } #cetelem_logo a { display:block; } #topBanner { margin: 0 auto; text-align:center; padding-left:185px; height:73px; } #topBanner img { margin-top:10px; } .navInterSites { text-align : right; font-size: 1.1em; background: url(/images/nav-inter-sites.gif) no-repeat right 35px; padding: 3px 10px 3px 5px;} .navInterSites p { margin: 5px 0 0 0; } .navInterSites p, .navInterSites strong { color: #008386; } .navInterSites span { color:#067C00; } .navInterSites ul { margin-top: 0.7em; margin-bottom: 0.5em; list-style-type: none;} #masthead .navInterSites ul a { color:#000; } /* Menu principal */ #mainNav { margin:0 5px; padding:0; overflow:hidden; height:28px; text-align:left; border-bottom:1px solid #bbbbbb; background-color:#008386; list-style:none; clear:both; font-size:120%; height:100%; overflow:hidden; } #mainNav li { display:inline; float:left; list-style:none; margin-bottom:0; } #mainNav li * { display:block; position:relative; line-height:28px; float:left; cursor:pointer; text-align:center; } #mainNav li.first a { background:url(/images/mainNav/border.gif) left 0px no-repeat; } #mainNav li.last a { background:url(/images/mainNav/border.gif) right -50px no-repeat; } #mainNav li a span span { padding:0px 5px 0px 3px; color:#FFF; line-height:28px; } #mainNav li a span span { background:url(/images/mainNav/sepa.gif) right repeat-y; } #mainNav li.first a span span { background:url(/images/mainNav/sepa.gif) right repeat-y; } #mainNav li.last a span span { background:none; } /* si survolée */ #mainNav li a:hover { background:url(/images/mainNav/highlight.gif) #a2e4e6 top repeat-x; margin-left:-1px; text-decoration:none; } #mainNav li.first a:hover { background:url(/images/mainNav/highlight.gif) #a2e4e6 top repeat-x; margin-left:0; } #mainNav li a:hover span { background:url(/images/mainNav/sepa_highlight.gif) left repeat-y; } #mainNav li.first a:hover span { background:url(/images/mainNav/border_highlight.gif) left 0px no-repeat; } #mainNav li.last a:hover span { background:url(/images/mainNav/border_highlight.gif) right -50px no-repeat; } #mainNav li a:hover span span { background:url(/images/mainNav/sepa_highlight.gif) right repeat-y; color:#008386; padding:0px 5px 0px 4px; } #mainNav li.first a:hover span span { background:url(/images/mainNav/sepa_highlight.gif) right repeat-y; color:#008386; padding:0px 5px 0px 3px; } #mainNav li.last a:hover span span { background:url(/images/mainNav/sepa_highlight.gif) left repeat-y; color:#008386; padding:0px 5px 0px 4px; } /* si selectionnée */ #mainNav li a.select { background:url(/images/mainNav/highlight.gif) #a2e4e6 top repeat-x; margin-left:-1px; text-decoration:none; } #mainNav li.first a.select { background:url(/images/mainNav/highlight.gif) #a2e4e6 top repeat-x; margin-left:0; } #mainNav li a.select span { background:url(/images/mainNav/sepa_highlight.gif) left repeat-y; } #mainNav li.first a.select span { background:url(/images/mainNav/border_highlight.gif) left 0px no-repeat; } #mainNav li.last a.select span { background:url(/images/mainNav/border_highlight.gif) right -50px no-repeat; } #mainNav li a.select span span { background:url(/images/mainNav/sepa_highlight.gif) right repeat-y; color:#008386; padding:0px 5px 0px 4px; } #mainNav li.first a.select span span { background:url(/images/mainNav/sepa_highlight.gif) right repeat-y; color:#008386; padding:0px 5px 0px 3px; } #mainNav li.last a.select span span { background:url(/images/mainNav/sepa_highlight.gif) left repeat-y; color:#008386; padding:0px 5px 0px 4px; } /* hack pour Safari */ #mainNav.forSafari li.last a span span { width:40px; } #mainNav.forSafari li a span span { padding:0px 6px 0px 4px; } #mainNav.forSafari li a:hover span span { padding:0px 6px 0px 5px; } #mainNav.forSafari li.first a:hover span span { padding:0px 6px 0px 4px; } #mainNav.forSafari li.last a:hover span span { padding:0px 6px 0px 5px; } #mainNav.forSafari li a.select span span { padding:0px 6px 0px 5px; } #mainNav.forSafari li.first a.select span span { padding:0px 6px 0px 4px; } #mainNav.forSafari li.last a.select span span { padding:0px 6px 0px 5px; } /* Têtière simplifiée */ #backHome {width:950px; overflow:hidden; border-bottom:1px solid #ABEFF5; height:29px; margin:0; padding:0;} /**+html #backHome {margin-top:-10px;} *html #backHome {margin-top:-10px;}*/ #backHome * { margin:0; padding:0;} #backHome li { float:left; display:block;} #backHome li a { color:#464648; text-decoration:underline; display:block; margin-top: 10px; padding-left:20px; background:url(/images/picto/return.gif) 0 2px no-repeat; } #backHome li a:hover { text-decoration:none; } #backHome { border-color:#abeff5; } #enteteFormulaire { background:#FFE8CD url(/images/base/bgd_lev3.gif) repeat-x scroll left top; color:#008486; text-align:center; padding: 0 0 10px; } #enteteFormulaire h1 { margin:0; padding:3px 0 0; text-transform:uppercase; color: #008486; font-weight: bold; font-size: 110%; } /* Fil d'ariane */ #breadcrumb { margin:5px 0 5px 15px; font-weight:bold; color:#00151d; font-size:90%; color:#000; } #breadcrumb span { color:#000; } #breadcrumb a { color:#008386; } /*///////////////////////////////////////////////////////////////////////// content /////////////////////////////////////////////////////////////////////////*/ #content { background: url(/images/base/contentShadow_repeat.gif) repeat-y top; padding:0; margin:0; overflow:hidden; height:100%; } #mainContent { background: url(/images/base/contentShadow_top.gif) top no-repeat; padding:0 11px; margin:0; overflow:hidden; height:100%; } /*///////////////////////////////////////////////////////////////////////// footer /////////////////////////////////////////////////////////////////////////*/ #footer { background: url(/images/base/contentShadow_repeat.gif) repeat-y top; padding:0 6px; overflow:hidden; height:100%; font-size:110%; } /* solution credit */ #solutionCredit { background-color:#ebf3f5; margin:10px 10px 5px 10px; height:100%; overflow:hidden; padding:7px 5px; } #solutionCreditConso { float:left; text-align:center; width:459px; border-right:1px solid #a6b2b6; height:100%; overflow:hidden; } #solutionCreditImmo { float:left; text-align:center; width:460px; height:100%; overflow:hidden; } #solutionCredit ul { list-style:none; margin:5px 0 0 0; padding:0; height:100%; overflow:hidden; } #solutionCredit li { display:inline; color:#00151d; list-style:none; } #solutionCredit li a { padding:0 3px 0 2px; border-right:1px solid #00151d; } #solutionCreditConso .bt { width:260px; } #solutionCreditImmo .bt { width:220px; } #solutionCredit .bt { background: url(/images/bt/bt_a_bleu.gif) bottom repeat-x; margin:0 auto; font-weight:bold; overflow:hidden; height:100%; } #solutionCredit .bt a { background: url(/images/bt/bt_a_bleu.gif) left -24px no-repeat; display:block; overflow:hidden; height:100%; } #solutionCredit .bt a:hover { text-decoration:none; } #solutionCredit .bt a:hover strong { cursor:pointer; } #solutionCredit .bt strong { background: url(/images/bt/bt_a_bleu.gif) right 0px no-repeat; display:block; overflow:hidden; height:100%; } #solutionCredit .btLib { display:block; margin:5px; background-color:#FFFFFF; min-height:14px; color:#1d2740; line-height:14px; height:100%; } #solutionCredit .btLib span { color:#067c00; } /* rechercher */ #footerSearch { background: url(/images/base/footerSearch_corner.gif) #008386 927px bottom no-repeat; padding-right:5px; margin:0 10px; height:100%; overflow:hidden; } #footerSearch div { background: url(/images/base/footerSearch_corner.gif) -3px bottom no-repeat; padding:5px 0px 5px 5px; text-align:center; } #footerSearch ul { margin:0 auto; list-style:none; padding:0; } #footerSearch li { display:inline; color:#FFF; list-style:none; } #footerSearch li a { padding:0 3px 0 2px; color:#FFF; border-right:1px solid #FFF; } /* bnp personal finance */ #bnp_pf { text-align:center; margin:5px 0 0 0; display:block; } /* baseline */ #baseLine { padding:0 10px; text-align:center; margin:0; color:#4c4c4c; display:block; } #baseLine a { color:#4c4c4c; text-decoration:underline; } #baseLine a:hover { text-decoration:none; } /* liens externes */ #externalLinks ul { width:auto; margin:5px; list-style:none; padding:0; } #externalLinks li { display:inline; color:#0d7f00; list-style:none; } #externalLinks li a { padding:0 3px 0 2px; color:#0d7f00; border-right:1px solid #0d7f00; } /* plan déployé */ #openMap { background: url(/images/base/openMap_shadow.gif) #f0f1f0 top repeat-x; padding:10px 20px; overflow:hidden; height:100%; } #openMap a { color:#292929; } #openMap .colFirst { float:left; } #openMap .colNext { float:left; padding-left:20px; margin-left:20px; border-left:1px solid #BBBBBB; width:180px; } #openMap .lib { padding:0; margin:0; font-size:100%; } #openMap ul { font-weight:normal; padding:0; margin:0 0 10px 0; list-style:none; } #openMap ul li { padding:0; float:none; color:#292929; list-style:none; } /*///////////////////////////////////////////////////////////////////////// *************************************************************************** STYLES GENERIQUES *************************************************************************** /////////////////////////////////////////////////////////////////////////*/ /* Liens */ a { text-decoration:none; } a:hover { text-decoration:underline; } a.arrow_white { display:block; font-weight:bold; background:url(/images/list/arrow_white.gif) left 5px no-repeat; padding-left:10px; color:#FFF; } a.arrow_black { background:url(/images/list/arrow_black.gif) left 5px no-repeat; padding-left:10px; } a:hover.arrow_black { background:url(/images/list/arrow_bleu.gif) left 5px no-repeat; color:#008386; text-decoration:none; } /* Zones ouvrables */ .toggle { background:url(/images/list/arrow_black.gif) left 5px no-repeat; padding-left:10px; cursor:pointer; text-decoration: underline; } .toggle:hover { background:url(/images/list/arrow_bleu.gif) left 5px no-repeat; padding-left:10px; color:#008386; cursor:pointer; } /* Listes à puces */ .no_bullet { list-style:none; padding:0; margin:0; } *.lastLi { border:0 !important; } ul.arrow_white { margin:0; padding:5px 15px; list-style:none; } ul.arrow_white li { font-weight:bold; background:url(/images/list/arrow_white.gif) left 5px no-repeat; padding-left:10px; color:#FFF; list-style:none; } ul.arrow_black { margin:0; padding:5px 0px; list-style:none; } ul.arrow_black li { background:url(/images/list/arrow_black.gif) left 5px no-repeat; padding-left:10px; list-style:none; } ul.bullet_bleu { margin:0; padding:5px 0px; list-style:none; } ul.bullet_bleu li { background:url(/images/list/bullet_bleu.gif) left 5px no-repeat; padding-left:10px; list-style:none; } ul.guideList { list-style:none; padding:0; margin:10px 0 0 0; } ul.guideList li { line-height:18px; } /* Listes de définition */ dl { padding:0; margin:0; } dt { font-size:120%; display:inline; } dt.toggle_hover { background:url(/images/list/arrow_bleu.gif) left 5px no-repeat; padding-left:10px; color:#008386; cursor:pointer; } dt.toggle_active { background:url(/images/list/arrow_black_verti.gif) left 5px no-repeat; } dd { padding:0; margin:0; overflow:hidden !important; } dd .dd { font-size:120%; background:url(/images/line/dotted_bleu.gif) top repeat-x; padding:10px 0 10px 0; margin:10px 0 10px 15px; display:block; } dt * { color:#395359; } dt.toggle_hover * { color:#008386; cursor:pointer; text-decoration:none !important; } /* Lignes */ .dotted_white { background:url(/images/line/dotted_white.gif) bottom repeat-x; } .dotted_bleu { background:url(/images/line/dotted_bleu.gif) bottom repeat-x; } /* Formulaires */ fieldset { border:0; padding:0; margin:0; } input, select { vertical-align:middle; } textarea.textarea { padding:2px 5px; border:1px solid #a7b8bf; font-size:110%; font-weight:normal; } input.text { padding:2px 5px; border:1px solid #a7b8bf; font-size:110%; font-weight:normal; width:154px; } input.ml2 { text-align:center; width: 23px; } input.ml4 { text-align:center; width: 45px; } input.ml5 { text-align:center; width: 60px; } /* balises spéciales */ img { border:0; vertical-align:middle; } kbd { font-family: monospace; font-size:120%; } .abbr, acronym { border-bottom:1px dotted; cursor:help; } abbr { border:none; text-decoration:none; } /* classes d'ajustement */ .bleu, .bleu * { color:#008386; } .red, .red * { color:#ff0000; } .black, .black * { color:#000 !important; } .underline { text-decoration:underline !important; } .nostrong { font-weight:normal !important; } .hide { display:none !important; } .hidden { visibility:hidden !important; } .inline { display:inline !important; } .breakline { display:block; } .cell_img img { vertical-align:bottom; } /* messages d'erreur */ input.errormessage { background: url(/images/error/ico_error.gif) #fff right no-repeat; padding-right:20px; } p.errormessage { background: url(/images/error/error_bg.gif) #a20700 repeat-x; color:#FFF; line-height:13px; text-align:center; margin:10px auto 10px auto; width: 250px; font-size:80%; clear:both; } div.errormessage { background: url(/images/error/error_bg.gif) #a20700 repeat-x; color:#FFF; line-height:13px; text-align:center; margin:0px auto 2px auto; width: 250px; font-size:80%; clear:both; } /* données informatives */ .notabene { font-size:100%; display:block; } .remarque, .remarque * { color:#7D8B90; } .infoClient { color:#7a929b; margin:0; padding:10px 7px 0 7px; clear:both; font-size:110%; } .infoClient * { color:#7a929b; } .infoClient .heading { color:#7a929b; font-size:110%; display:block; margin-bottom:5px; } .infoClient_inner { color:#394a50; clear:both; margin:10px 15px; font-size:110%; } .infoClient_inner * { font-size:110%; } .infoClient_inner strong { color:#081d24; } /*///////////////////////////////////////////////////////////////////////// Colonnes /////////////////////////////////////////////////////////////////////////*/ .col_home { width:470px; float:left; overflow:hidden; height:100%; } #col_content { width:550px; float:left; overflow:hidden; height:100%; padding-right: 7px; } #col_context { width:380px; float:left; overflow:hidden; height:100%; margin:-132px 0 0 0; padding:0; } #col_content.no_visual { margin:0; } #col_context.no_visual { margin:20px 0 0 0; } /* colonnes pour formulaire */ #col_content_form { width:550px; float:left; overflow:hidden; height:100%; margin:0; padding:0; } #col_context_form { width:380px; float:left; overflow:hidden; height:100%; margin:20px 0 0 0; padding:0;} /* colonnes pour formulaire - petite colonne contextuelle */ #col_content_form_small { width:730px; float:left; overflow:hidden; height:100%; margin:0; padding:0; } #col_content_form_small h2 { background: none; } #col_context_form_small { width:200px; float:left; overflow:hidden; height:100%; margin:20px 0 0 0; padding:0;} /*///////////////////////////////////////////////////////////////////////// Titres /////////////////////////////////////////////////////////////////////////*/ #pageHeading { color:#081d24; font-size:200%; line-height:100%; margin:20px 15px 30px 15px; padding:0; font-weight:bold; } #visualPage #pageHeading { margin:20px; overflow:hidden; height:106px; } .heading { color:#008386; font-size:160%; line-height:100%; margin-bottom:0; padding:0; font-weight:bold; } .h_niv2 { color:#008386; font-size:160%; line-height:100%; margin-bottom:0; padding:0; font-weight:bold; } #popup_container .heading { margin-top:0; font-size:160%; line-height:100%; } #popup_container .h_niv2 { color:#008386; font-size:140%; line-height:100%; margin-bottom:0; padding:0; font-weight:bold; } /*///////////////////////////////////////////////////////////////////////// Visuels d'en tête de page /////////////////////////////////////////////////////////////////////////*/ #visualCache { width:395px; height:146px; position:absolute; overflow:hidden; right:0px; top:0; background-repeat:no-repeat; background-position:0px 0px; } #visualPage { z-index: 1; } #visualPage .immo { margin:0 -5px 0 -5px; position:relative; overflow:hidden; height:146px; padding:0; } #visualPage .immo { background:url(/images/visual/visual_rachat_credit_immo.jpg) no-repeat; } #visualPage .conso { margin:0 -5px 0 -5px; position:relative; overflow:hidden; height:146px; padding:0; } #visualPage .conso { background:url(/images/visual/visual_rachat_credit_conso.jpg) no-repeat; } #visualPage .guide { margin:0 -5px 0 -5px; position:relative; overflow:hidden; height:146px; padding:0; } #visualPage .guide { background:url(/images/visual/visual_guide_rachat.jpg) no-repeat; } #visualPage .suivi { margin:0 -5px 0 -5px; position:relative; overflow:hidden; height:146px; padding:0; } #visualPage .suivi { background:url(/images/visual/visual_suivi.jpg) no-repeat; } /* cache box */ .conso #visualCache { background-image:url(/images/cache/cache_rachat_credit_conso.gif); } .immo #visualCache { background-image:url(/images/cache/cache_rachat_credit_immo.gif); } .guide #visualCache { background-image:url(/images/cache/cache_guide_rachat.gif); } .suivi #visualCache { background-image:url(/images/cache/cache_suivi.gif); } /*///////////////////////////////////////////////////////////////////////// Layer /////////////////////////////////////////////////////////////////////////*/ .highlightPopup{ background:url(/images/layer/bgd_popUp.gif) bottom no-repeat; width:463px; position:absolute; top:0; left:0; text-align:left} .highlightPopupInner{ background:url(/images/layer/bgd_popUp_head.gif) top no-repeat; width:427px; padding:10px 18px 20px 18px;} .highlightPopupInner *{ font-size:12px; padding:0; margin:0;} .highlightPopupInner h2{ font-size:16px; font-weight:bold; padding:0 0 0 0; margin:0;} .highlightPopupInner h3{font-size:14px;} .highlightPopupInner h3.first{ float:left; margin-top:10px;} .highlightPopupInner span{ float:right;} .highlightPopupInner span img{ margin-right:5px;} .highlightPopupInner ul{ padding:0 10px 15px 0!important;} .highlightPopupInner li {background:url(/images/icon_violet_square.gif) 0 10px no-repeat; padding:5px 0 0 10px; display:block; } .highlightPopupInner p { padding:3px 0 10px 0!important;} .highlightPopupInner p strong{ padding:5px 0;} .highlightPopupInner img{ border:1px solid #019038} .highlightPopupInner form h2{ color:#008386; font-size:18px; font-weight:bold; padding:0 0 0 0; margin:0;} .highlightPopupInner form h3{ padding-bottom:15px; color:#78D400; } .highlightPopupInner form span{ width:150px; float:left;} .highlightPopupInner form input{ border:1px solid #008386;} .highlightPopupInner form .btnEnvoyer { border:none; margin:0 149px 0; } .highlightPopupInner form p.note { font-size:11px; color:#008386; padding:3px 0 !important; } #fondCache { background-image: url(/images/layer/filter.gif); padding: 0px; position: absolute; width: 2000px; height: 2000px; top : 0px; left : 0px; z-index: 100; /*border : 1px solid #000;*/ } #fondCache div.highlightPopup { background:transparent url(/images/layer/bgd_popUp.gif) no-repeat scroll left bottom; left:100pt; position:absolute; top:80pt; width:463px; } #fondCache .highlightPopup h2 { padding:0 0 0.1em 0.5em; } #fondCache #fermer { text-align: right; } #fondCache #fermer a { background: url(/images/layer/icon_fermer.gif) no-repeat right top; padding-right: 20px; display: block; float: right; width: 5em; height: 17px; cursor: pointer; font-size: 0.9em; } #fondCache #fermer a:hover { text-decoration: underline; } #fondCache .telephone { display: block; text-align: center; font-size: 1.2em; color: #59B12B; } #fondCache .telephone strong { font-size: 1.4em; color:#59B12B; } /*///////////////////////////////////////////////////////////////////////// Boutons /////////////////////////////////////////////////////////////////////////*/ /*--------------------------------- Type : icône ----------------------------------*/ .bt_ico { color:#02454a; padding:5px 0 5px 25px; font-weight:bold; background-repeat:no-repeat; background-position:left; } .bt_ico_list { list-style:none; margin:0; padding:10px 15px 0 15px; } .bt_ico_list li { background-position:left; background-repeat:no-repeat; margin:0; padding:3px 0 4px 0; height:100%; overflow:hidden; } .bt_ico_list span, .bt_ico_list a { color:#FFF; font-weight:normal; margin:0; padding-left:25px; } .bt_ico_list a:hover { text-decoration:none; } /* ico */ .guide { background-image: url(/images/bt/bt_guide.gif); } .faq { background-image: url(/images/bt/bt_faq.gif); } .lexique { background-image: url(/images/bt/bt_lexique.gif); } .calcul { background-image: url(/images/bt/bt_calcul.gif); } .print { background-image: url(/images/bt/bt_print.gif); } .email { background-image: url(/images/bt/bt_email.gif); } .mailtoFriend { background-image: url(/images/bt/bt_mailtoFriend.gif); } /*--------------------------------- Type : relief (A) ----------------------------------*/ .bt_r { background-position:right 0px; background-repeat:no-repeat; margin:15px auto; display:block; } .bt_r a { background-position:left -40px; background-repeat:no-repeat; display:block; height:40px; } .bt_r span { background-position:bottom; background-repeat:repeat-x; display:block; height:40px; margin:0 20px 0 30px; } .bt_r span span { background-image:none !important; display:block; color:#FFF; font-size:140%; font-weight:bold; text-transform:uppercase; line-height:36px; margin:0; cursor:pointer; } .bt_r em { background-image:none !important; text-align:center; background-color:#FFF; display:block; font-style:normal; font-size:110%; } .bt_r a:hover { text-decoration:none; } /* Les 2 boutons centrés sur une ligne */ .bts_r { margin:25px auto 15px auto; width:490px; list-style:none; padding:0; height:55px; } .bts_r .bt_r { margin:0; float:left; } /*--------------------------------- Type : relief (SUBMIT) ----------------------------------*/ .cellSubmit { padding:15px 0; margin:0; height:100%; overflow:hidden; clear:both; } .cellSubmit p { background-position:right 0px; background-repeat:no-repeat; margin:0 auto; display:block; height:40px; } .cellSubmit p span { background-position:left -40px; background-repeat:no-repeat; display:block; height:40px; } .cellSubmit p span span { background-position:bottom; background-repeat:repeat-x; display:block; height:40px; margin:0 30px; position:relative; } .cellSubmit input { background:none; display:block; color:#FFF; font-size:110%; font-weight:bold; text-transform:uppercase; position:absolute; left:-30px; top:0; padding:0 0 0 30px; margin:0; border:0; text-align:left; line-height:35px; height:35px; cursor:pointer; } .cellSubmit p.simuPass { display:none; } /* texte ou lien sous le bouton */ .cellSubmit .link { text-align:center; margin:0; position:relative; padding:0; margin:0; border:0; font-size:90%; display:block; height:auto; } .cellSubmit .link a, .cellSubmit .link input { background-position:left center; background-repeat:no-repeat; font-weight:bold; padding-left:10px; } .cellSubmit .info { text-align:center; margin:0; padding:0; margin:0; border:0 none; font-size:90%; background:none; display:block; height:auto; } .link.green a { background-image:url(/images/list/arrow_green.gif); } .green, .green * { color:#306f00; } .link.orange a { background-image:url(/images/list/arrow_orange.gif); } .link.orange input { background-image:url(/images/list/arrow_orange.gif); color:#FB5001; font-size:100%; height:auto; left:122px; position:relative; } .orange, .orange * { color:#fb5001; } /*--------------------------------- Config des boutons (couleur/largeur) ----------------------------------*/ /* bt demande en ligne */ .demandOnline { width:270px; } .demandOnline .submit { width:265px; } .demandOnline, .demandOnline * { background-image: url(/images/bt/bt_green.gif); color:#306f00; } /* bt faire une simulation */ .makeSimul { width:220px; } .makeSimul .submit { width:215px; } .makeSimul, .makeSimul * { background-image: url(/images/bt/bt_orange.gif); color:#fb5001; } /* bt envoyer */ .envoyer { width:125px; } .envoyer .submit { width:120px; } .envoyer, .envoyer * { background-image: url(/images/bt/bt_green.gif); color:#306f00; } /* bt se désabonner */ .desabonne { width:175px; } .desabonne .submit { width:170px; } .desabonne, .desabonne * { background-image: url(/images/bt/bt_green_bgb.gif); color:#306f00; } /* bt demande rachat credit */ .demandRachatCredit { width:330px; } .demandRachatCredit .submit { width:325px; } .demandRachatCredit, .demandRachatCredit * { background-image: url(/images/bt/bt_orange.gif); color:#fb5001; } /* bt valider ma demande */ .validDemand { width:215px; } .validDemand .submit { width:200px; } .validDemand, .validDemand * { background-image: url(/images/bt/bt_green.gif); color:#306f00; } /* bt ok */ .bt_ok { background: url(/images/bt/bt_ok.gif) no-repeat; margin:0; display:block; width:56px; height:25px; float:left; } .bt_ok input { display:block; color:#FFF; font-size:90%; font-weight:bold; text-transform:uppercase; padding:0; margin:0; border:0; width:56px; text-align:center; line-height:22px; height:22px; background:none; cursor:pointer; } /*///////////////////////////////////////////////////////////////////////// TABLEAU /////////////////////////////////////////////////////////////////////////*/ /*--------------------------------- Table générique ----------------------------------*/ table { margin:0; padding:0; border-collapse:collapse; border:1px solid #b2b2b2; font-weight:bold; border-spacing:0px; empty-cells:show; width:100%; } table caption { font-size:120%; text-align:left; padding:15px; height:100%; overflow:hidden; } table caption strong { font-size:180%; padding:3px 10px; color:#FFF; margin-right:5px; } table td, table th { border-right:1px solid #b2b2b2; padding:5px; text-align:center; font-size:110%; } table td { background:url(/images/line/dotted_table.gif) top left repeat-x; font-weight:bold; } table th.vlib { font-weight:bold; white-space:nowrap; text-align:left; background:url(/images/line/dotted_table.gif) top left repeat-x; background-color:#FFF !important; color:#000 !important; border-color:#b2b2b2 !important; } table .captionLib { display:block; } table .exLib { display:block; float:left; width:180px; padding-top:18px; margin-bottom:-10px; } table .exLib strong { font-size:120%; color:#009699; background:none !important; margin:0 !important; padding:0 !important; } table .exNum { font-size:140%; display:block; float:left; line-height:63px; background:url(/images/base/promo_star.gif) left no-repeat; margin-bottom:-10px; } table .exNum strong { font-size:140%; color:#FFF !important; background:none !important; margin:0 !important; padding:0 10px 0 12px; } table .exNum .pourcent { font-size:65%; color:#FFF !important; margin-left:-4px; } /* table exemple AVANT */ table.before caption { padding:15px 15px 20px 15px; } table.before caption strong { background:#9bb6bd; } table.before .highlight { background-color:#e3eef1; color:#008386; } table.before .highlight strong { color:#008386; } table.before th { background-color:#e3eef1; } /* table exemple APRES */ table.after caption { padding:20px 15px 15px 15px; } table.after .captionLib { color:#067c00; } table.after caption strong { background:#71ba00; } table.after .highlight { background-color:#71ba00; border:1px solid #4f8200; border-top:0; } table.after th { background-color:#e3eef1; } /* table suivi PROJET */ table.suiviProjet { font-size:120%; margin:7px; width:537px; } table.suiviProjet caption { margin:0; padding:0; } table.suiviProjet .heading { margin:0; padding:10px 0 10px 5px; } table.suiviProjet td, table.suiviProjet th { font-size:100%; } table.suiviProjet th { background-color:#f0f6f8; text-transform:uppercase; text-align:left; padding:0px; } table.suiviProjet td { text-align:left; font-weight:normal; } table.suiviProjet td a { text-align:left; text-decoration:underline; } table.suiviProjet tr.select td { background-color:#b1ced6; border-color:#7c9095; } table.suiviProjet th * { display:block; padding:5px; } table.suiviProjet a.short_desc { background:url(/images/bt/bt_short_desc.gif) 96% no-repeat; padding:5px 25px 5px 5px; } table.suiviProjet a.short_asc { background:url(/images/bt/bt_short_asc.gif) 96% no-repeat; padding:5px 25px 5px 5px; } /*///////////////////////////////////////////////////////////////////////// Boites /////////////////////////////////////////////////////////////////////////*/ /*--------------------------------- Bloc générique avec ombre portée ----------------------------------*/ .shadowBox { margin:2px; height:100%; overflow:hidden; } .shadowBox .t { background: url(/images/box/t.gif) top repeat-x; display:block; height:100%; overflow:hidden; } .shadowBox .tl { background: url(/images/box/tl.gif) top left no-repeat; display:block; height:100%; overflow:hidden; } .shadowBox .tr { background: url(/images/box/tr.gif) top right no-repeat; height:15px; display:block; overflow:hidden; } .shadowBox .l { background: url(/images/box/l.gif) left repeat-y; display:block; height:100%; overflow:hidden; } .shadowBox .r { background: url(/images/box/r.gif) right repeat-y; display:block; height:100%; overflow:hidden; } .shadowBox .b { background: url(/images/box/b.gif) bottom repeat-x; display:block; height:100%; overflow:hidden; } .shadowBox .cl { background: url(/images/box/l.gif) left repeat-y; display:block; height:100%; overflow:hidden; } .shadowBox .cr { background: url(/images/box/r.gif) right repeat-y; display:block; height:100%; overflow:hidden; } .shadowBox .bl { background: url(/images/box/bl.gif) bottom left no-repeat; height:100%; overflow:hidden; } .shadowBox .br { background: url(/images/box/br.gif) bottom right no-repeat; height:15px; display:block; overflow:hidden; } .shadowBox .content { padding:5px 15px; height:100%; overflow:hidden; } /*--------------------------------- Bloc générique de base ----------------------------------*/ .baseBox { margin:15px; font-size:120%; clear:both; } .baseBox .dotted_bleu { margin:10px 0 10px 0 !important; padding-bottom:15px !important; } .baseBox .top { padding:15px 0 0 0 !important; margin:15px 0 0 0 !important; background-position:top !important; font-size:100%; } .baseBox .bottom { padding:0 0 15px 0 !important; margin:0 0 15px 0 !important; background-position:bottom !important; font-size:100%; } .baseBox .heading { color:#008386; font-size:160% !important; line-height:100%; margin-bottom:0; padding:0; height:100%; overflow:hidden; } .baseBox .h_niv2 { color:#008386; font-size:140% !important; margin-bottom:0; padding:0; height:100%; overflow:hidden; } .baseBox .underHeading { color:#008386; font-size:120% !important; line-height:100%; margin:0; padding:0; display:block; } .baseBox .cellLink { background:url(/images/line/dotted_bleu.gif) left 5px repeat-x; padding-top:10px; margin-top:5px; } .baseBox .bgreen { color:#008386; } .baseBox dt { font-size:100%; } .baseBox dt a { color:#000; } .baseBox dt a:hover { color:#008386; } .baseBox dd { font-size:80%; } .baseBox ul.bullet_bleu { padding:5px 0px; } .baseBox .info { background:#eff5f8; padding:10px; } .baseBox .info ul { padding:5px 0px; } .baseBox .cellSubmit { padding-bottom:0; } .baseBox .notabene * { color:#5c666a; font-size:100%; font-style:normal; } .baseBox .requiredField { font-size:90%; margin:0; } .baseBox .requiredField em { color:#ff0000; font-style:normal; } .baseBox form { display:inline; } #col_content_form .baseBox { margin:0; } #pFormulaireRachatConso .baseBox { margin: 15px 0; } /*--------------------------------- Bloc générique de contact ----------------------------------*/ .contactBox { margin:10px 7px; padding:0; font-size: 120%; } .contactBox form { padding:0; margin:0; } .contactBox fieldset { padding:0; margin:0; } .contactBox fieldset.spacing { padding:0; margin:10px 15px; } .contactBox fieldset.lastSpacing { padding:0; margin:10px 15px 0 15px; } .contactBox fieldset.bg { padding:10px; background:#eff5f8; } .contactBox #contenuSecondaire { background:#F7FCFF none repeat scroll 0 0; border:1px solid #EFF5F8; margin:10px 0 10px 15px; padding:5px 5px 5px 10px; } .contactBox #contenuSecondaire legend { color:#83A9AA; } .contactBox #contenuSecondaire label { width:180px; } .contactBox #contenuSecondaire p { margin:5px 0; } .contactBox .alertClassBoxContact p { color:#EB1332; font-size:90%; margin:5px 0 0; } .contactBox .textarea { width: 305px; } .contactBox .radio { padding:0; margin:0; } .contactBox legend { padding:0; margin:0; font-weight:bold; } .contactBox .blocRadio { padding:5px 5px 0 5px; } .contactBox .blocRadio * { vertical-align:middle; line-height:12px; } .contactBox .info { padding:10px; background:#eff5f8; display:block; width:520px; } .contactBox .credito { background:url(/images/credito/credito_bgb.gif) 20px no-repeat; padding: 42px 0 8px 155px; } .contactBox label { width:130px; float:left; font-weight:bold; line-height:20px; } .contactBox label.inline { float:none; font-weight:bold; line-height:20px; } .contactBox .clear { clear:both; margin:2px 0 2px 0; overflow:hidden; } .contactBox .infoDate { padding-left:130px; display:block; font-size:80%; } .contactBox .sepaDate { padding:0 5px; font-size:80%; } .contactBox .infoDate .day { padding:0 10px 0 10px; text-align:center; } .contactBox .infoDate .month { padding:0 10px 0 28px; text-align:center; } .contactBox .infoDate .year { padding:0 20px 0 27px; text-align:center; } .contactBox .auto { width:auto; } .contactBox .short { width:100px; } .contactBox .inter { width:200px; } .contactBox .long { width:250px; } /* les options de contact */ /* avant simu contextuelle resultat #contactOptions { margin:0; padding:0; position:relative; overflow:hidden; margin-top:10px; } #contactOptions .withJsActive { margin:0 7px 0 7px; padding:0; height:100%; overflow:hidden; clear:both; } #contactOptions .bt_ico { white-space:nowrap; display:block; float:left; margin:0; } #contactOptions .bt_ico * { color:#02454a; } #contactOptions .bt_ico a:hover { color:#008386; } #contactOptions .btOptions { padding:0 10px 10px 10px; height:20px; overflow:hidden; font-size:120%; } #contactOptions .notabene { padding:10px 0; clear:both; } #contactOptions .text { float:left; margin-right:5px; } #contactOptions .cnil { margin-top:10px; height:100%; overflow:hidden; clear:both; font-size:80%; } #contactOptions .cnil dt { cursor:pointer; } #contactOptions .cnil dt a { background:transparent url(/images/list/arrow_black.gif) no-repeat scroll left 5px; padding-left:10px; } #contactOptions .cnil dt a:hover { background:url(/images/list/arrow_bleu.gif) left 5px no-repeat; color:#008386; } #contactOptions .email { background-image:none !important; } #contactOptions .mailtoFriend { background-image:none !important; } #contactOptions .simulBt .email { position:absolute; top:0; left:195px; background-image:url(/images/bt/bt_email.gif) !important; } #contactOptions .simulBt .mailtoFriend { position:absolute; top:0; left:375px; background-image:url(/images/bt/bt_mailtoFriend.gif) !important; } #contactOptions .toggle_active, #contactOptions .toggle_active * { color:#008386; } #contactOptions .toggleContent { padding:10px; background:#eff5f8; overflow:hidden; } #contactOptions .toggle_hover, #contactOptions .toggle_hover * { cursor:pointer; text-decoration:underline; } fin avant simu contextuelle resultat /* après simu contextuelle resultat */ /* les options de contact */ .contactOptions { margin:0; padding:0; position:relative; overflow:hidden; margin-top:10px; } .contactOptions .withJsActive { margin:0 7px 0 7px; padding:0; height:100%; overflow:hidden; clear:both; } .contactOptions .bt_ico { white-space:nowrap; display:block; float:left; margin:0; zoom:1; } .contactOptions .bt_ico * { color:#02454a; } .contactOptions .btOptions { padding:0 10px 10px 10px; height:20px; overflow:hidden; zoom:1; font-size:120%; } .contactOptions .notabene { padding:10px 0; clear:both; } .contactOptions .text { float:left; margin-right:5px; } .contactOptions .cnil { margin-top:10px; height:100%; overflow:hidden; clear:both; font-size:80%; } .contactOptions .email { background-image:none !important; } .contactOptions .mailtoFriend { background-image:none !important; } .contactOptions .toggle_active, .contactOptions .toggle_active * { color:#008386; } .contactOptions .toggleContent { padding:10px; background:#eff5f8; overflow:hidden; zoom:1; } .contactOptions .toggle_hover, .contactOptions .toggle_hover * { cursor:pointer; text-decoration:underline; } #mainContent .contactOptions .label2 { width:90%; vertical-align:top; } /* ajustement colonne principale */ #col_content .contactOptions .simulBt .email { position:absolute; top:0; left:195px; background-image:url(/images/bt/bt_email.gif) !important; } #col_content .contactOptions .simulBt .mailtoFriend { position:absolute; top:0; left:375px; background-image:url(/images/bt/bt_mailtoFriend.gif) !important; } /* ajustement colonne contextuel */ #col_context .contactOptions { padding:0; margin:0 2px 2px 2px; overflow:hidden; } #col_context .contactOptions .innerContent { padding:10px 10px 5px 10px; position:relative; } #col_context .contactOptions .contactBox { margin:0; } #col_context .contactOptions .btOptions { padding:0 0 10px 0; height:50px; font-size:110%; } #col_context .contactOptions .cbg { background: url(../images/box/blocSimu_b.gif) bottom repeat-x; } #col_context .contactOptions label { width:120px; } #col_context .contactOptions .text { width:115px; } #col_context .contactOptions .simulBt .email { font-size:90%; zoom:1; position:absolute; top:0; left:180px; background-image:url(/images/bt/bt_email.gif) !important; } #col_context .contactOptions .simulBt .mailtoFriend { font-size:90%; zoom:1; position:absolute; top:30px; left:0px; background-image:url(/images/bt/bt_mailtoFriend.gif) !important; } /* fin après simu contextuelle resultat */ /*--------------------------------- Bloc de désabonnement ----------------------------------*/ #unsubscribe legend { padding:10px 0 0 0; } #unsubscribe .cell { margin:15px 0 0 70px; } #unsubscribe .text { width:250px; } #unsubscribe .cellSubmit { padding-left: 70px; } #unsubscribe .cellSubmit input { padding:10px 0 0 0; } /*--------------------------------- Bloc de demande de rachat de crédit ---------------------------------- #demandBox { margin:10px 7px; padding:0; font-size:120%; } #demandBox .heading { padding:10px 5px; } #demandBox form { padding:0; margin:0; } #demandBox fieldset { padding:0; margin:0; position:relative; } #demandBox fieldset.line { padding-bottom:10px; background:url(/images/line/dotted_bleu.gif) bottom repeat-x; } #demandBox .textarea { width:500px; } #demandBox .text { float:left; } #demandBox .radio { padding:0; margin:0 5px 0 5px; float:left; vertical-align:middle; } #demandBox .inline { float:none; } #demandBox legend { padding:0; margin:0; font-weight:bold; } #demandBox .remarque { color:#7D8B90; font-size:90%; padding-left:200px; margin:2px 0; clear:both; } #demandBox label { width:200px; float:left; font-weight:bold; line-height:normal; padding-top:5px; } #demandBox label.inline { float:none; font-weight:bold; line-height:normal; } #demandBox label.rLabel { width:auto; padding-left:5px; float:left; } #demandBox label.rLabelLong { float:left; font-size:90%; font-weight:normal; width:480px; padding-top:0; } #demandBox .clear { clear:both; margin:2px 0; height:100%; overflow:hidden; } #demandBox .sepaDate { padding:5px 8px; font-size:80%; float:left; } #demandBox .cell { clear:both; margin:2px 0 2px 0; height:100%; overflow:hidden; padding:5px 10px; background:#eff5f8; } #demandBox .blocInput { padding-left:200px; } #demandBox .inBlocInput { padding-left:0px; } #demandBox legend.label span { position:absolute; white-space:nowrap; left:0px; top:0px; margin-top:2px; } #demandBox .long { width:250px; } */ #demandBox label { width:200px; } #demandBox .radioListe label { width:30px; } #demandBox form { font-size: 116%; } .demandeEnvoye { background:#EBF3F5 url(/images/picto/demande-envoye.png) no-repeat scroll 98% 11px; border:1px solid #D0E0E4; padding:11px 80px 11px 11px; font-size:120%; } .demandeEnvoye a { font-weight:bold; text-decoration: underline; } /*--------------------------------- Bloc exemple ----------------------------------*/ #exemple .tr { height:100%; } #exemple .heading { font-size:160%; color:#000; margin:15px 15px 0px 15px; } #exemple .heading strong { color:#008386; } /*--------------------------------- Bloc témoignage ----------------------------------*/ #testimony { background: #e3eef1; margin:5px; overflow:hidden; height:100%; } #testimony .tl { background: url(/images/box/testimony_tl.gif) top left no-repeat; overflow:hidden; height:100%; } #testimony .tr { background: url(/images/box/testimony_tr.gif) top right no-repeat; overflow:hidden; height:100%; } #testimony .bl { background: url(/images/box/testimony_bl.gif) bottom left no-repeat; overflow:hidden; height:100%; } #testimony .br { background: url(/images/box/testimony_br.gif) bottom right no-repeat; overflow:hidden; height:100%; padding:15px; } #testimony .b { background: url(/images/box/testimony_say.gif) #FFF 15px top no-repeat; height:13px; } #testimony .heading { font-size:180%; margin:5px 0 0 0; color:#081D24; } #testimony p { margin:10px 0; font-size:110%; } #testimony strong { font-size:110%; display:block; } #testimony cite { color:#6d7a7f; display:block; } #testimony blockquote { margin:0; padding:0; font-size:110%; } #testimony .visual { float:right; border:1px solid #d8e2e5; margin:0 0 10px 5px; } #testimony .visual .conso { border:1px solid #cbd4d8; background: url(/images/visual/testimony_conso.jpg); height:83px; width:164px; } #testimony .visual .immo { border:1px solid #cbd4d8; background: url(/images/visual/testimony_immo.jpg); height:83px; width:164px; } #testimony .visual .guide { border:1px solid #cbd4d8; background: url(/images/visual/testimony_guide.jpg); height:83px; width:164px; } /*--------------------------------- Bloc d'introduction ----------------------------------*/ #intro { background:url(/images/line/dotted_bleu.gif) bottom repeat-x; margin:0 5px 10px 5px; padding:0 0 5px 0; } #intro .intro_content { margin:10px 0px; background:#e3eef1; overflow:hidden; height:100%; padding:15px; font-size:120%; } #intro .heading { font-size:130%; color:#081D24; line-height:100%; margin:0; } #intro .heading strong { font-size:125%; color:#008386; display:block; line-height:100%; } #intro li strong { color:#008386; } #intro ul { list-style:square; } /* promotion */ #intro .promo { position:relative; height:100%; overflow:hidden; } #intro .promo ul { border-left:1px solid #77bcc1; margin: 10px 0 10px 190px; padding:10px 0 10px 30px; } #intro .promoRate * { color:#009699; font-weight:bold; } #intro .promoRate { position:absolute; top:10px; left:10px; } #intro .promoRate .from { font-size:90%; } #intro .promoRate .value { float:left; display:block; padding-left:10px; margin-top:-5px; } #intro .promoRate .rate { font-size:350%; display:block; float:left; width:auto; } #intro .promoRate .united { float:left; width:auto; display:block; padding-top:8px; } #intro .promoRate .purcent { font-size:170%; display:block; white-space:nowrap; line-height:24px; } #intro .promoRate .teg { font-size:110%; display:block; white-space:nowrap; line-height:14px; } #intro .promoInfo { font-size:90%; display:block; color:#5e9091; } #intro .promoInfo strong { color:#008386; } /*--------------------------------- Bloc générique de simulation ----------------------------------*/ #simuForm { overflow:hidden; height:100%; z-index: 100; } #simuForm .boxHead { background: url(/images/box/green_c.gif) #74bc06 top repeat-x; } #simuForm .boxContent { background: url(/images/box/blocSimu_h.gif) #FFF top repeat-x; } #simuForm .cbg { background: url(/images/box/blocSimu_b.gif) bottom repeat-x; } #simuForm .tl { background: url(/images/box/green_tl.gif) top left no-repeat; } #simuForm .tr { background: url(/images/box/green_tr.gif) top right no-repeat; height:100%; } #simuForm .br { background: url(/images/box/grey_br.gif) bottom right no-repeat; } #simuForm .bl { background: url(/images/box/grey_bl.gif) bottom left no-repeat; } #simuForm .heading { font-size:160%; color:#FFF; font-weight:normal; margin:15px; line-height:100%; } #simuForm .heading strong { font-weight:bold; color:#FFF; } #simuForm form { display:block; background:none; overflow:hidden; margin:20px 0 0 0; height:100%; min-height:185px; font-size:120%; } #simuForm fieldset { padding:0; margin:0; border:0; position:relative; height:100%; overflow:hidden; } #simuForm .clear { margin:0 0 2px 0; height:100%; overflow:hidden; } #simuForm .groupField { overflow:hidden; height:100%; position:relative; } #simuForm .groupRadio { float:left; background:none; padding:0 0 0 290px; height:100%; overflow:hidden; clear:both; margin-top:-15px; } #simuForm .groupRadio * { vertical-align:middle; } #simuForm legend { display:block; margin:0; padding:0; overflow:hidden; height:100%; } #simuForm legend span { text-align:right; margin:8px 0 0 0; left:0; padding:0; white-space:normal; display:block; width:280px; } #simuForm label { float:left; width:280px; text-align:right; padding:3px 10px 0 0; } #simuForm label.rLabel { width:auto !important; padding:3px 0 0 5px; font-weight:bold; } #simuForm label.radio { width:auto !important; padding:0 5px 0 5px; margin:0; } #simuForm input.text { width:85px; float:left; padding:3px 5px 2px; font-size:100%; border:1px solid #a7b8bf; margin:0; font-weight:normal; } #simuForm input.radio { float:left; margin:0; padding:0; } #simuForm .cellSubmit { clear:both; padding:25px 0 10px 0; margin:0; } #simuForm .cellSubmit a { text-transform:uppercase; } /* ajustement formulaire immobilier */ #simuForm.immo legend span { padding:0; margin:0 0 10px 0; text-align:right; width:330px !important; } #simuForm.immo .text { margin: 2px 0 2px 0; } #simuForm.immo .inter { width:200px !important; } #simuForm.immo label.short { width:150px !important; font-size:90%; line-height:70%; padding-top:0; } #simuForm.immo label.short strong { font-size:120%; line-height:120%; } #simuForm.immo .inlineField_long legend { padding:0; margin:0; overflow:hidden; } #simuForm.immo .inlineField_short legend { padding:0; margin:0; overflow:hidden; } #simuForm.immo .outField { display:block; padding:0 0 15px 0; margin:0; height:100%; overflow:hidden; } #simuForm.immo .inlineField_long { float:left; width:260px !important; margin:-37px 0 0 5px; padding:0; overflow:hidden; } #simuForm.immo .inlineField_short { float:left; width:90px !important; margin:-37px 0 0 0; padding:0; overflow:hidden; } #simuForm.immo .inlineField_long .outField { width:255px !important; } #simuForm.immo .inlineField_short .outField { width:90px !important; } #simuForm.immo .outField span { font-size:90%; line-height:100%; padding:0; margin:0; text-align:center; display:block; } #simuForm.immo .inlineField_long .outField span { float:right; width:80px !important; padding-right:20px; white-space:normal; } #simuForm.immo .inlineField_short .outField span { float:left; width:60px !important; padding-left:5px; white-space:normal; } #simuForm.immo .sepa { background:url(/images/line/dotted_bleu.gif) bottom repeat-x; margin:10px 7px 10px 7px; } #simuForm.immo .sepa div { background:url(/images/line/dotted_bleu.gif) top repeat-x; height:32px; overflow:hidden; } #simuForm.immo .cellSubmit { padding:20px 0 10px 0; } /* ajustement colonne contextuel */ #col_context #simuForm .heading { font-size:170%; margin:15px 15px 10px 15px; font-weight:normal; line-height:100%; } #col_context #simuForm .heading strong { display:block; font-size:115%; font-weight:bold; line-height:100%; } #col_context #simuForm form { min-height:0px; } #col_context #simuForm .cellSubmit { padding:20px 0 10px 0; } #col_context #simuForm input.text { width:60px; } #col_context #simuForm .groupRadio { padding:0 0 0 245px; margin:-15px 0 0 0; } #col_context #simuForm legend span { width:235px; } #col_context #simuForm label { width:235px; } #col_context #simuForm label.radio { width:auto; } /* ajustement colonne principale */ #col_content #simuForm { position:relative; padding:0px 10px 0px 120px; overflow:hidden; height:100%; } #col_content #simuForm .boxContent { overflow:hidden; height:100%; } #col_content #simuForm .credito { background: url(/images/credito/credito4_bgw.gif) no-repeat; width:135px; height:212px; position:absolute; bottom:0; left:10px; overflow:hidden; } #col_content #simuForm .groupRadio { padding:0 0 0 265px; } #col_content #simuForm legend span { width:255px; } #col_content #simuForm label { width:255px; } #col_content #simuForm label.short { width:170px !important; } #col_content #simuForm input.text { width:60px !important } #col_content #simuForm .inlineField_long { width:280px !important; } #col_content #simuForm .inlineField_short { width:110px !important; } #col_content #simuForm .inlineField_long .outField { width:275px !important; } #col_content #simuForm .inlineField_short .outField { width:110px !important; } #col_content #simuForm .inlineField_long .outField span { width:80px !important; } #col_content #simuForm .inlineField_short .outField span { width:60px !important; } #col_content #simuForm .inter { width:220px !important; } #col_content #simuForm .cellSubmit { padding:20px 0 10px 0; } /*--------------------------------- Bloc résultat d'une simulation conso ----------------------------------*/ /* avant simu contextuelle resultat #resultConso { overflow:hidden; height:100%; position:relative; padding:0px 0px 27px 0px; font-size:120%; } #resultConso .boxHead { background: url(/images/box/green_c.gif) top repeat-x; } #resultConso .boxContent { background: url(/images/box/blocSimu_h.gif) #FFF top repeat-x; } #resultConso .cbg { background: url(/images/box/blocSimu_b.gif) bottom repeat-x; } #resultConso .tl { background: url(/images/box/green_tl.gif) top left no-repeat; } #resultConso .tr { background: url(/images/box/green_tr.gif) top right no-repeat; height:100%; } #resultConso .br { background: url(/images/box/grey_br.gif) bottom right no-repeat; } #resultConso .bl { background: url(/images/box/grey_bl.gif) bottom left no-repeat; } #resultConso .heading { font-size:160%; color:#FFF; font-weight:normal; margin:15px; line-height:100%; } #resultConso .heading strong { text-transform:uppercase; font-weight:bold; } #resultConso form { display:block; background:none; overflow:hidden; margin:20px 0 0 0; height:100%; } #resultConso fieldset { padding:0; margin:0; border:0; position:relative; } #resultConso .clear { clear:both; margin:0 0 2px 0; line-height:22px; height:22px; } #resultConso label { float:left; width:300px; text-align:right; padding-right:15px; } #resultConso label.rLabel { width:auto; padding-right:0; padding-left:5px; } #resultConso input.text { width:85px; float:left; padding:2px 5px; border:1px solid #a7b8bf; margin:0; font-weight:normal; background:none; color:#000; text-align:right; font-weight:bold; cursor:default; font-size:100%; } #resultConso .bleu input.text { color:#008386; } #resultConso .cellSubmit { margin:20px 0; } #resultConso .boxContent { overflow:hidden; height:100%; } #resultConso .credito { background: url(/images/credito/credito5_bgw.gif) no-repeat; width:99px; height:180px; position:absolute; bottom:0; right:0; overflow:hidden; } #resultConso .hackMargin { clear:both; padding:50px 0 0 0; background:url(/images/line/dotted_bleu.gif) 0px 40px repeat-x; margin:0 7px; } #resultConso legend span { padding-left:268px; height:100%; overflow:hidden; display:block; padding-bottom:10px; } #resultConso legend strong { padding-left:15px; color:#008386; } #resultConso .dotted_bleu { background:url(/images/line/dotted_bleu.gif) 0px top repeat-x; padding-top:10px; margin:0 7px 0 7px; height:100%; overflow:hidden; } #resultConso #modifSimul { font-size:130%; } fin avant simu contextuelle resultat */ /* apres simu contextuelle resultat */ /*--------------------------------- Bloc résultat d'une simulation conso ----------------------------------*/ #resultConso { overflow:hidden; height:100%; } #resultConso .boxHead { background: url(../images/box/green_c.gif) top repeat-x; } #resultConso .boxContent { background: url(../images/box/blocSimu_h.gif) #FFF top repeat-x; } #resultConso .cbg { background: url(../images/box/blocSimu_b.gif) bottom repeat-x; } #resultConso .tl { background: url(../images/box/green_tl.gif) top left no-repeat; } #resultConso .tr { background: url(../images/box/green_tr.gif) top right no-repeat; height:100%; } #resultConso .br { background: url(../images/box/grey_br.gif) bottom right no-repeat; } #resultConso .bl { background: url(../images/box/grey_bl.gif) bottom left no-repeat; } #resultConso .heading { font-size:160%; color:#FFF; font-weight:normal; margin:15px; line-height:100%; } #resultConso .heading strong { text-transform:uppercase; font-weight:bold; } #resultConso form { display:block; background:none; overflow:hidden; margin:20px 0 0 0; height:100%; } #resultConso fieldset { padding:0; margin:0; border:0; } #resultConso .clear { clear:both; margin:0 0 4px 0; line-height:22px; height:22px; } #resultConso label { float:left; width:300px; text-align:right; padding-right:15px; } #resultConso label.rLabel { width:auto; padding-right:0; padding-left:5px; } #resultConso input.text { width:85px; float:left; padding:2px 5px; border:1px solid #a7b8bf; margin:0; font-weight:normal; background:none; color:#000; text-align:right; font-weight:bold; cursor:default; font-size:100%; } #resultConso .bleu input.text { color:#008386; } #resultConso .cellSubmit { margin:20px 0; } #resultConso .boxContent { overflow:hidden; height:100%; } #resultConso .credito { background: url(../images/credito/credito5_bgw.gif) no-repeat; width:99px; height:180px; position:absolute; bottom:0; right:0; overflow:hidden; } #resultConso .hackMargin { clear:both; padding:50px 0 0 0; background:url(../images/line/dotted_bleu.gif) 0px 40px repeat-x; margin:0 7px; } #resultConso legend span { padding-left:268px; height:100%; overflow:hidden; display:block; padding-bottom:10px; } #resultConso legend strong { padding-left:15px; color:#008386; } #resultConso .dotted_bleu { background:url(../images/line/dotted_bleu.gif) 0px top repeat-x; padding-top:10px; margin:0 7px 0 7px; height:100%; overflow:hidden; } #resultConso #modifSimul { font-size:140%; } /* ajustement colonne principale */ #col_content #resultConso { position:relative; padding:0px 0px 27px 0px; font-size:120%; } #col_content #resultConso fieldset { position:relative; } /* ajustement colonne contextuel */ #col_context #resultConso { font-size:100%; margin-bottom:0; } #col_context #resultConso .heading { font-size:180%; margin:15px 15px 10px 15px; font-weight:bold; line-height:100%; } #col_context #resultConso .cbg { background:none; } #col_context #resultConso .boxContent { background: url(../images/box/blocResult_h.gif) #FFF top repeat-x; margin:0; padding:15px 0 0 0; } #col_context #resultConso .baseBox { margin:0; padding:0; height:100%; overflow:hidden; } #col_context #resultConso .baseBox .info { padding:0 15px 15px 15px; margin:0 0 10px 0; font-size:100%; } #col_context #resultConso form { min-height:0px; margin:0; font-size:120%; } #col_context #resultConso .cellSubmit { padding:0; margin-bottom:10px; } #col_context #resultConso input.text { width:60px; } #col_context #resultConso legend span { padding-left:187px; } #col_context #resultConso label { width:220px; } #col_context #resultConso label.rLabel { width:auto; padding-right:0; padding-left:5px; } #col_context #resultConso #modifSimul { font-size:110%; } /* fin après simu contextuelle resultat */ .labelResultat {display: block; float: left; width:20em; text-align: right; padding-right: 10px;} .champResultat {display: block; float: left; width:7em; border: 1px solid #A7B8BF; padding: 0 3px; font-weight:bold;} /*--------------------------------- Bloc résultat d'une simulation immo ----------------------------------*/ #resultImmo { position:relative; padding:0px 0px 27px 0px; height:100%; overflow:hidden; font-size:120%; } #resultImmo .boxHead { background: url(/images/box/bleu_c.gif) top repeat-x; } #resultImmo .tl { background: url(/images/box/bleu_tl.gif) top left no-repeat; } #resultImmo .tr { background: url(/images/box/bleu_tr.gif) top right no-repeat; height:100%; } #resultImmo .cbg { background: url(/images/box/blocSimu_b.gif) bottom repeat-x; } #resultImmo .boxContent { background: url(/images/box/blocSimu_h.gif) #FFF top repeat-x; } #resultImmo .credito { background: url(/images/credito/credito5_bgw.gif) no-repeat; width:99px; height:180px; position:absolute; bottom:0; right:0; overflow:hidden; } #resultImmo .heading { font-size:160%; color:#FFF; font-weight:bold; margin:15px; line-height:100%; } #resultImmo form { display:block; background:none; overflow:hidden; margin:20px 0 0 0; height:100%; } #resultImmo fieldset { padding:0; margin:0; border:0; position:relative; height:100%; overflow:hidden; } #resultImmo label { float:left; width:280px; text-align:right; padding:3px 10px 0 0; } #resultImmo label.rLabel { width:auto !important; padding:3px 0 0 5px; font-weight:bold; } #resultImmo label.radio { width:auto !important; padding:0 5px 0 5px; margin:0; } #resultImmo label.short { width:240px !important; font-size:100%; } #resultImmo label.short strong { font-size:100%; } #resultImmo .clear { margin:0 0 2px 0; height:100%; overflow:hidden; } #resultImmo .inlineField_long { float:left; width:350px !important; margin:-37px 0 0 5px; padding:0; overflow:hidden; } #resultImmo .inlineField_short { float:left; width:110px !important; margin:-37px 0 0 0; padding:0; overflow:hidden; } #resultImmo .inlineField_long legend { padding:0; margin:0; overflow:hidden; height:100%; display:block; } #resultImmo .inlineField_short legend { padding:0; margin:0; overflow:hidden; height:100%; display:block; } #resultImmo .outField { display:block; padding:0 0 15px 0; margin:0; height:100%; overflow:hidden; } #resultImmo .outField span { font-size:90%; line-height:100%; padding:0; margin:0; text-align:center; display:block; } #resultImmo .inlineField_long .outField span { float:right; width:80px !important; padding-right:20px; white-space:normal; } #resultImmo .inlineField_short .outField span { float:left; width:60px !important; padding-left:5px; white-space:normal; } #resultImmo .sepa { background:url(/images/line/dotted_bleu.gif) bottom repeat-x; margin:10px 7px 10px 7px; } #resultImmo .sepa div { background:url(/images/line/dotted_bleu.gif) top repeat-x; height:32px; overflow:hidden; } #resultImmo .inlineField_long .outField { width:350px !important; } #resultImmo .inlineField_short .outField { width:110px !important; } #resultImmo .inter { width:245px !important; } #resultImmo .text { float:left; text-align:right; padding:2px 5px; font-weight:bold; width:60px !important; margin:0; } #resultImmo .hackMargin { clear:both; margin-top:0px; } #resultImmo .cellSubmit { height:100%; overflow:hidden; clear:both; } /*--------------------------------- Bloc générique contextuel ----------------------------------*/ .contextBox, .contextBox * { color:#FFF; } .contextBox { height:100%; overflow:hidden; } .contextBox .boxHead { background:none; background-color:#FFF; } .contextBox .boxContent { background: url(/images/box/contextBox_bg.gif) #698287 top repeat-x; } .contextBox .cbg { background: url(/images/box/contextBox_light.jpg) right top no-repeat; } .contextBox .tr { height:100%; } .contextBox .innerContent { position:relative; font-size:120%; } .contextBox .br { background: url(/images/box/contextBox_br.gif) bottom right no-repeat; } .contextBox .bl { background: url(/images/box/contextBox_bl.gif) bottom left no-repeat; } .contextBox .heading { font-size:170%; margin:15px 15px 10px 15px; font-weight:normal; line-height:100%; color:#081d24; } .contextBox .heading strong { font-size:115%; font-weight:bold; line-height:100%; color:#081d24; } .contextBox p { padding:10px 15px 0px 15px; font-size:100%; color:#FFF; margin:0; } .contextBox img { padding:10px 35px 0; } .contextBox .credito { position:relative; height:100%; overflow:visible; } .contextBox .credito div { background: url(/images/credito/credito2.png) no-repeat; width:120px; height:116px; position:absolute; bottom:0; right:0; overflow:hidden; } /* Dans une colone de formulaire */ #col_context_form .contextBox { background:transparent url(/images/boxform/bgd_div_context2.gif) no-repeat scroll 0 bottom; overflow: visible; } #col_context_form .contextBox * { color: #000; } #col_context_form .contextBox h3 { background:transparent url(/images/boxform/contextBox_title_large.gif) no-repeat scroll 0 0; padding:6px 0 0 10px; display:block; height:20px; color:#FFF; } #col_context_form .contextBox div { padding:0 10px 10px; width:auto; } #col_context_form .contextBox p { padding-top: 0; } #col_context_form .contextBox ul { margin:15px 15px 0; padding:0; } #col_context_form .contextBox li { background:transparent url(/images/list/icon_vert_square.gif) no-repeat scroll 0 5px; list-style-type:none; margin:5px 0; padding:0 0 0 15px; } #col_context_form_small .contextBox { background:transparent url(/images/boxform/bgd_div_context2_pt.gif) no-repeat scroll 0 bottom; overflow: visible; width:190px;} #col_context_form_small .contextBox * { color: #000; } #col_context_form_small .contextBox h3 { background:transparent url(/images/boxform/contextBox_title_pt.gif) no-repeat scroll 0 0; padding:6px 0 0 10px; display:block; height:20px; color:#FFF; font-size: 110%; } #col_context_form_small .contextBox div { padding:0 10px 10px; width:auto; font-size: 105%; } #col_context_form_small .contextBox p { padding-top: 0; } #col_context_form_small .contextBox ul { margin:0; padding:0; } #col_context_form_small .contextBox li { background:transparent url(/images/list/icon_vert_square.gif) no-repeat scroll 0 5px; list-style-type:none; margin:5px 0; padding:0 0 0 15px; } /* Tout savoir */ .contextBox .guide { background-image: url(/images/bt/bt_guide_contextBox.gif); } .contextBox .faq { background-image: url(/images/bt/bt_faq_contextBox.gif); } .contextBox .lexique { background-image: url(/images/bt/bt_lexique_contextBox.gif); } .contextBox .calcul { background-image: url(/images/bt/bt_calcul_contextBox.gif); } /* En bref */ .contextBox .bref { color:#FFF; margin:15px 15px 0px 15px; padding:0; } .contextBox .bref li { margin:5px 20px; padding:0; } .contextBox .bref strong { color:#FFF; } /* Les avantages */ .contextBox .avantage { color:#FFF; margin:15px 15px 0px 15px; padding:0; list-style:square; } .contextBox .avantage li { margin:5px 20px; padding:0; } .contextBox .avantage strong { color:#FFF; font-size:130%; } /* Nos solutions */ .contextBox .product { margin:10px 15px 0px 15px; padding:0; clear:both; height:100%; overflow:hidden; position:relative; } .contextBox .product.dotted_white { padding-bottom: 5px; } .contextBox .product_bis { margin:7px 15px 0px 15px; padding:0; clear:both; height:100%; overflow:hidden; position:relative; } .contextBox .productLib { font-size:130%; line-height:20px; margin:0; padding:0 5px; font-weight:normal; color:#FFF; display:block; } .contextBox .visualBox { background:url(/images/box/contextBox_visualBox.png) no-repeat; height:80px; width:100px; display:block; margin-left:-3px; float:left; overflow:hidden; position:relative; } .contextBox .visualBox .conso { background:url(/images/visual/contextBox_conso.jpg) 9px 9px no-repeat; height:80px; width:100px; display:block; overflow:hidden; position:absolute; } .contextBox .visualBox .immo { background:url(/images/visual/contextBox_immo.jpg) 9px 9px no-repeat; height:80px; width:100px; display:block; overflow:hidden; position:absolute; } .contextBox .visualLib { margin:0; padding:5px 0 5px 0; font-size:100%; color:#FFF; display:block; overflow:hidden; position:relative; } .contextBox .visualLib a { display:block; margin-top:5px; height:100%; overflow:hidden; } /* Votre contact */ .contextBox .picto { margin:0; font-size:100%; color:#FFF; display:block; } .contextBox .picto.contact { background:url(/images/picto/picto_contact.gif) 15px center no-repeat; padding:25px 10px 20px 80px; } /*.contextBox .picto.chat { background:url(/images/picto/picto_chat.gif) 15px center no-repeat; padding:25px 10px 20px 80px; margin-top:-25px; }*/ #col_context_form_small .chat { padding-left: 0; } /*--------------------------------- Bloc générique étapes ----------------------------------*/ #stepCredit { background:none; margin:0; padding:0; height:100%; overflow:hidden; } #stepCredit .heading { font-size:200%; font-weight:normal; margin:10px 0 10px 0; color:#081D24; height:100%; overflow:hidden; } #stepCredit strong { text-transform:none; color:#067c00; font-weight:bold; } #stepCredit ol { list-style:none; padding:0; margin:0; height:100%; overflow:hidden; } #stepCredit ol li { width:32%; float:left; margin:0 1px 0 1px; padding:0; font-weight:bold; background: url(/images/etape/etape_bg.gif) #d8ecbf top repeat-x; border-right:1px solid #f3f5f5; border-bottom:1px solid #f3f5f5; } #stepCredit li span { background:none; display:block; border-right:1px solid #e2e8e9; border-bottom:1px solid #e2e8e9; } #stepCredit li span span { background:none; display:block; border:1px solid #f0f6eb; border-right:1px solid #d6e2d5; border-bottom:1px solid #d6e2d5; } #stepCredit .step1 .num { background-image: url(/images/etape/1.gif); } #stepCredit .step2 .num { background-image: url(/images/etape/2.gif); } #stepCredit .step3 .num { background-image: url(/images/etape/3.gif); } #stepCredit .step4 .num { background-image: url(/images/etape/4.gif); } #stepCredit .step5 .num { background-image: url(/images/etape/5.gif); } #stepCredit .step6 .num { background-image: url(/images/etape/6.gif); } #stepCredit li .num { background-position:10px 5px; background-repeat:no-repeat; border:0; display:block; } #stepCredit .stepContent { line-height:100%; font-size:130%; color: #172a31; border:0; border-left:1px solid #067c00; display:block; padding:5px 10px 5px 15px; margin:10px 0 10px 30px; background:none; font-weight:normal; height:100%; overflow:hidden; } #stepCredit ol li strong { font-size:130%; color: #172a31; display:block; line-height:15px; } #stepCredit ol li em { font-size:90%; color: #067c00; display:block; font-style:normal; margin-top: 10px; } #stepCredit .stepComp { margin:5px 0 0 0; padding:0; font-size:110%; height:100%; overflow:hidden; clear:both; } #stepCredit .stepComp .lib { display:block; float:left; margin:10px 0 0 0; } #stepCredit a { background: url(/images/bt/bt_a_white.gif) bottom repeat-x; font-weight:bold; display:block; float:left; width:80px; margin:5px 0 0 5px; height:100%; overflow:hidden; } #stepCredit a span { background: url(/images/bt/bt_a_white.gif) left -24px no-repeat; display:block; color:#1d2740; height:100%; overflow:hidden; display:block; } #stepCredit a span span { background: url(/images/bt/bt_a_white.gif) right 0px no-repeat; height:100%; overflow:hidden; display:block; margin-left:10px; padding:5px 10px 5px 0; min-height:14px; } #stepCredit a:hover { text-decoration:none; cursor:pointer; } /* ajustement si home - bloc commun information rachat de crédit + étapes */ #infoStepCredit { clear:both; margin:0 15px; height:100%; overflow:hidden; min-height:261px; } #infoStepCredit .heading { font-size:160%; } #infoStepCredit li .num { background-position:7px 5px; } #infoStepCredit .stepContent { font-size:110%; color: #067c00; padding:5px 0 5px 12px; margin:5px 0 5px 25px; font-weight:normal; } #infoStepCredit ol li strong { font-size:120%; color: #172a31; display:block; line-height:120%; } /* ajustement si colonne pricipale */ #col_content #stepCredit { margin:0 -9px 0 4px; } #col_content #stepCredit .heading { margin:10px 0 10px 5px; } #col_content #stepCredit .stepContent { border:0; padding:10px 10px 10px 30px; margin:0; } #col_content #stepCredit .num { background-position:10px 15px; } #col_content #stepCredit .stepContent .sepa { border:0; border-left:1px solid #067c00; display:block; padding:5px 0 5px 15px; margin:0; background:none; font-weight:normal; height:auto; overflow:hidden; } #col_content #stepCredit .stepContent em { padding:0 0 0 15px; margin:5px 0 0 0; } /* ajustement page conso */ #stepCredit .conso .stepContent { min-height:100px; } /* ajustement page immo */ #stepCredit .immo .stepContent { min-height:140px; } /* ajustement si colonne contextuel */ #stepCreditContext .boxContent { background: url(/images/box/blocStep_h.gif) #e1f0c1 top repeat-x; } #stepCreditContext .cbg { background: none; } #stepCreditContext .br { background: url(/images/box/blocStep_br.gif) bottom right no-repeat; } #stepCreditContext .bl { background: url(/images/box/blocStep_bl.gif) bottom left no-repeat; } #stepCreditContext ol { list-style:none; padding:0; margin:0; } #stepCreditContext ol li { margin:0; padding:0; font-weight:bold; height:100%; overflow:hidden; } #stepCreditContext .step1 { background: url(/images/etape/1.gif) 15px 15px no-repeat; } #stepCreditContext .step2 { background: url(/images/etape/2.gif) 15px 15px no-repeat; } #stepCreditContext .step3 { background: url(/images/etape/3.gif) 15px 15px no-repeat; } #stepCreditContext .stepContent { line-height:100%; color: #172a31; border:0; border-left:1px solid #067c00; display:block; padding:5px 10px 5px 10px; margin:10px 0 0 35px; background:none; font-weight:normal; height:auto; } #stepCreditContext ol li strong { font-size:130%; color: #172a31; display:block; line-height: 15px; } #stepCreditContext ol li em { color: #067c00; display:block; font-style:normal; } /*--------------------------------- Bloc étapes suivi de projet ----------------------------------*/ #stepProjet { font-size:120%; margin:7px; } #stepProjet .heading { margin:0; padding:10px 0 10px 5px; } #stepProjet p { margin:0; padding:0 0 10px 5px; } #stepProjet ol { list-style:none; padding:0; margin:0; height:100%; overflow:hidden; } #stepProjet ol li { width:105px; float:left; margin:0 1px 0 1px; padding:0; } #stepProjet li span { background:url(/images/etape/etape_bg.gif) #d8ecbf top repeat-x; display:block; border-right:1px solid #f3f5f5; border-bottom:1px solid #f3f5f5; } #stepProjet li span span { background:url(/images/etape/bgw.gif) 5px 9px no-repeat; border-right:1px solid #e2e8e9; border-bottom:1px solid #e2e8e9; } #stepProjet .step1 .num { background:url(/images/etape/1w.gif) 13px 14px no-repeat; border:0; } #stepProjet .step2 .num { background:url(/images/etape/2w.gif) 13px 14px no-repeat; border:0; } #stepProjet .step3 .num { background:url(/images/etape/3w.gif) 13px 14px no-repeat; border:0; } #stepProjet .step4 .num { background:url(/images/etape/4w.gif) 13px 14px no-repeat; border:0; } #stepProjet .step5 .num { background:url(/images/etape/5w.gif) 13px 14px no-repeat; border:0; } #stepProjet .step6 .num { background:url(/images/etape/6w.gif) 13px 14px no-repeat; border:0; } #stepProjet .stepContent { line-height:100%; font-size:100%; border:1px solid #f0f6eb; border-right:1px solid #d6e2d5; border-bottom:1px solid #d6e2d5; display:block; padding:13px 0 13px 32px; background:none; font-weight:normal; height:auto; font-weight:bold; } #stepProjet .select span { background:url(/images/etape/etape_bg_green.gif) #228b00; } #stepProjet .select span span { background:url(/images/etape/bgg.gif) 5px 9px no-repeat; } #stepProjet .select .step1 .num { background:url(/images/etape/1g.gif) 13px 14px no-repeat; border:0; } #stepProjet .select .step2 .num { background:url(/images/etape/2g.gif) 13px 14px no-repeat; border:0; } #stepProjet .select .step3 .num { background:url(/images/etape/3g.gif) 13px 14px no-repeat; border:0; } #stepProjet .select .step4 .num { background:url(/images/etape/4g.gif) 13px 14px no-repeat; border:0; } #stepProjet .select .step5 .num { background:url(/images/etape/5g.gif) 13px 14px no-repeat; border:0; } #stepProjet .select .step6 .num { background:url(/images/etape/6g.gif) 13px 14px no-repeat; border:0; } #stepProjet .select .stepContent { color:#FFF; border:1px solid #dfedc5; border-bottom-color:#84b57f; border-right-color:#74b23d; background:none; } #stepProjet .select strong { color:#FFF; } #stepProjet .result { clear:both; border:1px solid #b2c1c4; margin:10px 0px; padding:5px 5px 5px 25px; background:url(/images/list/long_arrow.gif) 10px 10px no-repeat; } #stepProjet .result strong { color:#4ca300; } /*///////////////////////////////////////////////////////////////////////// *************************************************************************** PAGES *************************************************************************** /////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////// Home page /////////////////////////////////////////////////////////////////////////*/ /* slogan de la home */ #slogan { font-size:180%; color:#008386; font-weight:normal; padding: 15px 10px 10px 10px; margin:0; } #slogan strong { color:#78d400; } /* bloc anim de la home */ #anim { height:237px; position:relative; padding:0 3px; margin:0; } #anim object { position:absolute; left:4px; bottom:-10px; padding:0; margin:0; } /* bloc contenu alternatif de l'anim de la home */ #flashReplace { padding:0 15px; } #flashReplace .heading { margin:0 0 10px 0; font-weight:normal; font-size:160%; } #flashReplace .credito { background:url(/images/credito/credito_bgw.gif) 10px no-repeat; padding-left:110px; } #flashReplace .credito strong { color:#008386; } #flashReplace .credito p { margin: 0 0 10px 0; font-size:120%; } /* bloc information sur les engagements du rachat de crédit */ #infoCredit { margin:0; padding:0 0 10px 0; height:100%; overflow:hidden; background: url(/images/line/double_dotted_bleu.gif) bottom repeat-x; } #infoCredit .heading { margin:0 0 12px 0; font-size:160%; font-weight:normal; height:100%; overflow:hidden; } #infoCredit .heading strong { font-weight:bold; } #infoCredit ul { padding:0 0 5px 0; margin:0; list-style:none; height:100%; overflow:hidden; } #infoCredit ul li { font-size:120%; background: url(/images/list/bullet_black.gif) left center no-repeat; padding:2px 0 2px 10px; margin:0; display:block; height:100%; overflow:hidden; } #infoCredit ul li strong { color:#008386; } #infoCredit .bt { display:block; padding:0 15px 0 0; background-position:left; font-size:120%; background-repeat:no-repeat; float:left; height:100%; overflow:hidden; margin-top:10px; } #infoCredit .bt a { font-size:100%; color:#02454a; padding:5px 0 5px 25px; font-weight:bold; line-height:100%; display:block; } #infoCredit .guide { background-image: url(/images/bt/bt_guide.gif); } #infoCredit .faq { background-image: url(/images/bt/bt_faq.gif); } /* bloc produits de la home (conso + immo) */ #producHomeConso, #producHomeImmo { float:left; width:50%; } #producHome .boxContent { background: url(/images/box/producHome_bg.gif) #45646b top repeat-x; } #producHomeImmo .br { background: url(/images/box/producHome_br.gif) bottom right no-repeat; height:15px; overflow:hidden; display:block; clear:both; } #producHomeImmo .tr { height:100%; overflow:hidden; display:block; clear:both; } #producHomeImmo .boxHead { background: url(/images/box/producHome_sepa_head.gif) left repeat-y; } #producHomeImmo .cbg { background: url(/images/box/producHome_sepa_content.gif) left top repeat-y; } #producHomeConso .bl { background: url(/images/box/producHome_bl.gif) bottom left no-repeat; height:15px; overflow:hidden; display:block; clear:both; } #producHomeConso .tl { height:100%; overflow:hidden; display:block; clear:both; } #producHomeConso .cl { display:block; clear:both; height:100%; overflow:hidden; } #producHome .heading { font-size:160%; color:#081d24; margin:15px; line-height:100%; vertical-align:middle; font-weight:normal; } #producHome .heading strong { font-weight:bold; display:block; } #producHome .visualBox { background:url(/images/box/producHome_visualBox.png); height:108px; width:225px; } #producHomeConso .visual { background:url(/images/visual/producHome_conso.jpg) 9px 9px no-repeat; margin:5px 0 5px 5px; } #producHomeImmo .visual { background:url(/images/visual/producHome_immo.jpg) 9px 9px no-repeat; margin:5px 0 5px 5px; } #producHome .lib { margin:5px 0 5px 7px; text-align:center; font-size:140%; } #producHome .lib em { color:#FFF; vertical-align:middle; font-style:normal; } #producHome .lib strong { color:#FFF; font-weight:bold; display:block; } #producHomeConso .bt { padding:0px 10px 0 15px; margin:10px 0 0 0; height:100%; overflow:hidden; } #producHomeImmo .bt { padding:0px 15px 0 12px; margin:10px 0 0 0; height:100%; overflow:hidden; } #producHome .bt a { background: url(/images/bt/bt_producHome.gif) right 0px no-repeat; font-weight:bold; display:block; height:100%; overflow:hidden; } #producHome .bt a span { background: url(/images/bt/bt_producHome.gif) left -38px no-repeat; display:block; color:#1d2740; height:100%; overflow:hidden; } #producHome .bt a span span { background: url(/images/bt/bt_producHome.gif) bottom repeat-x; display:block; color:#FFF; text-align:center; font-size:110%; padding:5px 0; margin:0 6px 0 6px; min-height:28px; } #producHome .bt strong { text-transform:uppercase; color:#FFF; } #producHome .bt a:hover { text-decoration:none; cursor:pointer; } /*///////////////////////////////////////////////////////////////////////// Questions/Réponses /////////////////////////////////////////////////////////////////////////*/ #faq { padding:0; margin:5px; } #faq dt { font-weight:bold; background:url(/images/list/arrow_grey.gif) #eff5f8 5px 20px no-repeat; padding:15px; color:#395359; font-size:120%; margin-top:5px; display:block; cursor:pointer; } #faq dt.toggle_hover { background:url(/images/list/arrow_bleu.gif) #eff5f8 5px 20px no-repeat; color:#008386; cursor:pointer; } #faq dt.toggle_active { background:url(/images/list/arrow_grey_verti.gif) #eff5f8 5px 22px no-repeat; } #faq dd { background:#eff5f8; padding:0; margin:0; } #faq dd .dd { font-size:120%; background:url(/images/line/dotted_bleu.gif) top repeat-x; padding:15px 10px; margin:0 10px 0 10px; display:block; } /*///////////////////////////////////////////////////////////////////////// Lexique /////////////////////////////////////////////////////////////////////////*/ #glossary { font-size:120%; } #glossary p { margin-left:15px; } #letterList { list-style:none; padding:5px; margin:5px; background:url(/images/line/dotted_bleu.gif) bottom repeat-x; height:100%; overflow:hidden; } #letterList li { display:inline; } #letterList li a { display:block; font-weight:bold; border-right:1px solid #b9ccd5; padding:0 5px 0 0; margin:2px 0 2px 6px; float:left; } #letterList li.select a { color:#008386; } #letterList li span { display:block; font-weight:bold; border-right:1px solid #b9ccd5; padding:0 5px 0 0; margin:2px 0 2px 6px; float:left; color:#b9ccd5; } #groupWord { clear:both; } #glossary dl { margin:5px; background:#eff5f8; display:block; height:100%; overflow:hidden; padding:5px; } #groupWord dt { clear:both; padding:5px 0 5px 0; float:left; background:none; cursor:auto; } #groupWord dt a { font-weight:bold; font-size:170%; font-weight:bold; text-transform:uppercase; text-align:center; display:block; width:30px; } #groupWord dt a:hover { text-decoration:none; } #glossary dd { padding:5px; border-left:1px solid #758c94; line-height:10px; margin-left:35px; } #glossary dd.alone { padding:15px 5px; border-left:1px solid #758c94; } #glossary dd span, #glossary dd a { font-weight:bold; background:url(/images/list/arrow_grey.gif) 5px no-repeat; padding-left:15px; color:#395359; } #glossary dd a:hover { font-weight:bold; background:url(/images/list/arrow_bleu.gif) 5px no-repeat; padding-left:15px; color:#008386; text-decoration:none; } .definition { background:url(/images/line/dotted_bleu.gif) bottom repeat-x; padding-bottom:10px; margin-bottom:10px; } /*///////////////////////////////////////////////////////////////////////// Plan du site /////////////////////////////////////////////////////////////////////////*/ #siteMap { padding:0 2px; height:100%; overflow:hidden; font-size:120%; } #siteMap .home { padding:0; margin:0 5px; height:100%; overflow:hidden; } #siteMap .colFirst { float:left; margin:5px 0 5px 5px; width:305px; height:100%; overflow:hidden; } #siteMap .colMiddle { float:left; margin:5px; width:305px; height:100%; overflow:hidden; } #siteMap .colLast { float:left; margin:5px 5px 5px 0; width:305px; height:100%; overflow:hidden; } #siteMap .lib { padding:10px 10px 0px 10px; margin:5px 0 0 0; font-size:130%; text-transform:uppercase; color:#008386; background:#eff5f8; height:100%; overflow:hidden; } #siteMap ul { font-weight:normal; padding:5px 10px 10px 10px; margin:0 0 5px 0; list-style:none; background:#eff5f8; height:100%; overflow:hidden; } #siteMap ul li { padding:0; list-style:none; } #siteMap ul li ul { font-size:90%; margin:0; padding-top:0px; padding-bottom:0px; } /*///////////////////////////////////////////////////////////////////////// Taux d'endettement /////////////////////////////////////////////////////////////////////////*/ #calculDette { margin:10px 7px; padding:15px; font-size:120%; background:#eff5f8; } #calculDette fieldset { position: relative; } #calculDette form { padding:0; margin:0; } #calculDette .text { width: 85px; float:left; text-align:right; } #calculDette label { width:270px; float:left; line-height:20px; } #calculDette label.rLabel { width:auto; padding-left:5px; float:left; } #calculDette .clear { clear:both; margin:2px 0 2px 0; height:100%; overflow:hidden; } #calculDette .hackMargin { clear:both; padding:40px 0 0 0; background:url(/images/line/dotted_bleu.gif) 0px 30px repeat-x; margin:0; } #calculDette legend span { position:absolute; white-space:nowrap; left:0px; top:10px; padding:0; font-weight:bold; } /*///////////////////////////////////////////////////////////////////////// 404 /////////////////////////////////////////////////////////////////////////*/ #page404 { background: url(/images/credito/credito_404.jpg) 10px no-repeat; padding: 50px 7px 0 160px; height:180px; font-size:120%; } /*///////////////////////////////////////////////////////////////////////// Suivez votre demande /////////////////////////////////////////////////////////////////////////*/ #loginBox { margin:10px 7px; padding:0; font-size:120%; } #loginBox form { padding:0; margin:0; } #loginBox fieldset { padding:0; margin:0; } #loginBox legend { padding:0; margin:0; position:relative; left:-10px; top:0px; } #loginBox .info { padding:10px; background:#eff5f8; display:block; width:520px; } #loginBox .credito { background:url(/images/credito/credito_bgw.gif) 20px no-repeat; padding: 20px 0 20px 130px; } #loginBox label { width:130px; float:left; font-weight:bold; line-height:20px; } #loginBox .clear { clear:both; margin:10px 0 10px 0; } #loginBox .infoDate { padding-left:130px; display:block; font-size:80%; } #loginBox .sepaDate { padding:0 5px; font-size:80%; } #loginBox .infoDate .day { display:block; float:left; text-align:center; width:35px; } #loginBox .infoDate .sepaDate { padding:0; font-size:80%; display:block; float:left; width:20px; text-align:center; color:#fff; } #loginBox .infoDate .month { display:block; float:left; text-align:center; width:33px; } #loginBox .infoDate .year { display:block; float:left; text-align:center; width:57px; } #loginBox .cellSubmit { clear:both; padding-top:20px; } #loginBox .notabene { padding:0; margin:5px 0; font-size:80%; }