/* reset ------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, del, dfn, em, font, img, ins, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; border: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; /*line-height: 1;*/ font-family: inherit; vertical-align: baseline; } body { background: #ebebeb url(../images/home/fond.png) repeat-x; font: 13px/18px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #333; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } a img { border: none; } /* general ------------------------------------------------------------------*/ ul, ol { margin: 0 0 14px 16px; } p { margin: 0 0 14px 0; } a { font-weight: bold; color: #EB1C53; } a:hover { color: #000; } input, textarea, select { font-size: 13px; font-family: Arial, sans-serif; color: #4F535C; } strong { font-weight: bold; } em { font-style: italic; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ /* page structure ------------------------------------------------------------------*/ #wrapper { width: 1000px; margin: 0 auto; /*background: url(/images/bg_swoosh.jpg) no-repeat 0 52px;*/ } #header { /*border: red 1px solid;*/ width: 625px; height: 98px; /*width: 715px; height: 128px;*/ margin: 0 auto 30px auto; padding: 25px 45px 0 45px;/*padding: 35px 45px 0 45px;*/ /*margin: 0 auto 25px auto; padding: 5px 0 0 0;*/ background: url(/images/back_header.png) no-repeat; } #navigation { /*display:none;*/width: 701px; height: 55px; margin: 12px auto 0 auto; /*margin: 22px auto 0 auto;*/ } /* header ------------------------------------------------------------------*/ #header { position: relative; color: #4F4F4A; font-size: 16px; line-height: 19px; z-index: 19; } #header #logo { z-index: 100;/*float: left;*/ margin: 0 60px 0 0;/*margin: 3px 60px 0 0;*/ /* margin: 23px 45px 0 45px;*/ } #slogan { /*border: red 1px solid;*/ position: absolute; top: 25px; right: 45px; width: 350px; margin: 0; } /* homepage ------------------------------------------------------------------*/ #home { font-size: 14px; } #home h1.topTitle, h1.topTitle { color:#666;margin: 5px 0 0 0; font-size: 10px; line-height: 14px; text-align: center; } #home h2 { font-size: 14px; color: #016878; } #home #headerWrapper { /*border: blue 1px solid;*/ position: relative; width: 725px; margin: 0 auto; padding: 0 0 1px 0; /*z-index: 50;*/ }/*z-index*/ #home #header { /*border: green 1px solid;*/ position: relative; width: 713px; height: auto; margin-bottom: 26px; padding: 28px 0 0 12px; background: url(/images/back_header_home.png) no-repeat; overflow: visible; /*z-index: 60;*/ }/*z-index*/ #home #header #logo { float: none; margin: 0 35px 0 35px; } #home #header #logo img { float: left; margin: 0 50px 0 0; } #home #header #logo p { font-size: 13px; line-height: 17px; color: #333 } #home #call2action, #call2action { /*border: red 1px solid;*/ position: relative; margin: 0 auto; padding: 10px 30px 0 20px; background: url(/images/bg_call2action.gif) repeat-y; text-align: center; font-size: 18px; line-height: normal; color: #FFF; font-weight: normal; /*z-index: 63;*/ }/*z-index*/ #call2action { padding: 0; background: none; } #home #call2action p { font-size: 12px; color: #fff; } #call2action p { font-size: 12px; color: #016878; } #home #call2action a.button, #call2action a.button { margin-left: auto; margin-bottom: 4px; margin-right: auto; margin-top: 8px; padding-left: 0px; padding-bottom: 15px; padding-right: 0px; padding-top: 10px; display: block; width: 122px; background: url(/images/bg_button_home_comp.png) no-repeat; font-size: 17px; color: #fff; text-decoration: none; } #home #call2action a:hover.button, #call2action a:hover.button { color: #666; background: url(/images/bg_button_home_comp_hover.png) no-repeat; } #home #call2action #time30 a.button, #call2action #time30 a.button { /*margin-left: 60px;*/ } #home #call2action #blocks, #call2action #blocks { position: relative; height: 150px; /*z-index: 1054;*/}/*z-index*/ #home #call2action .comparezBlock, #call2action .comparezBlock { /*border: red 1px solid;*/ display: inline; float: left; position: relative; width: 225px; height: 130px; padding: 10px 15px 10px 10px; background: url(/images/bg_comparezBlock_home.png) no-repeat; overflow: visible; /*z-index: 65;*/}/*z-index*/ #home #call2action .comparezBlock h2, #call2action .comparezBlock h2 { margin: 0 0 8px; font-size: 20px; color: #EB1C53; text-align: left; margin-left: 10px; } #home #call2action .comparezBlock p, #call2action .comparezBlock p { margin: 0; font-size: 14px; color: #1c7e99; text-align: left; margin-left: 10px; font-weight: normal } #home #call2action .comparezBlock p.duration, #call2action .comparezBlock p.duration { font-size: 20px; font-weight: bold; color: #fff;text-align: center; } #call2action .comparezBlock p.duration { position: absolute;right: 8px;top:8px; display: block;width: 55px;height: 55px; } #home #call2action #time30, #call2action #time30 { margin: 0 30px 0 70px; background: url(/images/bg_30sec.png) no-repeat; } #call2action #time30 { margin-left: 65px; } #home #call2action #time4, #call2action #time4 {/* top: 0; left: 350px;*/ } #home div.tooltip_content, #comparezstart #call2action div.tooltip_content { /*border: red 1px solid;*/ position: absolute; float: none; width: 230px; height: 80px; margin: 0; padding: 5px; background: url(/images/transparent.gif) repeat; /*background: #fff; border: #016878 1px solid;*/ }/*z-index*/ #comparezstart #call2action div.tooltip_content ul { list-style-type: none; } #home #call2action #time30 div.tooltip_content, #comparezstart #call2action #time30 div.tooltip_content { top: 0; left: 0px; } #home #call2action #time4 div.tooltip_content, #comparezstart #call2action #time4 div.tooltip_content { top: 0; left: 0px; } #home .tooltip, #comparezstart .tooltip { font-size: 12px; color: #000; text-align: left; } #home .tooltip ul, #comparezstart .tooltip ul { margin-bottom: 0; list-style-type: disc; } #home #overlay_bottom { position: absolute; bottom: 1px; left: 0; width: 725px; height: 26px; background: url(/images/back_header_home_bottom.png) no-repeat; /*z-index: 51;*/ }/*z-index*/ #home #content { position: relative; padding: 0 15px 0 15px; width: 672px; /*z-index: 1;*/ }/*z-index*/ #home #content div#logosBanken, /*#home #content div#sfeerbeeld { float: left; width: 215px; }*/ #home #content div.comment { float: left; width: 232px; padding: 4px; border: #016878 1px solid; } /*#home #content #sfeerbeeld { padding-top: 50px; }*/ #home #content #logosBanken img { display: block; margin-bottom: 25px; } #home #content #logosBanken p { margin: 0 0 10px 0; padding: 7px 0 0 22px; background: url(/images/vinkje.gif) 0 4px no-repeat; font-size: 13px; } #home #content img { float: none; margin: 0; } #home #content div.search { clear: both; width: 400px; } #home #content div.search h2 { margin: 0 0 5px 0; } #home #content div.search form { margin: 0; padding-top: 3px; font-size: 12px; } #home #content div.search label { display: block; float: left; width: 120px; } #home #content div.search input { border: 1px solid #40b9cd; margin: 0; float: left; } #home #content div.search input.submit { text-align: center; border: 0; background: url(/images/bg_search_home.gif) no-repeat; width: 24px; height: 24px; font-size: 21px; color: #FFF; padding: 0; margin: -2px 0 0 2px; } #home #content div.comment h2 { text-align: center; } #home #content div.comment ul { list-style: none; margin: 0; } #home #content div.comment ul li { min-height: 24px; font-size: 13px; line-height: 17px; font-weight: bold; padding: 0 0 0 30px; margin: 0 0 5px 0; color: #016878; } #home #content div.comment ul span { display: block; float: left; width: 24px; height: 21px; text-align: center; padding-top: 3px; font-size: 16px; color: #FFF; margin: -7px 5px 0 0; } /*#home #content div.comment ul li.nr1 { color: #df7d1a; } #home #content div.comment ul li.nr2 { color: #eeae1c; } #home #content div.comment ul li.nr3 { color: #44ae7b; } #home #content div.comment ul li.nr4 { color: #5aaebe; }*/ #home #content div.comment ul li.nr1 { background: url(/images/bg_nr1.gif) no-repeat; } #home #content div.comment ul li.nr2 { background: url(/images/bg_nr2.gif) no-repeat; } #home #content div.comment ul li.nr3 { background: url(/images/bg_nr3.gif) no-repeat; } #home #content div.comment ul li.nr4 { background: url(/images/bg_nr4.gif) no-repeat; } #home #navigation { margin: 25px 0 0 0; font-size: 13px; } #home #navigation #overlay { background: url(/images/overlay_navigation_home.png) no-repeat; /*position: absolute; top: 45px; left: 0; width: 701px; height: 26px; z-index: 10;*/ } #home #footer { text-align: center; } /* navigation ------------------------------------------------------------------*/ #navigation { position: relative; height: 60px; } #navigation ul { margin: 0; padding: 0; } #navigation ul li { display: inline; } #navigation ul li a { /*border: 1px solid red;*/ background: url(/images/bg_navigation.png) no-repeat 0 0; height: 40px; display: block; font-weight: bold; text-align: center; padding-top: 15px; margin: 10px 0 0 0; position: absolute; color: #FFF; text-decoration: none; } #navigation ul li a:hover { color: #000; margin: 0; height: 55px; } #navigation ul li#information a { width: 120px; left: 0; color: #fff; background-position: 0 0; } #navigation ul li#information a:hover, #navigation ul li.active#information a { width: 123px; left: 0; background-position: 0 0; z-index: 5; } #navigation ul li#comparez a { width: 117px; left: 120px; color: #fff; background-position: -126px 0; } #navigation ul li#comparez a:hover, #navigation ul li.active#comparez a { width: 122px; left: 118px; background-position: -124px 0; z-index: 5; } #navigation ul li#lettres a { width: 118px; left: 237px; color: #fff; background-position: -249px 0; } #navigation ul li#lettres a:hover, #navigation ul li.active#lettres a { width: 122px; left: 235px; background-position: -247px 0; z-index: 5; } #navigation ul li#questions a { width: 129px; left: 355px; color: #fff; background-position: -373px 0; } #navigation ul li#questions a:hover, #navigation ul li.active#questions a{ width: 133px; left: 353px; background-position: -371px 0; z-index: 5; } #navigation ul li#lexique a { width: 102px; left: 484px; color: #fff; background-position: -508px 0; } #navigation ul li#lexique a:hover, #navigation ul li.active#lexique a { width: 106px; left: 482px; background-position: -506px 0; z-index: 5; } #navigation ul li#forum a { width: 115px; left: 586px; color: #fff; background-position: -616px 0; } #navigation ul li#forum a:hover, #navigation ul li.active#forum a { width: 119px; left: 584px; background-position: -614px 0; z-index: 5; } #navigation ul li.active#information a, #navigation ul li.active#comparez a, #navigation ul li.active#lettres a, #navigation ul li.active#questions a, #navigation ul li.active#lexique a, #navigation ul li.active#forum a { font-size: 14px; color: #FFF; margin: 0; height: 55px; } #navigation #overlay { background: url(/images/overlay_navigation.png) no-repeat; position: absolute; top: 45px; left: 0; width: 701px; height: 26px; z-index: 10; } /* content ------------------------------------------------------------------*/ #spend_save_blocks { position: absolute; top: -212px; left: 300px; width: 350px;/*top: -220px; left: 410px; width: 286px;*/ height: 115px; background: #fff; z-index: 100; } .spend_save { /*border: red 1px solid;*/display: inline; float: left; width: 128px; height: 105px; padding: 5px; font-size: 12px; line-height: 16px; text-align: center; color: #2a725a; } #spend { margin-right: 5px; margin-left: 50px; background: url(/images/hdr_block_spend.jpg) no-repeat; } #save { background: url(/images/hdr_block_save.jpg) no-repeat; } span.euro { display: block; padding: 10px 22px 0 0; font-size: 15px; font-weight: bold; text-align: right; color: #000; } #save span.euro { padding: 10px 0 0 70px; text-align: left; } .error { background: #FFE2E2; color: red; padding: 2px; } .pass { background: #caf0b1; color: green; font-weight: bold; text-align: center; padding: 3px; } .pdf { background: url(/images/icon_pdf.gif) no-repeat; padding-left: 25px; } #content { /*border: red 1px solid;*/ position: relative; width: 652px; padding: 15px 25px 5px 25px; margin: 0 auto; background: #FFF; z-index: 90; } #contentTop, #contentBottom, #contentTopSteps { /*border: red 1px solid;*/ overflow: hidden; display: block; margin: 0 auto; width: 702px; height: 12px; } #contentTop { background: url(/images/content_top.png) no-repeat; } #contentBottom { background: url(/images/content_bottom.png) no-repeat; } #contentTopSteps { background: url(/images/content_top_steps.gif) no-repeat; height: 56px; } h1 { margin: 0 0 10px 0; font-size: 24px; line-height: 26px; font-weight: bold; color: #247A96; } h2 { /*color: #40ab77;*/ color: #EB1C53; font-size: 16px; font-weight: bold; margin: 0 0 15px 0; } h2 span { font-size: 12px; color: #247A96; } #content h2.contacterConseiller { float: left; width: 500px; } #content ul { margin: 0 0 14px 25px; list-style-type: disc; } #content img { float: right; margin: 0 0 15px 15px; } #content img#banqueLogo { float: right; margin: 0 0 15px 15px; } #content .contacterConseillerFieldset { clear: left; } /*#content fieldset { border: 1px solid #dbeffa; } #content fieldset { border: 1px solid #dbeffa; background: #FFF; font: 13px/18px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #016878; padding: 10px; }*/ #content fieldset div { margin: 0 0 3px 0; overflow: hidden; display: block; } #content fieldset div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content fieldset label { /*font-weight: bold;*/ display: block; width: 150px; float: left; color: #000; /*color: #016878;*/ clear: left; } #content fieldset legend { padding: 0 3px; } #content fieldset .value, #content fieldset input, #content fieldset select, #content fieldset textarea { background: #FFF; display: inline; float: none; margin: 0 2px 2px 0; border: 1px solid #40b9cd; } #content fieldset textarea { overflow: auto; } #content fieldset select { width: auto; } #content fieldset input.radio { border: 0; } #country { width: 155px; } #content fieldset#banquefield div.tooltip_content { float: none; left:305px; right: 0; position:absolute; border: none } #content #contactformulier input, #content #temoignagesform input, #content #faqform input { width: 300px; } #content #contactformulier button, #content #temoignagesform button, #content #faqform button, .ask { color: #FFF; letter-spacing: 1px; font-weight: bold; padding: 5px; border: 1px solid #2cc7f4; background: #4cb885 url(/images/bg_h1offrebest.gif) repeat-x; margin-left: 150px; } .ask { background: #f1b429 url(/images/bg_h1offre.gif) repeat-x; border: 1px solid #247A96; text-decoration: none; margin: 0; } #content #contactformulier input#postcode, #content #contactformulier input#nr { width: 50px; } #content #contactformulier input#gemeente, #content #contactformulier input#straat { width: 240px; } dl { overflow: hidden; } dt { float: left; clear: left; width: 170px; margin: 0; padding: 3px 0; color: #EB1C53; font-weight: bold; border-top: 1px dotted #247A96; } dd { float: left; padding: 3px 0; width: 470px; min-height: 18px; border-top: 1px dotted #247A96; } ul#questions { list-style-type: none; margin: 0 0 20px 0; padding: 0 0 15px 0; border-bottom: 1px dotted #ffbe2b; } ul#questions li { background: url(/images/icon_question.gif) no-repeat 0 3px; margin: 0 0 5px 0; padding: 0 0 0 20px; } ul#questions li a { color: #333; text-decoration: none; } ul#questions li a:hover { color: #000; text-decoration: underline; } ul#subnav { color: #EB1C53; margin: 0 0 20px 18px; padding: 0 0 15px 0; } ul#subnav li a { color: #333333; text-decoration: none; font-weight: normal; } ul#subnav li a:hover { color: #000; } .answer, .testimonial { margin: 0 0 20px 0; padding: 0 0 15px 0; border-bottom: 1px dotted #247A96; } a#topLink { padding: 5px 0 0 0; margin: -5px 0 0 0; background: url(/images/icon_top.gif) no-repeat top center; float: right; font-weight: normal; color: #247A96; } a:hover#topLink { color: #000; } .resultat { background: #6dbe45; color: #FFF; padding: 0 2px; } #sitemap ul li a { font-weight: normal; } ul#lettres { list-style: none; margin: 0; } ul#lettres li { margin: 0 0 5px 0; } #content #quellebanqueform_lettrestypes fieldset { margin-bottom: 15px; } #content #quellebanqueform_lettrestypes fieldset legend { margin-bottom: 15px; padding: 0; font-style: italic; } #content #quellebanqueform_lettrestypes fieldset label { width: 250px; margin-right: 10px; } #content #quellebanqueform_lettrestypes fieldset input { width: 250px; } #content #quellebanqueform_lettrestypes fieldset input.radio { width: auto; } table.histoire { border-collapse: collapse; width: 100%; margin: 0 0 15px 0; } table.histoire td, table.histoire th { padding: 3px; } table.histoire th { font-weight: bold; background: #dbeffa } table.histoire td { border: 1px solid #dbeffa; } ul#alphabet { list-style: none; padding: 0; margin: 0 0 15px 0; } ul#alphabet li { display: inline; margin: 0 3px 0 0; } ul#alphabet li a { color: #247A96; border: 1px solid; padding: 2px 4px; text-decoration: none; } ul#alphabet li a:hover { color: #2cc7f4; border: 1px solid; } #concernerblock { position: absolute; top: 0; right: 0; width: 150px; } .lbl_concerner { font-size: 10px; } .profile { display: inline; float: left; width: 125px; height: 110px; padding: 40px 115px 0 10px; font-size: 16px; line-height: 20px; text-decoration: none; } .profile span { font-size: 12px; line-height: 16px; } #comp_20sec { margin: 0 50px 0 60px; background: url(/images/comp_20sec.gif) no-repeat; } #comp_4min { background: url(/images/comp_4min.gif) no-repeat; } #content img.verifierCoord { float: none; margin: 0; vertical-align: middle; } .btn_validez { margin: 10px 0 0 150px; width: 119px; height: 32px; background: url(/images/bg_button_validez.gif) no-repeat; border: none; font-size: 16px; color: #fff; } /* progressbar ------------------------------------------------------------------*/ #progressbar { display: none; position: relative; width: 652px; height: 18px; margin: 0 auto; background: #8bd7e4; } #percentage { position: absolute; top: 0; left: 0; width: 632px; padding: 1px 0 0 20px; font-size: 10px; font-weight: bold; color: #fff; } #percentage span { display: block; float: left; width: 145px; } #percentage span.last { width: 50px; } #progress { position: absolute; top: 0; left: 0; height: 18px; background: #12a8c1; } #progressbar #corner-left { position: absolute; top: 0; left: 0; width: 14px; height: 15px; background: url(/images/corner_left.png) no-repeat; } #progressbar #corner-right { position: absolute; top: 0; right: 0; width: 14px; height: 15px; background: url(/images/corner_right.png) no-repeat; } #progressbar h2 { position: absolute; top: -15px; left: 0; width: 652px; text-align: center; font-size: 16px; color: #3b3b3b; } /* offres ------------------------------------------------------------------*/ .offre, .offreBest { text-align: center; } .offreBest, .offreSelected { } .offre h1, .offreBest h1 { background: #f1b429 url(/images/bg_h1offre.gif) repeat-x; color: #FFF; font-size: 16px; line-height: 20px; text-align: center; margin: 0; } .offreBest h1 { background: #4cb885 url(/images/bg_h1offrebest.gif) repeat-x; } .offre strong, .offreBest strong { font-size: 18px; color: #247A96; } .offreBest strong { color: #2cc7f4; } .offre a, .offreBest a { font-weight: normal; } .fraisNew { width: 125px; } .promo { width: 135px; } .package { width: 180px; } p.packageBanque { font-size: 10px; margin: 0; margin-bottom: auto; margin-top: auto; height:20px; padding:0; } td.promo { /*border: 3px #FEF7E9 solid;*/ } tr.offreBest td.promo { /*border: 3px #F2FBF6 solid;*/ border-left:none; border-right:none; } /*#offresHorizontal { display: none; }*/ #offresHorizontal { margin: /*5px*/ 0 0 0 0; overflow-x: inherit; } #offresHorizontal .offre, #offresHorizontal .offreSelected, #offresHorizontal .offreBest { /*min-height: 250px;*/ /*width: 158px;*/ /*float: left;*/ margin: 0 5px 0 0; } #offresHorizontal .offreSelected { /*min-height: 229px;*/ } #offresVertical .offre, #offresVertical .offreBest { width: 100%; margin: 0 0 15px 0; } #offresHorizontal #relations td { width: 163px; } #offresHorizontal #savings { text-align: center; } #offresHorizontal td.souscrire a { background: url(/images/bg_souscrire.gif) no-repeat; display: block; font-size: 18px; font-weight: bold; margin: 0 0 5px 0; padding: 25px 20px; width: 120px; height: 39px; color: #FFF; } #offresHorizontal .offreBest td.souscrire a { background: url(/images/bg_souscrire_best.gif) no-repeat; } #offresVertical p.souscrire a { display: block; font-size: 18px; font-weight: bold; padding: 20px; color: #e0760f; } #offresVertical .offreBest p.souscrire a { color: #339768; } #offresHorizontal td.souscrire a:hover, #offresVertical p.souscrire a:hover { color: #000; } #waitforresult { text-align: center; font-size: 14px; background: #fff; color: #f60; z-index: 99; width: 655px; height: 1000px; padding-top: 50px; position: absolute; } #waitforresult img { float: none; margin: 20px auto 0 auto;} td.banqueLogo { width: 135px; background-color: white; border-right: 1px solid #b0af6f; border-left: 3px solid #FEF7E9; /*height: 100px;*//*100px*/ } tr.offreBest td.banqueLogo { border-left: 3px solid #F4FCF8; border-right: 1px solid #33ccff; } td.ensavoirplus { font-size: 11px; padding: 0px; background-color: white; } tr.offreBest td.ensavoirplus { } td.ensavoirplus a { text-align:center; text-decoration: none; display: block; color: #bbb980; width:95px; height:16px; background-color: #fff9ed; float:right; font-size:11px; font-weight:normal; } tr.offreBest td.ensavoirplus a { color: #2CC7F4; background-color: #F4FCF8; } #content td img { float: none; margin: 0; } td.etudier, td.parler, td.rencontrer, td.souscrire_en_ligne { border-right: 3px solid #FEF7E9; font-size: 10px; text-align: center; width: 60px; } tr.offreBest td.etudier, tr.offreBest td.parler, tr.offreBest td.rencontrer, tr.offreBest td.souscrire_en_ligne { border-right: 3px solid #f4fcf8; } td.etudier a, td.parler a, td.rencontrer a, td.souscrire_en_ligne a { display: block; margin-left: auto; margin-right: auto; } #etudier { width: 217px; height: 22px; background: url(../images/etudier_1.png) no-repeat; } #etudierspe { width: 217px; height: 22px; background: url(../images/etudierspe_1.png) no-repeat; } #etudier:hover { background: url(../images/etudier_2.png) no-repeat; } #etudierspe:hover { background: url(../images/etudierspe_2.png) no-repeat; } #etudier.bouton_off { background: url(../images/etudier_off.png) no-repeat; cursor:default; } #etudierspe.bouton_off { background: url(../images/etudierspe_off.png) no-repeat; cursor:default; } #souscrire { width: 106px; height: 21px; background: url(../images/souscrire_1.png) no-repeat; float:right; } #souscrire:hover { background: url(../images/souscrire_1.png) no-repeat; } #souscrire.bouton_off { background: url(../images/souscrire_off.png) no-repeat; cursor:default; } #parler { width: 106px; height: 21px; background: url(../images/parler_1.png) no-repeat; float:left; } #parler:hover { background: url(../images/parler_1.png) no-repeat; } #parler.bouton_off { background: url(../images/parler_off.png) no-repeat; cursor:default; } .ligne_boutons { width: 217px; margin-left:auto; margin-right:auto; margin-top: 5px; } tr.offreBest #etudier { background: url(../images/etudier_1_best.png) no-repeat; } tr.offreBest #etudierspe { background: url(../images/etudierspe_1_best.png) no-repeat; } tr.offreBest #souscrire { background: url(../images/souscrire_1_best.png) no-repeat; } tr.offreBest #parler { background: url(../images/parler_1_best.png) no-repeat; } tr.offreBest #etudier.bouton_off { background: url(../images/etudier_off_best.png) no-repeat; } tr.offreBest #etudierspe.bouton_off { background: url(../images/etudierspe_off_best.png) no-repeat; } tr.offreBest #souscrire.bouton_off { background: url(../images/souscrire_off_best.png) no-repeat; } tr.offreBest #parler.bouton_off { background: url(../images/parler_off_best.png) no-repeat; } .ligne_haut { border-top: 3px solid #FEF7E9;border-left: 3px solid #FEF7E9;border-right: 3px solid #FEF7E9; height: 9px; } .ligne_bas { border-bottom: 3px solid #FEF7E9;border-left: 3px solid #FEF7E9;border-right: 3px solid #FEF7E9; height: 9px; } .ligne_haut_best { border-top: 3px solid #f4fcf8;border-left: 3px solid #F4FCF8;border-right: 3px solid #F4FCF8; height: 9px; } .ligne_bas_best { border-bottom: 3px solid #f4fcf8;border-left: 3px solid #F4FCF8;border-right: 3px solid #F4FCF8; height: 9px; } .content_plus { border-left: 3px solid #FEF7E9;border-right: 3px solid #FEF7E9; } tr.offreBest .content_plus { border-left: 3px solid #f4fcf8;border-right: 3px solid #f4fcf8; } td.etudier a { } td.etudier a:hover { } td.parler a { } td.parler a:hover { } td.rencontrer a { background: url(../images/rencontrer_1.png) no-repeat; } td.rencontrer a:hover { background: url(../images/rencontrer_2.png) no-repeat; } td.souscrire_en_ligne a { background: url(../images/souscrire_1.png) no-repeat; } td.souscrire_en_ligne a:hover { background: url(../images/souscrire_2.png) no-repeat; } td.ordre {background-color: #fff; width: 30px; border: 1px #FEF7E9 solid; border-bottom: 1px #FEF7E9 solid; } #offresVertical table { width: 100%; } #offresHorizontal td, #offresVertical td { vertical-align: middle; text-align: center; } td p { margin: 0; padding: 5px 0; } #offresHorizontal th { font-weight: bold; font-size: 11px; color: #666; background-color: white; border-right: solid #EB1C53 1px; } #offresHorizontal th.etudier { border-right: solid white 1px; } #offresHorizontal td.promo, #offresVertical td.promo { background: #FFF; vertical-align: middle; color: #f91c2b; font-weight: bold; line-height: 14px; } #offresHorizontal .promo span, #offresVertical .promo span { font-size: 24px; } #offresHorizontal .promo img, #offresVertical .promo img { display: block; margin: 5px auto; } #offresVertical td { border-right: 3px solid #FFF; } /*#offresHorizontal td { border-bottom: 3px solid #FFF; }*/ #offresHorizontal td.souscrire { background: #FFF; } #offresVertical .banqueLogo { } #offresVertical .fraisNew, #offresVertical .promo { border-bottom: 0; } #offresHorizontal td.fraisNew { border-right: 1px solid #b0af6f; } #offresHorizontal tr.offreBest td.fraisNew { border-right: 1px solid #33ccff; } #offresHorizontal td.promo, #offresHorizontal td.offreSpecs { border-right: 1px solid #b0af6f;/*height: 165px;*//*190px*/ vertical-align: middle; } #offresHorizontal tr.offreBest td.promo, #offresHorizontal tr.offreBest td.offreSpecs { border-right: 1px solid #33ccff; } #offresHorizontal .promo div { /*height: 160px;*//*190px*/ overflow: hidden; } #offresHorizontal .promo p { font-size: 14px; font-weight: normal; margin-bottom: auto; margin-top: auto; overflow:hidden;text-overflow: ellipsis; display:block; width:130px; height:38px; padding-left:5px; line-height:20px; font-style:italic; } #offresVertical td.banqueLogo { height: auto; border-bottom: 0; } #plusOffres { text-align: center; font-weight: bold; } #plusOffres input { width: 20px; } #plusOffres button { background: url(/images/bg_btn_orange.gif) no-repeat; color: #FFF; border: 0; padding: 0; margin: 0 5px; width: 25px; height: 24px; font-size: 24px; line-height: 24px; } a.more { background: url(/images/arrow_orange.gif) no-repeat 0 3px; font-weight: normal; padding: 0 0 0 10px; text-decoration: none; font-size: 10px; color: #666; } .offreBest a.more, .offreSelected a.more { background: url(/images/arrow_green.gif) no-repeat 0 3px; color: #2cc7f4; } a:hover.more { color: #000; text-decoration: underline; } /* graphs ------------------------------------------------------------------*/ #graphs {clear: both;padding-top: 30px;} #graphs h2 { margin: 0; } #graphs img {float: none; margin: 0; } #graphs .ladderTable {margin: 20px auto;} #graphs .ladderTable td.header {padding-bottom: 25px; text-align: center;} #graphs .ladderTable td.right {padding-left: 20px;} #graphs .ladderTable td.left { vertical-align: middle; } #graphs .ladderTable td.left img {display: inline; /*padding-top: 5px;*/} #graphs .compTable {margin: 20px auto;} #graphs .compTable td {padding: 10px; background-color: #FFFFFF;} #graphs .compTable .headerRow {background: #CAE8EA url(/images/bg_header.jpg) no-repeat; border-top: 1px solid #C1DAD7;} #graphs .compTable .first {border-left: 1px solid #C1DAD7;} #graphs .compTable .last {border-right: 1px solid #C1DAD7;} #graphs .compTable .subtotalRow {background-color: #F5FAFA; font-weight: bold; border-top: 1px solid #C1DAD7; } #graphs .compTable .totalRow {background-color: #C83737; color: #FFFFFF; font-weight: bold; border: 1px solid #C1DAD7;} #graphs .compTable .newGroupRow {background-color: #CAE8EA; border-top: 1px solid #C1DAD7; border-left: 1px solid #C1DAD7;border-right: 1px solid #C1DAD7; font-weight:bold; font-style:italic;} .nowrap { white-space: nowrap; } /* offers ------------------------------------------------------------------*/ #comp_fraisBlock { /*position: absolute; top: -215px;top: -215px; left: 24px;*/ width: 652px; margin: 0 0 25px 0; margin-top:0px } .comp_frais_top { width: 652px; height: 15px; background: url(/images/bg_comp_frais_top.gif) no-repeat; overflow: hidden; } .comp_frais_midden { position: relative; width: 646px; min-height: 55px; padding: 0 3px; background: url(/images/bg_comp_frais.gif) repeat-y; } .comp_frais_midden p { margin: 0; padding: 0 20px;/*padding: 0 20px 0 240px;*/ overflow: hidden; } .comp_frais_midden p#comp_frais_annuel { padding: 0 20px;font-size: 14px; font-weight: bold; color: #EB1C53; } .comp_frais_midden p#comp_frais_moins_chere { margin: 2px 0; /*padding: 2px 130px;*/ /*padding: 2px 20px 2px 240px;*/ background: #d3edfa; } .comp_frais_midden span { display: block; float: left; } .comp_frais_midden span.frais { float: right; white-space: nowrap; } .comp_frais_bottom { width: 652px; height: 15px; background: url(/images/bg_comp_frais_bottom.gif) no-repeat; } .comp_frais_midden img { position: absolute; top: 8px; left: 10px; width: 200px; } #goOffers {margin-top: 10px; /*30px*/ /*font-size: large;*/ font-size: large; position:absolute; left:730px; top:110px; } #goOffers p {text-align: center;margin-top: 20px;} #goOffers .comparez_link_blok p { font-size: medium; margin:0; margin-top: 10px; } #goOffers .comparez_link_blok a { display: block; width: 200px; height: 36px; background: url(/images/bg_cliquez_2.gif) no-repeat; color: #fff; font-size: 12px; line-height: 16px; text-decoration: none; text-align: center; margin-top: 10px; } .comparez_link_blok { float: left; width: 200px; margin: 0 20px 0 0; } #goOffers #last { margin-right: 0; } #content .comparez_link_blok input { display: block; margin: 5px 0 0 25px; } /* steps ------------------------------------------------------------------*/ #steps { padding: 10px 0 0 10px; } #steps li { background: url(/images/bg_etape.gif) no-repeat 0 0; display: block; float: left; color: #10a8c0; font-size: 14px; margin: 0 5px 0 0; padding: 6px 0 5px 10px; } #steps li:hover { } #steps li span { padding: 0 12px 0 0; background: url(/images/steps_icon.gif) no-repeat right; } #steps li span.nr { background: none; font-weight: bold; } #steps li.active, #steps li.completed { background: url(/images/bg_etape_active.gif) no-repeat 0 0; color: #016878; } #steps li.active span, #steps li.completed span { background: none; padding: 0 5px 0 0; } #steps li.active span.nr { padding: 0 12px 0 0; } #steps li a { color: #016878; font-weight: normal; text-decoration: none; } #steps li a:hover { color: #000; } #steps li.results { background: none; padding-left: 0; } #prevNext { height: 50px; margin: 5px 0 0 0; } button#precedent, button#suivant, a#imprimer, a#precedent, a#email { color: #FFF; border: 0; font-size: 16px; font-weight: normal; background: #FFF; margin: 0; padding: 0; width: auto; } a#precedent { text-decoration: none; padding: 4px; margin: 2px; background: url(/images/bg_precedent_hover.png) no-repeat; width: 105px; height: 32px; padding: 15px 0 0 55px; position: absolute; left: -26px; } button:hover#precedent, a:hover#precedent { color: #333; background: url(/images/bg_precedent.png) no-repeat; } button#precedent { text-decoration: none; cursor:pointer; padding: 4px; background: url(/images/bg_precedent_hover.png) no-repeat; width: 160px; height: 47px; padding: 0 0 5px 30px; position: absolute; left: -26px; } button#suivant { background: url(/images/bg_suivant_hover.png) no-repeat; cursor: pointer; width: 140px; height: 47px; padding: 5px 30px 0 0; position: absolute; right: -26px; } button:hover#suivant, a:hover#suivant { color: #333; background: url(/images/bg_suivant.png) no-repeat; } a#imprimer { text-decoration: none; background: url(/images/bg_imprimer_hover.png) no-repeat; color: #fff; text-align: right; width: 90px; height: 32px; padding: 15px 50px 0 0; position: absolute; right: -24px; } a:hover#imprimer { color: #EB1C53; background: url(/images/bg_imprimer.png) no-repeat; } a#email { text-decoration: none; background: url(/images/bg_email_hover.png) no-repeat; color: #fff; text-align: right; width: 145px; height: 32px; padding: 15px 55px 0 0; position: absolute; right: 130px; } a:hover#email { color: #EB1C53; background: url(/images/bg_email.png) no-repeat; } p.comparez_texte_profile { text-align: center; } a.profileContinue { display: inline; float: left; width: 375px; height: 37px; margin: 0 0 0 75px; padding: 15px 60px 0 15px; text-decoration: none; background: url(/images/bg_profile_hover.gif) no-repeat; text-align: center; cursor: pointer; color: #fff; } a:hover.profileContinue { color: #333; background: url(/images/bg_profile.gif) no-repeat; } a.profilesTooltip { position: relative; float: left; width: 15px; height: 15px; margin: 16px 0 0 0; padding: 0; background: url(/images/tooltip.gif) no-repeat; text-indent: -9999px; } a.profilesTooltipAct, a.profilesTooltip:hover { background: url(/images/tooltip_hover.gif) no-repeat; } .profilesTooltipContent { clear: both; } .profilesTooltipContent p { width: 445px; margin: 0 0 10px 35px; color: #000; background-color: white; padding: 10px; border: 1px solid #ccc; } .cliquez { margin: 0 0 0 270px; } .cliquez button { float: left; width: auto; height: 40px; background: url(/images/bg_cliquez.gif) no-repeat; border: none; font-size: 16px; color: #fff; cursor: pointer; } .cliquez span { display: block; float: left; width: 10px; height: 40px; background: url(/images/bg_cliquez_end.gif) no-repeat; border: none; color: #fff; } #subcats { padding: 14px 0 0 0; height: 26px; overflow: hidden; white-space: nowrap; position: relative; } #subcats ul { position: absolute; left: 0; } #subcats li { display: inline; color: #10a8c0; font-size: 14px; margin: 0 0 0 0; padding: 7px 0 0 0; } #subcats li span { padding: 0 10px 0 10px; border-right: 1px solid #247A96; } #subcats li.active { font-weight: bold; color: #247A96; } #subcats li a { color: #247A96; font-weight: normal; } #subcats a#moreSubcats { text-decoration: none; position: absolute; top: 0; right: 0; background: #e6ecef; margin: 8px 0 0 0; padding: 6px 5px 6px 10px; font-size: 14px; border-left: 2px solid #FFF; } #subcats a#prevSubcats { text-decoration: none; z-index: 100; position: absolute; top: 0; left: 0; background: #e6ecef; margin: 8px 0 0 0; padding: 6px 5px 6px 10px; font-size: 14px; border-right: 2px solid #FFF; } /* footer ------------------------------------------------------------------*/ #footer { width: 677px; margin: 0 auto; padding: 5px 0 5px 25px; color: #666; font-size: 11px; } #footer a { color: #666; font-weight: normal; } #footer a:hover { color: #016878; } #footer #search { font-size: 11px; float: right; overflow: hidden; } #footer #search input { font-size: 11px; border: 1px solid #ccc; background: #fff; height: 13px; float: left; width: 100px; margin: 1px 0 0 0; } #footer #search label { float: left; padding: 0 5px 0 0; font-weight: bold; } #footer #search input.submit { border: 0; background: none; height: 20px; font-size: 16px; color: #EB1C53; padding: 0 5px; width: auto; margin: -1px 0 0 0; } /* leftnavigation ------------------------------------------------------------------*/ #leftNavigation { width: 135px; position: absolute; left: 0; top: 75px; z-index: 100; margin: 0 0 0 5px; } #leftNavigation ul { padding: 0; margin: 0; width: 138px; list-style-type: none; border: 1px solid #81bd4b; } #leftNavigation ul li { width: 136px; margin: 0; padding: 1px; background: #FFF; } #leftNavigation ul li a { width: 132px; padding: 4px 0 0 4px; display: block; color: #1E2E57; text-decoration: none; font-weight: bold; font-size: 13px; } #leftNavigation ul li a:hover, #leftNavigation ul li a.active { background: #eee; color: #000; } #leftNavigation ul li a.active { background: #c4ec9d; } #leftNavigation ul ul { margin: 0; padding: 0; list-style-type: none; border: 0; } #leftNavigation ul ul li { width: 136px; padding: 0; } #leftNavigation ul ul li img { margin: 0 2px 0 0; } #leftNavigation ul ul li a { width: 127px; padding: 0 0 0 9px; margin: 0 0 0 0; display: block; text-decoration: none; font-weight: normal; font-size: 12px; } #leftNavigation ul ul li a:hover { background: #eee; } /* CMS Preview ------------------------------------------------------------------*/ #CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; } #CMSpreviewBar a { color: #fff; } /* Ajout aurelien ------------------------------------------------------------------*/ #newbottom { margin-left: auto; margin-right: auto; width:702px; } #modedemploi, #baspartenaires { float: left; position: relative; } #modedemploi {margin-right: 10px; } #modedemploi { width: 346px; height: 255px; background: url(/images/fd_bloc_home.png) no-repeat; } #modedemploi h2 {color: white; height: 47px; font: 17px/38px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; text-align: center; background: url(/images/fd_titre_modedemploi.png) no-repeat; } #modedemploi ul { color: #000; font-size: 13px; padding-right: 10px; } #modedemploi ul li { margin-bottom: 10px; min-height: 29px; padding-left: 35px; } #modedemploi ul li.nr1 { background: url(/images/bg_nr1.gif) no-repeat; } #modedemploi ul li.nr2 { background: url(/images/bg_nr2.gif) no-repeat; } #modedemploi ul li.nr3 { background: url(/images/bg_nr3.gif) no-repeat; } #modedemploi ul li.nr4 { background: url(/images/bg_nr4.gif) no-repeat; } #baspartenaires { width: 346px; height: 255px; background: url(/images/fd_bloc_home.png) no-repeat; } #baspartenaires #partenaires { position: absolute; right: 20px; top:20px; } #baspartenaires #sfeerbeeld { position: absolute; top:125px; left: 65px;} #baspartenaires p { margin-left: 15px; } #baspartenaires p span { display: block; margin-left: 15px; margin-top: 10px; color: #247A96; font-size: 17px; font-weight: normal; text-indent: -35px; overflow: hidden; padding-top: 25px; } #baspartenaires p.banques { background: url(/images/chiffre1.gif) no-repeat; } #baspartenaires p.tarifs { background: url(/images/chiffre2.gif) no-repeat; } #tip1, #tip2, #tip3, #tip4, #tip5 { position: absolute; top : 81px; left: 545px; width: 15px; height: 15px; /* overflow: hidden; */} #tip4 { top : 133px; } #tip3 { top : 185px; } #tip1 { top : 237px; } .popup_promo { width:200px; position:absolute; background-color:#FFFFFF; border: 3px solid #CCCCCC; top:0; left:0; padding:5px; } #content .popup_promo img { float:left; } #content .popup_promo p { float:right; text-align:left; height:auto; }