/******** Default rules for tag ********/ *{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} html{text-align:center; background:#232975;} body{position:relative; background:url(../images/bgd_body.gif) repeat-x #FFF; color:#172051; font-size:100%; line-height:1em; font-family:Arial, Verdana, Helvetica, sans-serif;} ol, ul {list-style:none;} table {border-collapse: collapse; border-spacing:0;} h2{font-size:1em; margin: 0 0 10px 0; text-transform:uppercase} h2 span { font-size:1.5em; text-transform:none; color:#232974;} h3{color:#e2373e; font-size:1em;} h3 span { color:#232974; font-size:1.1em; line-height:1.2em; font-weight:normal; margin:5px 0 0 0;} h4{font-size:0.875em; margin:0 0 10px 0;} h5{ font-size:0.875em;} p{font-size:11px; margin:0 0 5px 0;} li {font-size:11px;} dd {font-size:11px;} dt {font-size:11px;} img{behavior:url("css/pngbehavior.htc");} /* PNG transparency in IE6 */ a {text-decoration:none; color:#172051; font-size:1em;cursor:pointer;} a:hover {color:#172051; text-decoration:underline;cursor:pointer;} a:visited{color:#172051;cursor:pointer;} input {background-color:#FFF; border:1px solid #757575;} .over{cursor:pointer;cursor:hand;} /********** Tree of common classes for all the templates ********/ .clear{clear:both; height:0px; font-size:0; line-height:0;} .noFlash { display:none; } .breadcrumb {padding:0 0 20px 0; color:#9596a4; font-size:0.875em;} .breadcrumb li { display:inline; } #content .breadcrumb li a { margin:0 3px 0 0; background:url(../images/bgd_li_breadcrum.gif) right 5px no-repeat; padding:0 10px 0 0; text-decoration:underline; color:#9596a4} .breadcrumb li a:hover { text-decoration:none} .pathway a{font-size:11px;} .infos{font-size:9px; font-style:italic;font-weight:normal;} .introduction{font-weight:bold; width:272px;} .alert{color:#bf111a; clear:both;} .fondsTable{ width:550px; margin:10px 0 5px 0; border-top:1px solid #E8E9EC; border-left:1px solid #C2C5E4; font-size:0.7em; border-collapse:collapse;} .fondsTable td {padding: 0 0 0 2px; border-right:1px solid #CED1E8; border-bottom:1px solid #CED1E8; vertical-align:middle;} .fondsTable td a{ text-decoration:underline; color:#172051; float:left; line-height:15px; font-size:11px;} .fondsTable td a.noline{text-decoration:none;} .fondsTable td input{border:none; background:transparent;} .fondsTable .promoteur a{ text-decoration:none; border-bottom:1px dashed #000; color:#172051;} .fondsTable td .expend{float:right; margin:5px 0 0 0;} .fondsTable th{background:url(../images/bgd_tableTh.gif) top left no-repeat; vertical-align:top; padding: 5px 0 0 3px; border-right:1px solid #ced1e8; border-bottom:1px solid #c6c7cf;} .fondsTable th div{float:left;} .fondsTable th a{ float:right; text-align:right;} .fondsTable .close{ margin:0 0 0 -5px;} .fondsTable .order{ margin:10px 0 0 0;} .fondsTable .columnTitle{height:45px; float:none;} .fondsTable th ul{clear:both; padding:1px 3px 0 3px;} #main .fondsTable th li{font-size:10px; text-align:right;} #main .fondsTable th .first{float:left; width:30px; text-align:left;} #main .fondsTable th select{font-size:11px;} .fondsTable th .select{ height:19px; display:block; margin:2px 0 0 0; font-size:10px; color:#172051; font-weight:bold;} .fondsTable .first{ width:110px;} .fondsTable .promoteur{width:80px;} .fondsTable .secteur{width:60px;} .fondsTable .perf{width:100px;} .fondsTable .perf span {font-size:10px;} .fondsTable .notation{width:80px;} .fondsTable .calculerComparer{width:63px;} .fondsTable .premium {display:inline; float:right; margin:-10px 0 0 0;} .fondsTable .calculerComparer{ background:#E5E5E6; text-align:center;} .fondsTable .calculerComparer img{ margin:0 0 0 5px;} .fondsTable .perf {width:110px;font-size:10px;} .fondsTable .perf span{color:#9596a4; font-size:1em; font-style:italic; width:40px; display:block; float:right; margin:0 3px 0 0; line-height:15px;} .fondsTable .perf span p{color:#9596a4; width:auto; float:none; margin:0;} .fondsTable .perf p{width:32px; font-size:1em; display:block; float:left; margin:15px 0 0 3px; line-height:15px;} .fondsTable .data-grid-container-column-notation{width:74px;} .fondsTable .data-grid-container-column-nomDufond{width:90px; } .fondsTable .data-grid-container-column-promoteur{width:84px;font-size:10px;} .fondsTable .data-grid-container-column-secteurOrigine{width:80px;font-size:10px;} .fondsTable .details { background:#e6e7f1; font-size:1em;} .fondsTable .details h4 { background:#e6e7f1; font-size:1.1em;} .fondsTable .details p {font-size:0.875em; line-height:1.1em;} .fondsTable .details div{ width:315px; padding:0 0 0 20px; float:left; margin:0 10px 0 0;} .fondsTable .details .slider{ text-align:center; width:130px; padding:20px;} .lexique{ font-size:1em; background:url(../images/bgd_lexiqueListe.gif) bottom left no-repeat; width:548px; padding:0 0 20px 0; margin:0 0 10px 0;} .lexique h3 {padding:10px 0 0 10px; background:#fff url(../images/bgd_h3_lexique.gif) top left no-repeat; display:block} .lexique span { color:#172051; display:block; margin:5px 0 0 0;} .lexique ul{ width:236px;} .lexique ul li {display:inline; padding:0 0 0 0;} .lexique ul li.active{ color:#e2373e;} .lexiqueListe {float:left; width:260px; padding:10px 0px 20px 10px; line-height:17px;} .lexiqueListe h4 { font-size:1em;} .lexique .lexiqueListe li.active a {color:#e2373e;} .lexique .lexiqueListe li a { font-size:1em; color:#172051;} .lexiqueDefinition { font-size:1em; background:#232974 url(../images/bgd_lexiqueDefinition.gif) 0 0 no-repeat; color:#FFF; width:253px; float:left; margin:-1px 0 0 0; padding:0 0 0 25px; } .lexiqueDefinition p {font-size:0.7em; background:url(../images/bgd_lexiqueDefiIntro_01.gif) top left no-repeat; padding:0 10px 55px 45px; margin:10px 0 0 -10px; display:block; } .lexiqueDefinition dt {color:#e2373e; font-weight:bold; display:block; padding:0 10px 10px 0; font-size:1em; font-weight:bold} .lexiqueDefinition dd { font-size:0.8em;padding:0 15px 0 0;} .definition{margin:-20px 0 0 0;} #content .print { color:#9596a4; float:right; font-size:11px; background:url(../images/ico_print.gif) 0 0 no-repeat; padding:3px 10px 3px 20px; display:block; clear:both} #content .print a { color:#9596a4; } .comparer {float:right; margin:0 7px 20px 0;} #question {font-size:1.2em; width:530px; margin:0 0 0 10px;} #question h3 { font-size:0.875em;} #question h4 {padding:10px 0 0 3px; font-size:0.7em;} #question dl { width:530px; overflow:hidden;} #question .titleQuestion { font-size:0.55em; margin:0 0 0 0; display:block; width:530px;} #question .contentQuestion div {background: url(../images/bgd_question_dd.gif) left bottom repeat-x; margin:5px 0 5px 20px; padding:10px 0 10px 10px; border:1px solid #bfc3d8; overflow:hidden;} #question a {color:#232974; text-decoration:underline;} .close {float:right; width:12px;} .icoDown { background:url(../images/pic_redArrow2_active.gif) 0 5px no-repeat !important; padding-left:16px;} .icoUp { background:url(../images/pic_redArrow2.gif) 3px 4px no-repeat !important; padding-left:16px;} #contHome {width:735px; position:relative; height:700px; /*overflow:auto;*/} #mainHighlight { width:735px; height:100%; /*overflow:hidden;*/} #mainHighlight #contflash{ width:735px; /*overflow:hidden*/} .mainHighlight{ font-family:Verdana; font-size:0.875em; padding:15px 0 20px 280px;} .mainHighlight a{color:#000; font-weight:bold} .mainHighlight a:visited{color:#000;} .mainHighlight div {padding:5px 5px 0 130px;} .mainHighlight div img { margin:0 0 0 20px;} .mainHighlight ul{margin:10px 0 0 0;} .mainHighlight ul li{background:url(../images/li_puce.png) no-repeat left; margin:0 0 5px 0; padding:0 0 0 20px; font-size:0.8em;} .fondsHome{ margin:0px 0 0 0px;} .fondsHome .right{ float:right; padding: 50px 57px 0 0; width:350px;} .fondsHome .right div{ float:left; padding:0 0 0 55px; } .fondsHome .right .adjust{ padding:52px 0 0 0;} /************* highlight *************************/ .highlight {font-size:0.875em; z-index:100; position:absolute; top:245px; left:5px; background:url(../images/bgd_highlight01.png) no-repeat} .highlight h3{margin:0 0 10px 0;} .highlight p {font-weight:bold; color:#232974; font-size:0.875em; line-height:14px;} .highlight dt {font-size:0.875em;} .highlight dd {font-size:0.875em;} .highlight dd a {font-size:1em;} .highlight li {font-size:0.875em;} .highlight a {font-size:0.875em;} .highlight span{color:#202867;} .highlight div{float:left; margin:0 0 0 5px; padding:47px 0 0 10px; width:220px;} /* culture */ .culture{ } .culture ul {padding:0 0 10px 0;} .culture ul.middle{padding:0;margin:0 0 10px 22px;} .culture ul li {margin:0 0 5px 0;} .culture .lst01 li a {font-size:0.87em; width:180px; color:#000; background:url(../images/ico_01.gif) 0 center no-repeat; padding:5px 0 5px 20px; font-weight:bold; } .culture .lst01 li a:hover { text-decoration:underline} /* firstStep */ .highlight .firstStep{padding:50px 20px 0 15px; width:210px;} .highlight .firstStep li { width:208px; overflow:hidden; clear:both; margin:0 0 20px 0;} .highlight .firstStep li img {float:left;} .highlight .firstStep h4 { font-size:11px; font-weight:bold} .highlight .firstStep h5 {padding:0 0 6px 63px; margin:0; font-weight:bold; color:#232974; line-height:14px;font-size:11px; } .highlight .firstStep p{padding:0 0 0 63px; font-weight:bold; color:#232974; line-height:14px;} .highlight .firstStep ul ul{padding:0 15px 0 63px; font-weight:bold; color:#232974; line-height:14px;} .highlight .firstStep li li{width:112px; overflow:inherit; clear:none; margin:0; padding:2px 0 0 17px; color:#000; background:url(../images/ico_01.gif) 0 3px no-repeat;} .highlight .firstStep li li a{font-weight:bold; font-size:11px;} .highlight .fondsFidelity { padding-right:5px; padding-left:15px; width:200px; overflow:hidden; color:#232974; font-size:11px; } .highlight .fondsFidelity p { padding:0 15px 0 0; font-weight:bold; font-size:11px;} .highlight .fondsFidelity dl{ width:198px; overflow:hidden; line-height:14px; } .highlight .fondsFidelity dt {width:135px; float:left; color:#232974; background:none; padding:0; clear:both;} .highlight .fondsFidelity dt a {color:#232974; font-size:11px; } .highlight .fondsFidelity dd { width:44px; float:left;} .highlight .fondsFidelity .up { background:transparent url(../images/ico_up.gif) no-repeat scroll right 4px; padding:0 16px 0 0; color:#006600;font-size:11px;} .highlight .fondsFidelity .down {background:transparent url(../images/ico_down.gif) no-repeat scroll right 4px; padding:0 16px 0 0; color:red;font-size:11px;} .highlight .fondsFidelity li a {color:#000; background:url(../images/ico_01.gif) 0 3px no-repeat; padding:0 0 0 20px; font-weight:bold; margin:10px 0; display:block; font-size:11px; } /* loginBox */ .loginBox{margin:0 0 5px 0; font-size:1em;} .loginBox form{background:url(../images/bgd_contextualBloc.gif) bottom left no-repeat; padding:3px 10px 7px 10px; width:183px; font-size:0.875em;} .loginBox fieldset{margin: 0 0 5px 0;} .loginBox a {background:url(../images/pic_redArrow.gif) no-repeat 0 5px; padding:0 0 2px 7px; color:#8083c0; float:left; font-size:0.75em;} .loginBox a:visited{color:#8083c0; } .loginBox p{padding:0 0 3px 0; clear:both;} .loginBox label{ float:left; width:85px; font-size:11px; } .loginBox input{height:12px; width:90px;float:left; margin:0 0 5px 0;} .loginBox .submitButton{border:0; background:url(../images/bgd_submitButton_login.gif) top no-repeat; color:#FFF; text-transform:uppercase; font-size:10px; height:16px; width:24px; cursor:pointer; margin:0; float:right; padding:0 2px 5px 0;} .loginBox .unsubmitButton {background:transparent url(../images/bgd_submitButton_logout.gif) no-repeat scroll center top; border:0pt none; color:#FFFFFF; cursor:pointer; float:right; font-size:10px; height:16px; margin:0pt; padding:0pt 2px 5px 0pt; text-transform:uppercase; width:110px;} .contactUs{} .contactUs div{background:url(../images/bgd_contextualBloc.gif) bottom left no-repeat; width:185px; padding:0 10px 10px 10px; margin:0 0 5px 0;} .contactUs ul {margin:0 0 5px 0;} .contactUs li {padding:2px 0 0 0; margin:0 0 0 0; font-size:11px; width:180px; clear:both; vertical-align:top; line-height:1.4em;} .contactUs li img { vertical-align:bottom; float:left; margin:1px 7px 5px 0} .contactUs .phone span { color:#c92b28; font-weight:bolder; font-size:11px;} .contactUs .mail{padding:5px 0 0 0;} .contactUs .mail img{margin:-5px 7px 5px 0;} .testimony{margin:5px 0 5px 0; color:#172051;} .testimony h4{padding:0 0 5px 0; margin:0;} .testimony div{background:url(../images/bgd_contextualBloc.gif) bottom left no-repeat; padding:0 15px 5px 5px; width:185px;} .testimony .entry {padding:0 0 0 5px; margin: 0 0 10px 0; background:none; font-size:0.75em;} .testimony .entry h4 { font-weight:bold; font-size:11px; margin:0;} .testimony .entry li { font-size:11px; clear:both;} .testimony .entry li a {} .testimony .entry span {font-weight:bold;} .testimony .entry div {padding:0; background:none; width:auto;} .testimony .entry img {float:left; padding:0 5px 0 0;} #contextual .testimony ul a {background:url(../images/pic_redArrow2.gif) 0 5px no-repeat; margin:0px 0 0 0; padding:0 0 5px 10px; display:block; color:#172051;} #contextual .testimony ul a:hover{text-decoration:none;} .testimony ul a:visited{color:#172051;} .label{background:url(../images/bgd_contextualBloc.gif) bottom left no-repeat; padding:5px; width:195px; font-size:0.75em; margin:0 0 10px 0;} .label img{ padding:0 0 5px 45px; display:block;} #contextual .label ul a { color:#5E62AD; background:url(../images/pic_boxArrow.gif) 0 2px no-repeat; padding:0 0 5px 20px; margin:0 0 5px 20px; line-height:25px; text-decoration:none;} #contextual .label ul a:visited{color:#5E62AD;} #contextual .label ul a:hover{text-decoration:underline} .label li { font-size:11px; } .proInfo {background:#fff url(../images/bgd_pro_info.gif) 0 0 repeat-x; width:550px; padding:0 0 0 2px; overflow:hidden;} #main .contentInfo{font-size:11px; padding-right:10px;} .proInfo .contentInfo{padding:10px;} .contentInfo h3{font-size:13px; padding:15px 0 5px 0;} .contentInfo h4{font-size:11px; padding:5px 0 0 0; margin:0; font-weight:bold;} .contentInfo li{background:url(../images/bgd_lev2_listeActive.gif) 0 6px no-repeat; padding:0 0 0 10px; overflow:hidden;} .contentInfo p{font-size:11px;} .contentInfo a{text-decoration:underline;} .contentInfo a:hover{text-decoration:none;} #main .contentInfo li{font-size:11px;} .contentInfo table{border-collapse:separate; border-spacing:0; margin:0 0 10px 0;} .contentInfo th{padding:2px 7px; font-weight:bold;} .contentInfo td{padding:2px 7px;} .contentInfo thead th, .contentInfo thead td{background-color:#A6A8BB; color:#FFF; font-weight:bold;} .contentInfo tbody th, .contentInfo tbody td{border-bottom:1px solid #C2C2C2;} .contentInfo h3.imgTrophee{background:url(../images/tropheeOr2011.gif) no-repeat scroll 275px center transparent} .highlightPoint { background:url(../images/bgd_highlight_point.png) 0 0 no-repeat; width:174px; padding:20px; height:266px; float:left} .highlightPoint h3 { color:#e2373e; padding:5px 0 10px 10px;} .highlightPoint li { background:url(../images/pic_redArrow2.gif) 0 5px no-repeat; padding:0 0 0 10px; font-size:11px;} .chart { width:330px; float:right; padding:20px 0 0 0;} .chart dl{margin:0 0 10px 0; font-weight:bold;} .chart dt{padding:0 5px 0 5px; float:left; clear:both; font-weight:bold;} .chart dd{margin:0 0 0 5px; font-weight:normal;} .prudentCont {width:280px; padding:5px; float:left; font-size:1em;} .prudentCont p { font-size:0.8em;} .prudentCont h3 { color:#172051; font-size:0.9em; padding:0 0 5px 0; } .prudentCont img { margin:10px 0 0 0;} .prudentNote { background:url(../images/bgd_prudent_note.gif) 0 0 no-repeat; width:220px; float:left; margin:0 0 0 0; padding:25px 20px 20px 10px; height:270px; font-size:11px;} .prudentNote h3{font-size:13px;} .prudentNote h3 span { display:block; color:#262f5d; font-weight:bold; padding:0 0 5px 0; font-size:1em;} .prudentNote p { font-size:11px;} .prudentNote p a { font-size:1em; background:url(../images/pic_redArrow2.gif) 0 5px no-repeat; padding:0 0 0 12px; text-decoration:underline} .prudentNote p a:hover { text-decoration:none;} .tblChiffres { border-left:1px solid #b1b4d3; border-right:1px solid #b1b4d3; border-bottom:1px solid #b1b4d3; color:#172051; font-size:0.75em;} .tblChiffres caption { text-align:left; font-size:12px; font-weight:bold; color:#e2373e; padding:0 0 5px 10px;} .tblChiffres tbody {} .tblChiffres th { background:url(../images/bgd_th_tbl_chiffres.gif) 0 top repeat-x #D4D8F5; padding:5px 10px; font-weight:normal} .tblChiffres td { background:url(../images/bgd_tbl_chris_td.gif) 0 0 repeat-x; padding:5px 10px;} .tblChiffresSub { width:340px; font-size:0.6875em; float:left} .tblChiffresSub td, th { padding:3px 10px; text-align:left; font-weight:normal; border-bottom:1px solid #e7e8ed;} .highlightButton { background:url(../images/bgd_high_button.gif) 0 0 no-repeat; width:183px; font-size:1em; height:63px; overflow:hidden; padding:10px 10px 10px 20px; position:relative; left:-10px; top:10px; } .highlightButton li { width:140px; overflow:hidden} .highlightButton a { color:#172051; text-decoration:underline} .highlightButton a:hover { text-decoration:none} .highlightButton .calculez { background:url(../images/ico_calculaz.gif) 0 0 no-repeat; padding:0 0 0 40px} .highlightButton .acrobat { background:url(../images/ico_acrobat.gif) 16px 0 no-repeat; padding:0 0 0 40px} .highlightButton .notacrobat { padding:0 0 0 40px} .blockNote { display:block; clear:both; color:#7782ba; font-size:0.875em; padding:10px 0; border-bottom:1px solid #c2c5e4;} .decouvrezCover { background:url(../images/bgd_hightlight_decouver_top.gif) 0 0 no-repeat; width:206px; padding:10px 0 0 0; float:right; margin-top:-30px; margin-right:20px;} .decouvrez { background:url(../images/bgd_highlight_decouver.gif) 0 bottom no-repeat; width:186px; padding:0 0 10px 20px;} .decouvrez p { font-size:11px;} .decouvrez h3 { background:url(../images/bgd_h4_unfond.gif) 0 0 no-repeat; padding:3px 20px 7px 40px; font-size:12px; color:#e2373e;} .decouvrez li { background:url(../images/pic_boxArrow.gif) 0 3px no-repeat; width:160px; padding:0 0 3px 18px; font-size:11px;} .decouvrez li a { color:#172051; font-size:11px;} .prudent h4 { background:url(../images/bgd_h4_prudent.gif) 0 0 no-repeat; padding:0 10px 20px 60px; color:#e2373e;} .highlightProfitCover {clear:both; font-size:1em; background:url(../images/bgd_highlight_profit.gif) 0 bottom no-repeat; width:548px; padding:0 0 15px 0; overflow:hidden; margin:0 0 20px 0;} .highlightProfit { background:url(../images/bgd_highlight_profit_top.gif) 0 0 no-repeat; width:528px; padding:5px 10px 0 10px; overflow:hidden} .highlightProfit .col1 { text-align:center; width:188px; float:left; padding:10px 0 0 0;} .highlightProfit .col1 img { display:block; margin:0 auto; padding:2px 0;} .highlightProfit h3 { float:right; width:300px; margin:30px 30px 25px 0; clear:right; text-transform:uppercase; font-size:0.9em; font-weight:bold; line-height:1.2em;} .highlightProfit p {text-align:right; width:200px; float:right; margin-right:20px; } .highlightProfit p a { font-size:0.9em; background:url(../images/pic_redArrow2.gif) 0 4px no-repeat; padding:0 0 0 10px; color:#172051; text-decoration:underline;} .highlightProfit p a:hover { text-decoration:none} .expertiseReconnue { font-size:0.9em; background:url(../images/bgd_expertise_reconnue.gif) 0 bottom no-repeat; width:269px; overflow:hidden; padding:0 0 10px 0; float:left; margin:0 9px 0 0;} .expertiseReconnue h3 {padding:9px 0 0 7px; background:#fff url(../images/bgd_h3_assurance.gif) top left no-repeat; display:block; width:259px; font-size:13px;} .expertiseReconnue div { padding:20px 40px;} .expertiseReconnue div img { margin:0 0 5px 0;} .expertiseReconnue #noUnderline{ text-decoration:none;background:none;padding:0} .expertiseReconnue #noUnderline a{ text-decoration:none;background:none;padding:0} .expertiseReconnue div p a{background:url(../images/pic_redArrow2.gif) 0 4px no-repeat; padding:0 0 0 10px;} .expertiseReconnue div p a {color:#172051; text-decoration:underline;} .expertiseReconnue div p a:hover { text-decoration:none} .h3Style01 h3 {padding:9px 0 0 7px; background:#fff url(../images/bgd_h3_assurance.gif) top left no-repeat; display:block; width:259px;} .adhesion { font-size:0.9em; background:url(../images/bgd_adhesion.gif) 0 bottom no-repeat; width:335px; overflow:hidden; padding:0 0 10px 0; float:left; margin:0 9px 20px 0;} .adhesion h3 {padding:9px 0 0 10px; background:#fff url(../images/bgd_h3_adhesion.gif) top left no-repeat; display:block; width:335px;} .adhesion div { padding:30px 40px 30px;} .adhesion .offre{ padding:0px; margin:8px 0 0 18px; width:300px; background:url(/images/bgd_offre.jpg) no-repeat 26% 52%;} .adhesion .offre .adjust{padding:17px 0 0 5px} .adhesion .offre .position{padding:11px 0 0 53px; width:180px;} .adhesion .offre .bottom{ margin:98px 0 0 33px} .adhesion .offre .bottom01{margin:0px 0 0 33px;} .adhesion div img { margin:0 0 5px 0;} .adhesion .padTop { padding:16px 0 0 0;} .adhesion li { background:url(../images/pic_redArrow2.gif) 0 5px no-repeat; border:1px solid #FFF; padding:0 0 5px 10px;} .adhesion li a{text-decoration:underline;} .mention{ overflow:hidden; width: 589px; padding:0 0 17px 4px;} .marketDigest { font-size:0.9em; background:url(../images/bgd_market_digest.gif) 0 bottom no-repeat; width:310px; padding:0 0 10px 0; overflow:hidden; float:left; margin:0 9px 0 5px;} .marketDigest h3 {width:290px; padding:9px 0 4px 20px; background:#fff url(../images/bgd_h3_market_digest.gif) top left no-repeat; display:block; } .marketDigest h4 { font-size:1em; color:#e2373e; font-weight:bold;} .marketDigest div { width:284px; padding:10px 13px;} .marketDigest div img { float:left; margin:0 10px 10px 0;} .marketDigest li a {font-size:0.95em; background:url(../images/pic_redArrow2.gif) 0 4px no-repeat; padding:0 0 0 10px; color:#172051; text-decoration:underline;} .marketDigest div a:hover { text-decoration:none} .marketDigest ul { display:block; clear:both} .marketDigest li { line-height:12px;} .leBlog { font-size:0.9em; background:url(../images/bgd_le_blog.gif) 0 bottom no-repeat; width:192px; display:block; overflow:hidden; float:left; padding:0 0 10px 0; margin:0 0 0 8px;} .leBlog h3 {width:172px; padding:9px 0 4px 20px; background:#fff url(../images/bgd_h3_leblog.gif) top left no-repeat; display:block;} .leBlog div { width:166px; padding:10px 13px;} .leBlog div img { float:left; margin:0 10px 10px 0;} .leBlog li a {font-size:0.95em; background:url(../images/pic_redArrow2.gif) 0 4px no-repeat; padding:0 0 0 10px; color:#172051; text-decoration:underline;} .leBlog div a:hover { text-decoration:none} .leBlog ul { display:block; clear:both} .leBlog li { line-height:12px;} .leBlog .price { font-size:2em; color:#2d376b; font-weight:bold; padding:16px 0 0 0;} .leBlog span { background:#d7dbf5; padding:2px 5px; display:block; clear:both; font-size:0.8em; line-height:12px;} .choisissez { font-size:0.9em; background:url(../images/bgd_choississer_bottom.gif) 0 bottom no-repeat; width:551px; overflow:hidden; padding:0 0 25px 0; margin:0 0 0 8px;} .choisissez h3 { background:#fff url(../images/bgd_choississer_h3.gif) top left no-repeat; display:block; width:551px; padding:11px 0 0 10px;} .choisissez.style01 h3 {background:#fff url(../images/bgd_choississer_h3_02.gif) top left no-repeat; display:block; width:551px; padding:11px 0 0 10px;} .choisissez div { padding:20px 40px;} .choisissez div p { padding:10px 0 0 0;} .choisissez div img { margin:0 23px 0 0; float:left} .choisissez div p a {background:url(../images/pic_redArrow2.gif) 0 4px no-repeat; margin:10px 0 0 0; text-align:right; float:right; padding:0 0 0 10px; color:#172051; text-decoration:underline;} .choisissez div p a:hover { text-decoration:none;} .blockEtape { background:url(../images/bgd_etape_suivante.gif) 0 0 no-repeat; width:612px; border-bottom:1px solid #d4d8f5; padding:60px 10px 0px 10px; margin:0 0 10px 0; font-size:1em;} .blockEtape ul { padding:10px 0 30px 40px;} .blockEtape h3 { font-size:2em; line-height:0.7em; margin:0 0 20px 0;} .blockEtape h3 span { font-size:0.4em; color:#172051; display:block} .blockEtape li { border:0 none; font-size:0.7em; padding:4px 0; width:380px; overflow:hidden;} .blockEtape li input { width:30px; float:left} .blockEtape li label { width:350px; float:right} .blockEtape input { border:0 none} .blockEtape .btnEtape { margin:0 0 0 150px;} .hightLightCoordonnees { background: #ffffff url(../images/bgd_highlight_coor.gif) 0 bottom repeat-x; width:675px; padding:20px 30px 20px 30px; overflow:hidden} .hightLightCoordonnees h2 { width:400px;} .hightLightCoordonnees h2 span { display:block; padding:20px 0 0 0;} .hightLightCoordonnees ul { float:right; padding:20px 0 0 0;} .etape { background:#ffffff url(../images/bgd_tape.gif) 0 0 repeat-x; width:735px;} .etape ul { width:655px; padding:1px 40px 0 30px;} .etape li { display:inline; margin:0 70px 0 0;} .etapeVosCoor h3 { background:#ffffff; display:block; padding:5px 0 5px 30px; border-bottom:1px solid #bfc3d8;} .frmVosCoordonnee { background: #ffffff url(../images/bgd_form_coor.gif) 0 0 repeat-x; width:615px; padding:20px 10px 20px 110px;} .frmVosCoordonnee .label_droite {clear:none;float:none;} .frmVosCoordonnee .radio_horizontal {font-size:12px;font-weight:bold;margin:0 0 10px;width:600px;} .frmVosCoordonnee a{text-decoration:underline;} .frmVosCoordonnee a:hover{text-decoration:none;} .frmVosCoordonnee .btnValider { border:0; width:249px; height:22px; margin:0 0 0 180px;} .frmVosCoordonnee .btnValider2 {border:0pt none;height:22px;margin:0pt 0pt 0pt 180px;width:86px;} .frmVosCoordonnee p {overflow:hidden; margin:0 20px 8px 0; vertical-align:middle} .frmVosCoordonnee label { width:156px; float:left; font-size:11px; clear:both;} .frmVosCoordonnee input { width:190px; color:#182051; margin:0 8px 0 0; float:left; padding:1px 5px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;} .frmVosCoordonnee textarea { width:190px; color:#182051; margin:0 8px 0 0; float:left; padding:1px 5px; font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #A5ACB2;} .frmVosCoordonnee input.input_tab{width:30px;float:none;} .frmVosCoordonnee .table_fonds{font-size:0.85em;border:1px solid #CED1E8;} .frmVosCoordonnee .table_fonds td, .frmVosCoordonnee .table_fonds th{padding:5px 2px;border:1px solid #a5acb2;} .frmVosCoordonnee .table_fonds .promoteur, .frmVosCoordonnee .table_fonds .categ, .frmVosCoordonnee .table_fonds .isin{width:97px;} .frmVosCoordonnee .table_fonds .name{width:190px;} .frmVosCoordonnee th.name{width:162px;} .frmVosCoordonnee td.name{width:162px;} .frmVosCoordonnee select { width:202px; margin:0 8px 0 0; color:#182051; background:#fff; float:left; border:1px solid #a5acb2; padding:1px 0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;} .frmVosCoordonnee .select01 { width:50px;} .frmVosCoordonnee .select02 { width:87px;} .frmVosCoordonnee .select03 { width:52px;} .frmVosCoordonnee .select04 {width:40px;} .frmVosCoordonnee .select05 { width:17px;} .frmVosCoordonnee span { color:#bf111a; font-size:0.8em; vertical-align:middle; display:block; width:155px; float:left; font-size:11px; } .frmVosCoordonnee img { float:left} .frmVosCoordonnee h2{margin:20px 0 10px 0; text-transform:none; font-size:13px; clear:both;} .frmVosCoordonnee h3 {font-size:11px; color:#172051; clear:both;} #main .check_radio{border:none; background-color:transparent;} #informations_civilite input{border:0; background-color:transparent;} #accepte_mail label{width:342px;} #accepte_mail input{border:0; background-color:transparent; float:left; width:auto;} .frmVosCoordonnee span a{color:#d5a649; text-decoration:underline;} .frmVosCoordonnee span a:hover{text-decoration:none;} .download{text-align:center;} .download img{float:none;} .frmVosCoordonnee ul{margin:0 0 15px 0;} .frmVosCoordonnee li{background:url(../images/bgd_lev2_listeActive.gif) 0 6px no-repeat; padding:0 0 0 10px; overflow:hidden;} .frmVosCoordonnee table{border-collapse:separate; border-spacing:0; margin:0 0 10px 0; font-size:11px; width:90%;} .frmVosCoordonnee th{padding:2px 7px; font-weight:bold;} .frmVosCoordonnee td{padding:2px 7px;} .frmVosCoordonnee thead th, .frmVosCoordonnee thead td{background-color:#A6A8BB; color:#FFF; font-weight:bold;} .frmVosCoordonnee tbody th, .frmVosCoordonnee tbody td{border-bottom:1px solid #C2C2C2;} .frmVosCoordonnee table input { width:190px; margin:0; float:none;} .frmVosCoordonnee table label {float:none;} .frmVosCoordonnee table .check_radio{margin:0 0 -2px 0;} .frmVosCoordonnee table a{text-decoration:underline;} .frmVosCoordonnee table a:hover{text-decoration:none;} .valeurFond{text-align:right; width:300px;} .frmVosCoordonnee dl{width:360px; margin:10px 0 0; overflow:hidden; border:1px solid #A6A8BB;} .frmVosCoordonnee dt{font-weight:bold; clear:both; float:left; display:block; padding:2px 5px; width:200px;} .frmVosCoordonnee dd{display:block; float:left; text-align:right; width:140px; padding:2px 5px; } .frmVosCoordonnee dd span{display:inline; width:auto; margin:auto; float:none; vertical-align:inherit;} .resume dl{border:none; border-bottom:1px solid #A6A8BB; margin:0;} .blockInfo {} .blockInfo img { margin:5px 5px 8px 0; float:left} #lev2 .blockInfo li {font-weight:normal; margin:0 0 5px 0; background:none; padding:0; font-size:0.8em;} .blockInfo li a {text-decoration:underline; display:block; clear:right; padding:0 0 4px 0; font-size:1.1em;} .blockInfo li a:hover { text-decoration:none} .businessLab{float:right; padding:0 10px 0 0;} /********** Tree of common styles (ID) for all the templates ********/ #pageBody{width:955px; margin:auto; text-align:left; background:url(../images/bgd_main_01.gif) no-repeat 0 bottom #FFF;} #main {width:743px; float:left; text-align:left; clear:left; } .home #pageBody{background:url(../images/bgd_main_02.gif) repeat-y #FFF;} #main.myplan{width:955px;} .iframe{background:#FFF;} .iframe #main{background:url(../images/bgd_main_01.gif) no-repeat 0 bottom #FFF;} #masthead {overflow:hidden; background:#172051 url(../images/bgd_masthead.gif) top left repeat-y; width:735px; } #masthead h1{float:left;padding:15px 0 23px 12px; width:40%;} #masthead p{float:right; width:40%; padding:35px 20px 0 0; text-align:right;} #lev1 {clear:both; background:#f5f7fd; width:735px; height:25px;} #lev1 ul { width:735px; overflow:hidden; padding:0;} #lev1 li {float:left; color:#232974;} #lev1 li a { font-weight:bold; font-size:11px; display:block; margin:6px 0 0 0;} #lev1 .active { color:#fff;} #lev1 .li01 { width:78px; text-align:center; margin:0 0 0 3px;} #lev1 .li02 { width:102px; text-align:center;} #lev1 .li03 { width:128px; text-align:center;} #lev1 .li04 { width:147px; text-align:center;} #lev1 .li05 { width:75px; text-align:center;} #lev1 .li06 { width:85px; text-align:center;} #lev1 .li07 { width:104px; text-align:center;} #lev1 .act01 { background:url(../images/bgd_lev1_act_01.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .act02 { background:url(../images/bgd_lev1_act_02.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .act03 { background:url(../images/bgd_lev1_act_03.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .act04 { background:url(../images/bgd_lev1_act_04.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .act05 { background:url(../images/bgd_lev1_act_05.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .act06 { background:url(../images/bgd_lev1_act_06.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .act07 { background:url(../images/bgd_lev1_act_07.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .act08 { background:url(../images/bgd_lev1_act_08.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .accueil { background:url(../images/bgd_lev1_act_01.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .lassurance_vie { background:url(../images/bgd_lev1_act_02.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .les_plus_de_fidelity_vie{ background:url(../images/bgd_lev1_act_03.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .solutions_clefs_en_main { background:url(../images/bgd_lev1_act_04.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .solutions_personnalisees { background:url(../images/bgd_lev1_act_04.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .les_fonds { background:url(../images/bgd_lev1_act_05.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .simulations { background:url(../images/bgd_lev1_act_06.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .parole_de_gerants { background:url(../images/bgd_lev1_act_07.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .pages_autres { background:url(../images/bgd_lev1_act_09.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 a.active_menu{ color : #ffffff;} #lev1 .accueil .li01 a{ color : #ffffff;} #lev1 .lassurance_vie .li02 a{ color : #ffffff;} #lev1 .les_plus_de_fidelity_vie .li03 a{ color : #ffffff;} #lev1 .solutions_personnalisees .li04 a{ color : #ffffff;} #lev1 .les_fonds .li05 a{ color : #ffffff;} #lev1 .simulations .li06 a{ color : #ffffff;} #lev1 .parole_de_gerants .li07 a{ color : #ffffff;} #lev1 .les_plus_fidelity { background:url(../images/bgd_lev1_act_03.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .solutions_personnalisees { background:url(../images/bgd_lev1_act_04.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .les_fonds { background:url(../images/bgd_lev1_act_05.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .simulations { background:url(../images/bgd_lev1_act_06.gif) 0 0 no-repeat; width:735px; height:25px;} #lev1 .parole_de_gerants { background:url(../images/bgd_lev1_act_07.gif) 0 0 no-repeat; width:735px; height:25px;} /*****illusnav *******/ .illusnav{ width:735px; height:182px; background:url(/images/bgd_inscription.jpg) no-repeat; } .illusnav .contpromo{ float:right;} .illusnav .contpromo div{ width:365px} .illusnav .contpromo .position{ padding: 19px 25px 0 0px;} .illusnav .contpromo .position01{padding: 0 0px 24px 7px;} .illusnav .contpromo .position02{padding: 20px 0 0 36px} /***** lev2 *******/ #lev2{ width:160px; float:left; padding:10px 0 10px 0; font-size:0.8em; } #lev2 h3{padding:0px 5px;} #lev2 h3 a{font-size:14px; font-weight:bold; color:#E2373E;text-decoration:none;} #lev2 h3 a:hover{font-size:14px; font-weight:bold; color:#E2373E;text-decoration:none;} #lev2 a:hover{text-decoration:underline;} #lev2 table { font-weight:bold; width:150px; margin:20px 0 0 3px;} #lev2 ul { padding:20px 0 0 0; font-weight:bold; width:150px; margin:0 0 0 5px;} #lev2 li { width:140px; padding:0 0 7px 10px; background:url(../images/bgd_lev2_liste.gif) 0 4px no-repeat; line-height:1em;} #lev2 li.active { background:url(../images/bgd_lev2_listeActive.gif) 0 4px no-repeat; padding:0 0 7px 10px; } #lev2 li.active a {color:#e2373e;} #lev2 li a {color:#172051;} #lev2 form {padding:30px 0 0 0;} #lev2 fieldset { padding:10px 0px 5px 5px; border-top:1px solid #FFF;} #lev2 .first { border:none;} #lev2 fieldset ul { padding:0;} #lev2 fieldset li { width:145px; overflow:hidden; display:block; background:none; padding:3px 0; clear:both;text-transform:uppercase} #lev2 fieldset li label { color:#172051; font-weight:bold; font-size:1em; width:130px; float:right; vertical-align:top; } #lev2 fieldset li input {border:none; background:transparent; padding:0; margin:0; width:12px; float:left; vertical-align:top; height:12px;} #lev2 .submit { background:url(../images/bgd_btn_rechercheFond.gif) top no-repeat; border:none; text-transform:uppercase; color:#E3434B; font-weight:bold; font-size:0.75em; width:159px; height:50px; padding:0 0 20px 0; cursor:pointer;} #lev2 .submit02 { background:url(../images/bgd_btn_rechercheFond_02.gif) top no-repeat; color:#e2373e; border:none; text-transform:uppercase; color:#E3434B; font-weight:bold; font-size:0.8em; width:131px; height:43px; padding:10px 0 20px 30px; cursor:pointer;} #lev2 .submit02 a {color:#e2373e;} #lev2 .btnGerants { background:url(../images/bgd_btn_rechercheFond.gif) top no-repeat; border:none; text-transform:uppercase; color:#E3434B; font-weight:bold; font-size:0.875em; width:159px; height:50px; margin:20px 0 0 0; padding:10px 0 20px 0; cursor:pointer;} #lev2 h4 {font-size:0.75em;} #lev2 td.lev2_menu{padding: 0pt 0pt 5px 15px; background: transparent url(../images/bgd_lev2_liste.gif) no-repeat scroll 5px 4px; font-size: 11px; font-weight: bold;} #lev2 td.lev2_menu a{font-size: 11px; font-weight: bold; color:#172051;} #lev2 td.lev2_menu a.active_menu{font-size: 11px; font-weight: bold; color:#E2373E;} /******** content ********/ #content { float:left; width:557px; padding:10px 0 20px 15px; font-size:1em;} .bgParoles { background:url(../images/bgd_content_paroles.gif) right top no-repeat; width:560px; padding:0 0 10px 0; } .bgParoles h3{padding:0 150px 0 0;} #main.myplan #content{width:780px; background:#ffffff;padding:0pt 0px 75px 10pt;} #content p { } #content ul li{margin:0 0 5px 0; font-size:0.8em} #contextual{ width:210px; float:left; padding:4px 0 10px 2px; color:#5f64af; text-align:center;} #contextual a{color:#5f64af; text-decoration:underline;} #contextual a:hover{text-decoration:none;} #contextual div{text-align:left;} .imgContext{margin:-3px 0 0 0} #contextual h3{padding:0 0 0 10px; height:32px; text-transform:uppercase; color:#232974; font-size:0.9em; background:url(../images/bgd_h3_contextual.gif) top left no-repeat;} #contextual h3 img{margin:10px 0 0 0;} /******** footer ********/ #footer{ text-align:left; background:url(../images/bgd_footer.jpg) top repeat-x #232974; color:#7a80cc; padding:5px 0 20px 10px; font-size:0.875em;} #footer a {color:#7a80cc;} #footer ul { padding:0; width:955px; margin:auto;} #footer ul ul{width:auto; margin:0;} #footer li { font-size:0.875em; float:left; width:138px; padding:0 0 0 5px; border-left:1px solid #303681; margin:10px 0 10px 0; font-weight:bold;} #footer li li {font-size:0.9em; margin:0 0 4px 0; background:url(../images/li_footer.gif) no-repeat 0 6px; padding:0 0 0 7px; border:0; font-weight:normal;width:125px;} #footer li li li {font-size:1em; background:url(../images/li_li_footer.gif) no-repeat 0 6px; font-weight:normal;padding:0 0 0 7px; border:0; margin:0;} #footer .first { border:none;} #footer div { color:#fff; margin:30px 0 0 0; font-size:0.65em; width:955px; margin:auto;} #footer div a{margin:0 0 0 10px; color:#FFF; text-decoration:none;} #footer div a:hover{text-decoration:underline;} #footer div a img{vertical-align:middle; margin:-10px 0 0 5px;} /******** Tree of specific styles (ID) for each page (group by templates, starting with the homepage) ********/ #proTab { margin:20px 0 0 0; width:552px; overflow:hidden; font-size:0.875em;} #themePar { overflow:hidden; margin:10px 0 0 0; height:31px; background:url(../images/bgd_themePar.gif) repeat-x 0 30px;} #themePar li { float:left; text-align:center; font-weight:bold;} #themePar a { color:#6e7497; font-size:12px; padding:12px 0 0 0; height:18px; display:block;} #themePar a:hover{text-decoration:underline;} .tabHide {display: none !important;} #themePar .tab01 { background:url(../images/bgd_tab1.gif) 0 0 no-repeat; width:135px; color:#6e7497;} #themePar .tab02 { background:url(../images/bgd_tab2.gif) 0 0 no-repeat; width:164px; color:#6e7497;} #themePar .tab03 { background:url(../images/bgd_tab2.gif) 0 0 no-repeat; width:164px; color:#6e7497;} #themePar .tab04 { background:url(../images/bgd_tab4.gif) 0 0 no-repeat; width:200px; color:#6e7497;} #themePar .tab05 { background:url(../images/bgd_tab5.gif) 0 0 no-repeat; width:220px; color:#6e7497;} #themePar .tab01 a.active { background:url(../images/bgd_tab1_active.gif) 0 0 no-repeat; color:#333b68; width:135px; display:block; float:left;} #themePar .tab02 a.active { background:url(../images/bgd_tab2_active.gif) 0 0 no-repeat; color:#333b68; width:164px; display:block; float:left;} #themePar .tab03 a.active { background:url(../images/bgd_tab2_active.gif) 0 0 no-repeat; color:#333b68; width:164px; display:block; float:left;} #themePar .tab04 a.active { background:url(../images/bgd_tab4_active.gif) 0 0 no-repeat; color:#333b68; width:200px; display:block; float:left;} #themePar .tab05 a.active { background:url(../images/bgd_tab5_active.gif) 0 0 no-repeat; color:#333b68; width:220px; display:block; float:left;} .lstHighlight { margin:30px 0 0 20px; font-size:1em;} .lstHighlight dl { width:380px; overflow:hidden; margin:0 0 15px 0;} .lstHighlight dt { width:74px; float:left;} .lstHighlight dd { width:305px; float:right; font-size:1em;} .lstHighlight h5 { color:#e2373e; font-size:0.8em;} .sendEmail { background:url(../images/ico_mail.gif) 0 30px no-repeat; width:428px; padding:30px 0 10px 98px; margin:0 0 0 20px; border-bottom:1px solid #c7cada;} .sendEmail .btnOk { width:auto; border:0 none; margin:0 0 -3px 0;} .sendEmail input { width:206px; border:1px solid #a5acb2;} .sendEmail h3 {padding:0 100px 10px 0;} .sendEmail label{font-size:13px;} #flashObject{overflow:hidden; width:775px;} #highlightSavoirPlus {width:644px;background:url(../images/bgd_highlightSavoirPlus.jpg) no-repeat;padding:22px 8px 24px 25px;margin:0 0 10px 0;} #highlightSavoirPlus h2 { width:400px;} #highlightSavoirPlus h2 span { display:block; padding:0;} #highlightSavoirPlus ul { float:right; padding:20px 0 0 0;} #contflash{position:relative;} #contflash #layerHomeConditions{position:absolute;bottom:55px;right:34px;display:none;} #contflash #layerHomeConditions .contLayer{position:relative;} #contflash #layerHomeConditions #closeLayer{position:absolute;top:15px;right:11px;}