/*************************************************************************************************************************************************************************/ /* FONT-FACE */ /*************************************************************************************************************************************************************************/ @font-face { font-family: 'MyriadCond'; src: url('MYRIADC.eot'); src: url('MYRIADC.eot?#iefix') format('eot'), url('MYRIADC.woff') format('woff'), url('MYRIADC.ttf') format('truetype'), url('MYRIADC.svg#webfontDweWyizo') format('svg'); font-weight: normal; font-style: normal; } /*************************************************************************************************************************************************************************/ /* Redefinitions des balises HTML */ /*************************************************************************************************************************************************************************/ *{margin:0;padding:0;background-repeat:no-repeat;} /* background no-repeat pour FCKeditor */ body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:11px/1.2em Arial, Helvetica, Sans-serif;font-weight:normal;color:#666;} #ctl00_ContenuPage_btnTrouveRelais{bottom:0;position:relative;} img{border:0} .txtImg{display:block;text-indent:-3000px;height:0;line-height:0;font-size:0;overflow:hidden;} a{text-decoration:none;outline:none;background:url(../images/bg-blank.gif) no-repeat 0 0;} a:hover{text-decoration:none;} select option{padding:0 3px;} hr{display:none;} fieldset{border:none;} fieldset legend{display:none;} li{list-style-type:none;} /*************************************************************************************************************************************************************************/ /* STRUCTURE GENERALE DU SITE PREFON */ /*************************************************************************************************************************************************************************/ body{background:url(../images/bg-body.gif) repeat-x 0 0 #fff;text-align:center;} #global{position:relative;width:964px;text-align:left;margin:0 auto;} /* Left */ #header_logo { position: absolute; top:16px; left:29px; z-index:10;} #colLeft{position:relative;width:774px;background:url(../images/bg-top-colLeft.png) no-repeat 0 0;padding-top:29px;z-index:2;} #ctColLeft{position:relative;width:762px;min-height:1028px;_height:600px;background:url(../images/bg-ctColLeft.png) repeat-y 0 0;padding: 0 7px 0 5px;} #colLeftTop1{position:relative;width:762px;height:68px;background:url(../images/colLeftTop1.png) no-repeat;} #searchBarre{position: absolute; top:2px; left:242px;} #inscNews{margin:2px 0 0 42px;} #searchBarre label{margin:4px 8px 0 0;} #searchBarre .sep06{width:1px;height:19px;margin:0 19px 0 25px;} #searchBarre .input_text{width:125px;height:17px;} #searchBarre .bt_ok_1{margin:0 0 0 8px;} #colLeftTop1 .txt_retraite{position:absolute;top:8px;right:8px;} #prefonVsRepond{position:absolute;width:218px;height:206px;left:4px;top:148px;} /* MENU PRINCIPAL */ #colLeftMenu{position:relative;width:762px;height:27px;background:url(../images/bg-colLeftMenu.gif) repeat-x 0 0;border-bottom:1px solid #fff;z-index:10001;} /* _last height:42px*/ .colLeftMenuItem{position:relative;float:left;height:27px;line-height:27px;background:url(../images/bg-colLeftMenuItem.gif) no-repeat 0 0;padding:0;margin:0;} #colLeftMenu a{ font-family:'MyriadCond'; font-size:15px; color:#fff; display:block;padding:0 8px;height:21px;line-height:21px;cursor:pointer;} #colLeftMenu a.menuItemLink{margin:3px 0 0 0;} #colLeftMenu .menuItemLinkActive{height:21px;line-height:21px;border-bottom:3px solid #e74e18;} .colLeftSsMenu{position:absolute;width:210px;top:27px;left:0;z-index:3;background:#2586c3;} .colLeftSsMenu li:link, .colLeftSsMenu li:hover, .colLeftSsMenu li:visited, .colLeftSsMenu li:active {background:#3399cc;} .colLeftSsMenuItem{height:28px;line-height:28px;background:url(../images/bg-sep-03.gif) repeat-x 0 100%;} #colLeftMenu .colLeftSsMenuItem a{font:11px Arial, Helvetica, Sans-serif; color:#fff;padding:0 0 0 6px;line-height:28px;} .colLeftSsMenuItemLast{background:none;} /* Encart Calcul Compl�ment Retraite */ #calculComplement{clear:both;padding:0 0 41px 16px; min-height: 600px; position: relative;} /*#calculComplement h1{font:17px Trebuchet MS;color:#e74e18;padding:0 0 0 37px;background:url(../images/pictos/picto02.gif) no-repeat 0 0;line-height:30px;margin:20px 0 5px 0;}*/ #calculComplement #titreCalculComplement{margin:18px 25px 18px 0; padding:0;font:bold 12px Arial, Helvetica, sans-serif;color:#3e3d40;} #calculComplement #simuFlashContent{width:441px;height:201px;background:url(../images/tmp-simuFlash.jpg) no-repeat 0 0;} #ctCalculComplement{width:100%;overflow:hidden;} #mentionsCalculComplement{clear:both; text-align:justify; padding:20px; color:#666666; font:bold 10px Arial, Helvetica, sans-serif;} // #ctCalculComplement{float:left; overflow:hidden; width:442px;} // #droiteCalculComplement{float:left; padding:0; margin:24px 0 0 0; width:300px} #droiteCalculComplement{position:absolute; padding:0; margin:0; width:244px;height:101px;top:100px;right:30px;z-index:99} #droiteCalculComplement div{text-align:center; margin:0; padding:0;} #res{background:#e5e6e7;position:relative;} #ctRes{padding:18px 0;text-align:center;} #ctRes #retraite, #ctRes #retraite span{font-size:13px;color:#e74e18;font-weight:bold;} #ctRes #retraite span{font-size:17px;} #ctRes #rachat{margin:12px 0 4px;color:#3e3d40;} #ctRes a{color:#4b4a4d;font-weight:bold;text-decoration:underline;} #resultatCalcul .bt_besoinConseil{margin:9px auto 10px;} #resultatCalcul .bt_jeSouscris{margin:0 auto;} #filAriane{position:relative;width:100%;background:#e1e2e3;} #filAriane ul{margin-left:18px;} #filAriane li{float:left;display:inline;margin:0 5px 0 0;line-height:22px;} #filAriane li, #filAriane a{color:#3E3D40;font-size:10px;height:22px;line-height:22px;} #pageInt{position:relative;width:100%;min-height:514px;height:auto;_height:514px;background:url(../images/bg-pageInt.gif) repeat-y 200px 0;padding:0 0 20px 0;margin: 0;clear:both;} /* Right */ #colRight{position:relative;width:190px;margin:29px 0 0 -6px;z-index:1;} /* zone administrable contenant les push */ #colRight .colRightBloc{position:relative;border-top:1px solid #fff;background:url(../images/fonds/fond-bloc-DegGris.jpg) repeat-x;} #colRight .colRightBloc h1{margin:0 0 0 8px;} #colRight .colRightBloc2{background:#f8d2c5;} #colRight .colRightBloc2 p{color:#e74e18;margin:10px 0 12px 22px;} #colRight .colRightBloc2 p.puce04{margin-left:5px;} #colRight .colRightBloc2 .bt_souscrire, #colRight .colRightBloc2 .bt_calculez{margin:0 0 0 40px;} #colRight .colRightBloc#espaceAffilie{background:#868788;border:0;padding-top:10px;} #espaceAffilie p.puce00{margin-left:5px;} #espaceAffilie #formEspaceAffilie{padding:0 0 0 20px;} #espaceAffilie #formEspaceAffilie label{color:#fff;line-height:18px;} #espaceAffilie #formEspaceAffilie .thickbox{color:#000;line-height:18px;} #espaceAffilie #formEspaceAffilie #form_firstname{float:left; width:106px;} #espaceAffilie #formEspaceAffilie .input_text{width:128px;height:17px;} #espaceAffilie #formEspaceAffilie .prefixe_defaut{float:left; width:20px;} #espaceAffilie #formEspaceAffilie .bt_ok_1{vertical-align:bottom;margin:0 0 0 2px;} #espaceAffilie #formEspaceAffilie a{color:#3e3d40;padding:2px 0 5px;display:block;} #espaceAffilie #formEspaceAffilie input, #formEspaceAffilie label{position:relative;z-index:2;} #partagerRecommandez{height:135px;} #partagerRecommandez p{color:#3E3D40;margin:10px 0 12px 22px;} #partagerRecommandez p.puce10{margin-left:5px;} #partagerRecommandez .bt_cliquezIci_Gris{margin:0 0 0 40px;} #espaceCorrespondants .titreEspaceCorres {height:169px;margin:16px 0 0 0; padding:3px 0 0 20px;height:21px;} #espaceCorrespondants p.puce00{margin:10px 0 0 5px;} #espaceCorrespondants #connexionCorrespondants{padding:30px 10px 10px 22px;} #espaceCorrespondants #logout_correspondants{text-align:right;margin-top:15px;margin-bottom:-5px;} #espaceCorrespondants #logout_correspondants a{color:#3E3D40;font-size:11px;} #espaceCorrespondants #logout_correspondants a:hover{text-decoration:underline;} #espaceCorrespondants #update_account{text-align:right;margin-top:15px;margin-bottom:-5px;} #espaceCorrespondants #update_account a:hover{text-decoration:underline;} #espaceAdministrateurs .titreEspaceAdmin {height:169px;margin:16px 0 0 0; padding:3px 0 0 20px;height:21px;} #espaceAdministrateurs p.puce00{margin:10px 0 0 5px;} #espaceAdministrateurs #connexionAdministrateurs{padding:30px 10px 10px 22px;} #espaceAdministrateurs #logout_administrateurs{text-align:right;margin-top:15px;margin-bottom:-5px;} #espaceAdministrateurs #logout_administrateurs a{color:#3E3D40;font-size:11px;} #espaceAdministrateurs #logout_administrateurs a:hover{text-decoration:underline;} #espaceAdministrateurs #update_account{text-align:right;margin-top:15px;margin-bottom:-5px;} #espaceAdministrateurs #update_account a:hover{text-decoration:underline;} #contactezNous {height:169px;color:#646566;} #contactezNousCorres {height:130px;color:#646566;} #contactezNous .titreContactezNous, #contactezNousCorres .titreContactezNous {margin:16px 0 0 0; padding:3px 0 0 20px;height:21px;} #contactezNous p, #contactezNousCorres p {margin:0 23px; padding:0;} #contactezNous .bt_cliquezIci, #contactezNousCorres .bt_cliquezIci, #push .bt_lireSuite, #push .bt_cliquezIci, #push .bt_savoirPlus, #calculComp .bt_calculez, #souscriptionOnline .bt_souscrire {position:absolute; bottom:12px; right:12px;} #souscriptionOnline {height:136px;} #calculComp{height:169px;} #push{color:#646566;} #push #actuRetraite{height:157px;} #push .titrePushActu, .colRightBloc .titrePushCalcul {margin:16px 0 0 0; padding:0 0 0 20px;height:40px;} #push .titrePushPartage, #push .titreToutSavoirSurPrefon, #push .titreIdentiteSonore, #push .titrePushDefisc, .colRightBloc .titrePushSouscrire {margin:16px 0 0 0; padding:3px 0 0 20px;height:21px;} #push .bt_fluxRSShome {position:absolute; right:22px; top:16px;} #push p{margin:12px 0 0 21px;} #push p.puce02{margin-left:5px;} #push #fleche00{display:block;/* margin:12px auto 8px; */margin:12px 0 8px 75px;} #push #identiteSonore{height:228px;} #push #toutSavoirSurPrefon{height:228px;} #push #defiscalisation{height:126px;} #push .txt_defiscalisation100pr100{margin:0 auto 26px;} /* #actuRetraite{background:url(../images/pictos/picto00.gif) no-repeat 152px 2px;} */ /* Bottom */ #ctMenuBottom{width:774px;height:26px;background:url(../images/bg-menuBottom.png) no-repeat 0 0;} #menuBottom{padding:7px 0 0;margin:0 0 0 132px;} #menuBottom a{color:#fff;text-decoration:none;} #menuBottom #news{font-weight:bold;} #menuBottom .sep{margin:0 10px;} #ctMenuBottomRef{position:relative;width:100%;padding:22px 0 0;overflow:hidden;clear:both;} #ctMenuBottomRef_col1{padding:0 0 0 42px;width:208px;} #ctMenuBottomRef_col2{width:170px;} #ctMenuBottomRef_col3{width:200px;} #ctMenuBottomRef_col4{width:160px;} #ctMenuBottomRef .MenuBottomRef{margin:0 0 18px;} #ctMenuBottomRef .ss_menu{margin:10px 0 0;} #ctMenuBottomRef a{color:#646567;text-decoration:none;line-height:16px;} /*************************************************************************************************************************************************************************/ /* ELEMENTS GENERIQUES */ /*************************************************************************************************************************************************************************/ .block_float:after, .spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0px;line-height:0px;height:0px;width:100%;margin:0;padding:0;} /* Positionnement general */ .il, .fltLeft{float:left;display:inline;} .ir, .fltRight{float:right;display:inline;} .db{display:block;} .dn{display:none;} .clearboth, .clear, .clearBoth, .clr {clear:both;} .cl{clear:left;} .alignCenter{text-align:center;} .justify{text-align: justify;} /* Couleurs */ .coul666 {color: #666} /* Tailles polices */ .font9 {font-size: 9px;} .font10 {font-size: 10px;} .font11 {font-size: 11px;} .font12 {font-size: 12px;} .font13 {font-size: 13px;} .font14 {font-size: 14px;} /* Titres */ .titre00{font-size:22px;color:#0e3083;font-family:Trebuchet MS;} .titre01{font-size:17px;color:#1985c3;font-family:Trebuchet MS;} .titre02{color:#2586c3;font-size:12px;} .titre03{color:#e74e18;} .titre04{color:#868788;font-weight:bold;} .titre05{color:#ff0000;font-weight:bold;font-size:20px;text-align:center;margin:230px 0;line-height:30px;} .titre06{color:#748a1f;font-weight:bold;text-transform:uppercase;} .titre07{font-size:12px;font-weight:bold;color:#373737;} .titre08{font-size:22px;color:#748a1f;font-family:Trebuchet MS;font-weight:normal;} .titre08 a.titrePicFlux{display:block;float:right;width:28px;height:28px;} .titreAffiliation {color:#e74e18; width: 430px; margin-left: 50px;} /* Titres image */ .txt_recherche{width:67px;padding-top:12px;background:url(../images/txt/txt-recherche.gif) no-repeat 0 0;} .txt_newsletter{width:102px;padding-top:17px;background:url(../images/txt/txt-newsletter.gif) no-repeat 0 0;} .txt_retraite{width:58px;height:55px;background:url(../images/txt/txt-retraite.gif) no-repeat top right;} .txt_calculezVotreComplementaireRetraite{width:295px;padding-top:20px;background:url(../images/txt/txt-calculezVotreComplementaireRetraite.gif) no-repeat 0 0;} .txt_espaceAffilie{margin:0 0 0 20px;width:107px;padding-top:19px;background:url(../images/txt/txt-espaceAffilie.gif) no-repeat 0 0;} .txt_espaceCorrespondant{width:120px;padding-top:38px;background:url(../images/txt/txt-espaceCorrespondant.gif) no-repeat 0 0;} .txt_espaceAdministrateur{width:120px;padding-top:38px;background:url(../images/txt/txt-espaceAdministrateur.gif) no-repeat 0 0;} .txt_contactezNouss{width:120px;padding-top:15px;background:url(../images/txt/txt-contactezNous.gif) no-repeat 0 0;} .txt_partagerRecommandez {width: 72px; padding-top: 16px;background:url(../images/txt/txt-partagerRecommandez.gif) no-repeat 0 0;} .txt_actuRetraite{width:81px;padding-top:40px;background:url(../images/txt/txt-actuRetraite.gif) no-repeat 0 0;} .txt_identiteSonore{width:155px;padding-top:62px;background:url(../images/txt/txt-nvlleIdentiteSonore.gif) no-repeat 0 0;} .txt_toutSavoirSurPrefon{width:155px;padding-top:61px;background:url(../images/txt/txt-toutSavoirSurPrefon.gif) no-repeat 0 0;} .txt_defiscalisation{width:136px;padding-top:19px;background:url(../images/txt/txt-defiscalisation.gif) no-repeat 0 0;} .txt_rachat2annees{width:137px;padding-top:39px;background:url(../images/txt/txt-rachat2annees.gif) no-repeat 0 0;} .txt_rachatDesAnnees{width:155px;padding-top:40px;background:url(../images/txt/txt-rachatDesAnnees.gif) no-repeat 0 0;} .txt_calculCompRetraite{width:163px;padding-top:38px;background:url(../images/txt/txt-calculCompRetraite.gif) no-repeat 0 0;} .txt_souscriptionOnline{width:150px;padding-top:19px;background:url(../images/txt/txt-souscriptionOnline.gif) no-repeat 0 0;} .txt_coordonnees{width:79px;padding-top:13px;background:url(../images/txt/txt-coordonnees.gif) no-repeat 0 0;} .txt_affiliation{width:67px;padding-top:13px;background:url(../images/txt/txt-affiliation.gif) no-repeat 0 0;} .txt_rachatAnnee{width:96px;padding-top:13px;background:url(../images/txt/txt-rachatAnnees.gif) no-repeat 0 0;} .txt_reversion{width:63px;padding-top:13px;background:url(../images/txt/txt-reversion.gif) no-repeat 0 0;} .txt_confirmation{width:81px;padding-top:13px;background:url(../images/txt/txt-confirmation.gif) no-repeat 0 0;} /*.txt_infoPrealableAffiliation{width:233px;padding-top:11px;background:url(../images/txt/txt-infoPrealableAffiliation.gif) no-repeat 0 0;}*/ /* Boutons */ .bt_push{width:108px;padding-top:23px;} .bt_cliquezIci{width:71px;height:20px;background:url(../images/boutons/bt-cliquez-ici.gif) no-repeat 0 0;} .bt_cliquezIci_Gris{background:url(../images/boutons/bt-cliquez-ici-gris.gif) no-repeat 0 0;} .bt_lireSuite{width:79px;height:20px;background:url(../images/boutons/bt-lireSuite.gif) no-repeat 0 0;} .bt_savoirPlus{width:92px;height:20px;background:url(../images/boutons/bt-savoirPlus.gif) no-repeat 0 0;} .bt_besoinConseil{width:162px;padding-top:54px;background:url(../images/boutons/bt-besoinConseil.gif) no-repeat 0 0;} .bt_jeSouscris{width:178px;padding-top:33px;background:url(../images/boutons/bt-jeSouscris.gif) no-repeat 0 0;} .bt_souscrire{width:67px;height:20px;background:url(../images/boutons/bt-souscrire.gif) no-repeat 0 0;} .bt_calculez{width:62px;height:20px;background:url(../images/boutons/bt-calculez.gif) no-repeat 0 0;} .bt-pgSuivante{width:127px;height:27px;border:none;margin:0 auto;} .bt_fluxRSShome{width:42px;height:42px;background:url(../images/pictos/pictoRSS_home.gif) no-repeat 0 0;} .bt_demandeDoc{width:177px;height:71px;background:url(../images/boutons/bt-demande-doc.gif) no-repeat 0 0;} #endPrintBulletin{margin:0 0 0 10px;} /* Puces */ .puce00{padding-left:14px;background:url(../images/puces/puce00.gif) no-repeat 0 2px;} .puce01{padding-left:14px;background:url(../images/puces/puce01.gif) no-repeat 0 2px;} .puce02{padding-left:14px;background:url(../images/puces/puce02.gif) no-repeat 0 2px;} .puce03{padding-left:6px;background:url(../images/puces/puce03.gif) no-repeat 0 4px;} .puce04{padding-left:14px;background:url(../images/puces/puce04.gif) no-repeat 0 0;} .puce06{padding-left:7px;background:url(../images/puces/puce06.png) no-repeat 0 4px;font-size:12px;color:#e74e18;font-weight:bold;text-decoration:underline;} .puce10{padding-left:14px;background:url(../images/puces/puce10.gif) no-repeat 0 2px;} .puce20{padding-left:14px;background:url(../images/puces/puce20.gif) no-repeat 0 0;} /* Pictos */ .p_help{display:block;width:18px;height:18px;background:url(../images/pictos/picto04.gif) no-repeat 0 0;margin:0 0 0 8px; cursor: pointer;} /* Separateurs */ .sep00, .sep01, .sep02, .sep04, .sep06, .sep10{width:175px;height:1px;margin:10px 0 12px 8px;display:block;overflow:hidden;} .sep00{background:url(../images/bg-sep-00.gif) repeat-x 0 0;} .sep01{background:url(../images/bg-sep-01.gif) repeat-x 0 0;} .sep02{background:url(../images/bg-sep-02.gif) repeat-x 0 0;} .sep04{background:url(../images/bg-sep-04.gif) repeat-x 0 0;} .sep06{background:url(../images/bg-sep-06.gif) repeat-Y 0 0;} .sep10{background:url(../images/bg-sep-10.gif) repeat-x 0 0;} /* Coins */ .coins{position:relative;width:100%;height:0;line-height:0;font-size:0;z-index:2;} .coin{position:absolute;overflow:hidden;background:url(../images/bg-blank.gif) no-repeat 0 0;} /*.coinHD00{top:0;right:0;width:13px;height:13px;background:url(../images/coins/coinHD00.gif) no-repeat 0 0;}*/ .coinHD00{top:0;right:0;width:13px;height:13px;background:url(../images/coins/coinHD00_habillage.gif) no-repeat 0 0;} .coinBD01{bottom:0;right:0;width:13px;height:13px;background:url(../images/coins/coinBD01.gif) no-repeat 0 0;} .coinBDgris{bottom:0;right:0;width:13px;height:13px;background:url(../images/coins/coinBDGris.gif) no-repeat 0 0;} .coin02{background:url(../images/coins/coins02.gif) no-repeat;width:9px;height:9px;} .coin03{background:url(../images/coins/coins03.gif) no-repeat;width:9px;height:9px;} .coin04{background:url(../images/coins/coins04.gif) no-repeat;width:8px;height:8px;} .coinHG02, .coinHG03{background-position:0 0;top:0;left:0;} .coinHD02, .coinHD03{background-position:-9px 0;top:0;right:0;} .coinBG02, .coinBG03{background-position:0 -9px;bottom:0;left:0;} .coinBD02, .coinBD03{background-position:100% 100%;bottom:0;right:0;} .coinHG04{background-position:0 0;top:0;left:0;} .coinHD04{background-position:-8px 0;top:0;right:0;} .coinBG04{background-position:0 -8px;bottom:0;left:0;} .coinBD04{background-position:100% 100%;bottom:0;right:0;} /*************************************************************************************************************************************************************************/ /* FORMULAIRE DE SOUSCRIPTION, TUNNEL DE VENTE */ /*************************************************************************************************************************************************************************/ #pageInt.souscription{background:none;padding:0 0 26px;} #pageInt.souscription #formSouscription{position:relative;width:510px;margin: 0 0 0 4px;} /* les etapes */ #headerFormSouscription {position:relative;width:510px;height:46px;background:url(/images/form/formHeader.png) no-repeat 0 0;} #headerFormSouscription.affiliation {position:relative;width:510px;height:44px;background: none;} #stepConfirmation1.affiliation #infoPrealable { padding-top: 30px;} #headerFormSouscription .liste02 {height:44px;} #headerFormSouscription .liste02Item {height:44px;position:relative;} #headerFormSouscription .txtImg{position:absolute;left:50%;} #headerFormSouscription .txt_coordonnees{margin-left:-40px;} #headerFormSouscription .txt_affiliation{margin-left:-33px;} #headerFormSouscription .txt_rachatAnnee{margin-left:-48px;} #headerFormSouscription .txt_reversion{margin-left:-31px;} #headerFormSouscription .txt_confirmation{margin-left:-40px;} #headerFormSouscription #affiliation {width:101px; background:url(../images/affiliation_b/affiliation_01_active.png) no-repeat;} #headerFormSouscription #coordonnees {width:99px; background:url(../images/affiliation_b/affiliation_02_on.png) no-repeat;} #headerFormSouscription #rachatAnnee {width:118px; background:url(../images/affiliation_b/affiliation_03_on.png) no-repeat;} #headerFormSouscription #reversion {width:84px; background:url(../images/affiliation_b/affiliation_04_on.png) no-repeat;} #headerFormSouscription #confirmation {width:108px; background:url(../images/affiliation_b/affiliation_05_on.png) no-repeat;} #headerFormSouscription #affiliation.off {width:101px; background:url(../images/affiliation_b/affiliation_01_off.png) no-repeat;} #headerFormSouscription #coordonnees.off {width:99px; background:url(../images/affiliation_b/affiliation_02_off.png) no-repeat;} #headerFormSouscription #rachatAnnee.off {width:118px; background:url(../images/affiliation_b/affiliation_03_off.png) no-repeat;} #headerFormSouscription #reversion.off {width:84px; background:url(../images/affiliation_b/affiliation_04_off.png) no-repeat;} #headerFormSouscription #confirmation.off {width:108px; background:url(../images/affiliation_b/affiliation_05_off.png) no-repeat;} #headerFormSouscription #affiliation.active {width:101px; background:url(../images/affiliation_b/affiliation_01_active.png) no-repeat;} #headerFormSouscription #coordonnees.active {width:99px; background:url(../images/affiliation_b/affiliation_02_active.png) no-repeat;} #headerFormSouscription #rachatAnnee.active {width:118px; background:url(../images/affiliation_b/affiliation_03_active.png) no-repeat;} #headerFormSouscription #reversion.active {width:84px; background:url(../images/affiliation_b/affiliation_04_active.png) no-repeat;} #headerFormSouscription #confirmation.active {width:108px; background:url(../images/affiliation_b/affiliation_05_active.png) no-repeat;} #headerFormSouscription .formStepActive{background:url(../images/bg-formStepActive.gif) no-repeat;} #headerFormSouscription #coordonnees.formStepActive{background-position:0 100%;} #headerFormSouscription #affiliation.formStepActive{background-position:0 100%;} #headerFormSouscription #rachatAnnee.formStepActive{background-position:0 100%;} #headerFormSouscription #reversion.formStepActive{background-position:-16px 100%;} #headerFormSouscription #confirmation.formStepActive{background-position:0 100%;} #formSouscription .tooltipErreur_Wrap {padding: 10px 0 0 26px; display: none;} #formSouscription .tooltipErreur {width: 450px; background: #FDEAD0; color: #E84E18; border: 1px solid #E84E18; text-align: center; padding: 4px; font-size: 11px;} /* etape 1 : Coordonnees */ /* #ctFormSouscription {width:100%;background:url(../images/affiliation_b/bg-ctForm.gif) repeat-y 100% 0 #e1e2e3;} Mise � jour de la width pour coller au nouveau design des formulaires 100% -> 510px */ #ctFormSouscription {width:510px;background:url(../images/affiliation_b/bg-ctForm.gif) repeat-y 100% 0 #fff;} #ctFormSouscription #introForm{padding:20px 0;text-align:center;line-height:14px;color:#3e3d40;} #ctFormSouscription #introFormAutre{padding:20px 0;text-align:center;line-height:14px;color:#3e3d40;} #ctFormSouscription #introFormMarie{padding:20px 0;text-align:center;line-height:14px;color:#3e3d40;} #ctFormSouscription p.intro_form{padding:15px;} #ctFormSouscription .input_text{border:1px solid #c7cfd5;border-width:1px 0 0 1px;height:17px;} #ctFormSouscription label{color:#3e3d40;} #ctFormSouscription .iRadio{margin:0 5px 0 0;} #ctFormSouscription .lig{line-height:20px;margin:4px 0;} #ctFormSouscription .ligEspaceCorrespondantContact {height: 190px;} #ctFormSouscription .ligEspaceCorrespondantCmmdeMateriel {height: auto;} #ctFormSouscription .ligEspaceCorrespondantCmmdeMateriel .label00 {text-align: left; width: 94px; padding-left: 33px;} #ctFormSouscription .commande_materiel_label {color: #3E3D40; text-align: left;} #ctFormSouscription .commande_materiel_input {color: #959498; text-align: left;} #ctFormSouscription .ligEspaceAdministrateurContact {height: 190px;} #nextStepAffiliation{margin:26px 0 14px 158px;} #ctFormSouscription .titre03{width:214px;text-align:right;margin:30px 0 4px;} #ctFormSouscription #choixPayerCotisation{text-align:left;} #paimentCotisation{padding:0 0 0 52px;clear:both;height:162px;position:relative;} #labelPrecompte{width:268px;} .formSouscription_actions{padding:0 0 20px;} #ctFormSouscription .formSouscription_action_save .titre03{line-height:36px;margin:0 0 0 22px;} #nextStepRachatAnnees{margin:0 0 0 10px;} #ctFormSouscription .formRachatAnnees .iRadio{margin:0 0 0 70px;width:14px;} .formRachatAnnees label{margin:0 6px;text-align:left;} #lig_regltCheque{height:64px;} #ctFormSouscription .formRachatAnnees .formSouscription_action_save .titre03{margin:0 0 0 44px;} #ctFormSouscription .souhaitReversion .titre03{margin:0;line-height:18px;width:auto;} #ctFormSouscription .souhaitReversion .iRadio{margin:0 6px 0 30px;} #auProfitDe .iRadio{margin:0 10px;line-height:18px;} /* etape 2 : Affiliation */ #ctFormSouscription #prefon_souscription_affiliation_prefon_classe_cotisation_id{width:130px;} #ctFormSouscription .formSouscription_form_field_statut .label04{padding:0;} #ctFormSouscription .formSouscription_form_field_statut .radio_list li{height:24px;} #ctFormSouscription .formSouscription_form_field_statut .ligChoixStatut{height:144px; position:relative;} #ctFormSouscription .formSouscription_form_field_statut .radio_list li{margin:0;} #ctFormSouscription #choixStatut{width:284px;} #ctFormSouscription #choixStatut li{clear:left;width:100%;} #ctFormSouscription #help_prefon_inf_ancienFonctionnaire{position:absolute;right:60px;top:26px;} #ctFormSouscription #help_prefon_inf_PUPH{position:absolute;right:160px;top:98px;} #ctFormSouscription #ligCotisationType{height:112px;width:290px;float:left;display:inline;} #ctFormSouscription #ligCotisationType li{padding:2px 0;height:56px;} #ctFormSouscription #ligCotisationType li input{margin:0 5px 0 0;} #ctFormSouscription #paiement_cotisation_precompte_date_debut{float:left;display:inline;width:161px;margin:2px 0 0;} #ctFormSouscription #inf_cotisation_precompte_date_debut.p_help{width:20px;} #ctFormSouscription #paiement_cotisation_prelevement_echeance{position:relative;top:-35px;clear:both;height:30px;} #ctFormSouscription #paiement_cotisation_prelevement_echeance li *{float:none;} /* etape 3 : Rachat de points */ #ctFormSouscription .rachatOrNot ul input{margin:0 0 0 70px;width:14px;} #ctFormSouscription #id_rachat_ok{left:152px;position:relative;top:-130px;width:340px;} #ctFormSouscription #id_rachat_ok .lig{width:336px;} #ctFormSouscription.formRachatAnnees{padding:0 0 40px;height:242px;} #ctFormSouscription.formRachatAnnees .ctButton{left:52px;position:absolute;top:150px;height:50px;} .step1RachatAnnees .rachatOrNot ul li{height:25px;} .step1RachatAnnees #id_rachat_ok{display:none;} .step1RachatAnnees .ctButton{bottom:-116px;} .step2RachatAnnees .rachatOrNot ul li{display:block;float:none;height:100px;} #ctFormSouscription #inf_rachatAnnee{top:-27px;} #ctFormSouscription #inf_prixAnnee{top:15px;} * html #inf_rachatAnnee, *+html #inf_rachatAnnee{top:80px;} * html #inf_prixAnnee, *+html #inf_prixAnnee{top:115px;} /* etape 4 : Reversion */ #ctFormSouscription .souhaitReversion input{margin:0 6px 0 30px;} #ctFormSouscription .souhaitReversion label{line-height:18px;margin:0;width:auto;text-align:right;color:#E74E18;} #ctFormSouscription .formReversion .ctButtton{left:52px;position:absolute;bottom:80px;} #ctFormSouscription .souhaitReversion{position:relative;} #ctFormSouscription #help_inf_reversion{left:330px;position:absolute;top:0px;} #ctFormSouscription #txtProfitDe{left:-10px;position:absolute;top:4px;} #div_choix_reversion /* STEP1 : choix "souhait r�version ou non" */ .step1Reversion #jeSouhaiteReversion{display:none;} .step1Reversion .souhaitReversion li{height:24px;} /* STEP2 : choix "souhait r�version" */ .step2Reversion #jeSouhaiteReversion{display:block;left:194px;position:absolute;top:22px;} .step2Reversion .souhaitReversion li{height:74px;} .step2Reversion #jeSouhaiteReversion #auProfitDe .souhaitReversion li{clear:both;height:24px;line-height:24px;} .step2Reversion #infosConjoint{display:none;} /* STEP3 : choix "Mon conjoint" */ .step3Reversion .souhaitReversion li{height:220px;} .step3Reversion #jeSouhaiteReversion{left:194px;position:absolute;top:24px;} .step3Reversion #jeSouhaiteReversion #auProfitDe{height:180px;} .step3Reversion #jeSouhaiteReversion #auProfitDe .souhaitReversion{height:180px;} .step3Reversion #jeSouhaiteReversion #auProfitDe .souhaitReversion li{clear:both;height:140px;} .step3Reversion .ctButton{bottom:100px;} #infosConjoint{left:-150px;position:absolute;top:24px;width:490px;} /* STEP3 bis : choix "autre personne" */ .step3bisReversion .souhaitReversion li{height:220px;} .step3bisReversion #jeSouhaiteReversion{left:194px;position:absolute;top:24px;} .step3bisReversion #jeSouhaiteReversion #auProfitDe .souhaitReversion li{clear:both;height:24px;} .step3bisReversion #infosConjoint{top:46px;left:-156px;position:absolute;} /* etape 5 : Confirmation */ /* step 1 */ #infoPrealable{width:430px;margin:0 0 0 36px;padding-top:70px;} #ctInfoPrealableTop{background:#748a1f;line-height:24px;height:16px;padding:8px 0 0;} #ctInfoPrealableTop .txt_infoPrealableAffiliation{margin:0 auto; text-align:center; text-transform:uppercase; color:#FFF;} #ctInfoPrealable{width:428px;border:1px solid #748a1f;} #ctInfoPrealable .lig, #ctInfoPrealable #introForm{margin:0 18px;} #ctInfoPrealable .lig, #ctInfoPrealable #introFormAutre{margin:0 18px;} #ctInfoPrealable .lig, #ctInfoPrealable #introFormMarie{margin:0 18px;} #ctInfoPrealable .titre06{margin:12px 18px;} #ctInfoPrealableMid .lig{padding:0 0 0 18px;} #foyerTitulaire{height:144px;} #foyerTitulaire label{clear:right;} #foyerTitulaire input{clear:left;margin:0 5px 0 0;} #foyerTitulaire #precisAutreCptRetraite label, #foyerTitulaire #precisAutreCptRetraite input{clear:none;margin:0;} #foyerTitulaire p{width:100%;} #nbEnfants label{margin:-2px 14px 0 4px;} #revenuFiscal{} #revenuFiscal #montant{width:180px;} #revenuFiscal #annee{width:144px;} #revenuFiscal input{margin:0 4px;} #precisAutreCptRetraite{} #precisAutreCptRetraite label{width:66px;text-align:right;padding:0 6px 0 0;color:#748a1f;} #ctInfoPrealableMid{padding:0 0 24px;background:#d9e7b1;} #possessionImmoLoca .radio_list li, #proprioLoca .radio_list li{margin:0;} #possessionImmoLoca .radio_list label, #proprioLoca .radio_list label{margin:0 22px 0 6px;} #choixInformation{margin:34px 0 16px 52px;width:440px;} #choixInformation .radio_list{width:110px;} #choixInformation .label07{padding:0 44px 0 0;} #choixInformation .lig2{height:36px;} #choixInformation li input{margin:0 5px;} #choixInformation li label{margin:0 5px 0 0;} .form #chkCGV{ margin:0 0 0 30px; height:280px; padding:0;} .form #chkCGV ul{clear:both;margin-top:10px;} .form #chkCGV ul li{display:block; width:490px;} .form #chkCGV ul li label{display:inline-block; width:410px; text-align:justify; line-height:16px;} .form #chkCGV a{float:none;text-decoration:underline;color:#3e3d40;} #ctFormSouscription #previousStepReversion{padding:16px 0 20px 24px;} /** step 2 **/ #stepConfirmation2{padding:38px 0 0 112px;width:294px;} #stepConfirmation2 .p0{color:#3e3d40;padding:0 0 22px;} .adress li{color:#e74e18;line-height:16px;} .formConfirmation .error_list{width:428px;} #bottomFormSouscription{width:100%;height:16px;background:url(../images/affiliation_b/bg-bottomFormSousc.gif) no-repeat 0 0;} /* Bouton WebCallBack */ .bt-webCallBack-pageInt {position: absolute; right: 0; top:36px; padding: 0 8px;} /*************************************************************************************************************************************************************************/ /* FORMULAIRE CLIC TO CALL & WEB CALL BACK */ /*************************************************************************************************************************************************************************/ #formWebCallBack .chkbox_list input{margin:0 8px 0 14px;} #formWebCallBack .error_list{width:300px;} #formWebCallBack {color:#3e3d40;} #formWebCallBack .label07{width:364px;text-align:left;} #formWebCallBack .label07 span{font-size:10px;color:#3e3d40;float:none;} .ctFormWebCallBack{margin-left:32px;} .ctFormWebCallBack .error_list{margin:10px 0 0 0;padding:0;} #horairesAppel .lbl_jour{width:108px;text-align:right;} #horairesAppel .radio_list2{width:280px; padding:0 0 0 12px;} #horairesAppel .radio_list2 li{float:left;display:inline;clear:none;} #horairesAppel .radio_list2 li label{margin:0 6px 0; width:52px;} #horairesAppel .radio_list2 li input{margin:0 0 0 4px;} #choixAppel label{width:384px;text-align:left;} #choixJour .radio_list{width:280px; padding:0;} #choixJour .radio_list li{float:left;display:inline;clear:none;} #choixJour .radio_list li label{margin:0 6px 0; width:40px;} #choixJour .radio_list li input{margin:0 0 0 4px;} #14_16h{clear:left;} #formWebCallBack #bt_jeValide{margin:18px auto 8px;display:block;} #formWebCallBack .chp_obl{font-size:9px;margin:10px 0 0 10px;color:#373737;} #texte_confirmation_call_back{margin: 150px 10px; text-align: center;} /*************************************************************************************************************************************************************************/ /* FORMULAIRE NOUS CONTACTER */ /*************************************************************************************************************************************************************************/ #prefon_nous_contacter_message{width:294px;height:90px;border:1px solid #beccd4;border-width:1px 0 0 1px;} #ctFormSouscription #civ{padding:0;margin-top:3px;} #bt_valider{margin:8px auto 0;display:block;text-align:center;} p.chp_obl{font-size:9px; margin:10px 0 0 28px; color:#373737;} #global .formContact{padding:24px 0 20px 0;width:510px; margin-left: 20px;} * html #global .formContact{padding:24px 0 20px 18px;width:521px;} #global .formNewsletter{padding:24px 0 20px 18px;width:510px;} * html #global .formNewsletter{padding:24px 0 20px 18px;width:521px;} #global .formDocuments{padding:24px 0 20px 18px;width:510px;} /*************************************************************************************************************************************************************************/ /* FORMULAIRE DEMANDE DE DOCS & INSCRIPTION NEWSLETTER */ /*************************************************************************************************************************************************************************/ #ctFormSouscription #invitAremplir {margin:0;padding:25px 0 25px 0;width:480px;} #ctFormSouscription .messageConfirmation {height:400px;padding:50px 20px 0px 20px;} /*************************************************************************************************************************************************************************/ /* FORMULAIRE RECOMMANDATION */ /*************************************************************************************************************************************************************************/ .overlay .close{background-image:url(../images/form/btn_Fermer.gif);position:absolute;right:0px;top:0px;cursor:pointer;height:17px;width:65px;z-index:100000;} .overlay_FormRecommandation{position:absolute;z-index:9999;width:468px;height:510px;border:none;left:0px;top:0px;margin:0px;background:#fff;padding:0px;} .overlay_FormRecommandation h1{width:468px;height:35px;border:none;left:0px;top:0px;margin:0px;background:#EEEEEE url(../images/form/partagerRecommandez_Popup_Titre.gif) no-repeat top;padding:0px;} .overlay_FormRecommandation h2{font-size:12px;font-weight:bold;padding:14px 30px 20px 38px;text-align:justify;color: #373737;} .overlay_ContactezNous{position:absolute;z-index:9999;width:468px;height:510px;border:none;left:0px;top:0px;margin:0px;background: #fff;padding:0px;} .overlay_ContactezNous h1{width:468px;height:35px;border:none;left:0px;top:0px;margin:0px;background: #EEEEEE url(../images/form/ContactezNous_Popup_Titre.gif) no-repeat top;padding:0px;} .overlay_ContactezNous h2{font-size:12px;font-weight:bold;padding:14px 30px 18px 38px;text-align:justify;color:#373737;} .overlay_FormLoginEspaceAffilie{position:absolute;z-index:9999;width:432px;height:460px;border:none;left:0px;top:0px;margin:0px;background: #fff;padding:0px;} .overlay_FormLoginEspaceAffilie #ajax_loader{padding-left:50px;} .overlay_FormLoginEspaceAffilie h1 {width:432px;height:35px;border:none;left:0px;top:0px;margin:0px;background: #EEEEEE url(../images/form/EspaceAffilie_Popup_Titre.gif) no-repeat top;padding:0px;} .overlay_FormLoginEspaceAffilie h2 {font-size:12px;font-weight:bold;padding:14px 30px 18px 38px;text-align:justify;color:#373737;} .formOverlay {padding: 14px 30px 20px 38px; color: #373737;} .formOverlay h3 {font-size:12px;font-weight:bold;padding:0 0 8px 0;margin:0;text-align:justify;color:#373737;} .formOverlay .champsFirst {padding:0 0 4px 0;} .formOverlay .champs {padding:4px 0;} .formOverlay .label {width:88px;text-align:right;padding-right:8px;} .formOverlay .input100 input {width:101px;border:2px solid #D8E1E5;} .formOverlay .input145 input {width:145px;border:2px solid #D8E1E5;} .formOverlay .input156 input {width:156px; border:2px solid #D8E1E5;} .formOverlay .input215 input {width:215px;border:2px solid #D8E1E5;} .formOverlay .input215 textarea {width:215px;border:2px solid #D8E1E5;height:50px;} .formOverlay #div_reference .input_text {height:16px;border:1px solid #A0A0A0;margin-right:3px;padding-left:4px;border:2px solid #D8E1E5;} .formAffilie {margin-left:96px;} .formAffilie ul{width:280px;} .formAffilie li{display:inline;float:left;} .formAffilie label{ padding-left:4px;padding-right:8px;font-weight:bold;font-size:12px;} .formOverlay .inputLI li{display:inline;} .formOverlay .ajoutContact {margin-left:94px;} .formOverlay .mentions {color:#6B6C6D;font-size:9px;text-align:justify;margin-left:-10px;padding:8px 0;} #texte_confirmation_recommandation{margin:200px 10px;text-align:center;} /* Titre image des formulaires */ #headerFormSouscription .txt_nousContacter {width: 153px; height:18px; background:url(../images/txt/txt_nous_contacter.png) no-repeat top left; left: 28px; top: 20px;} #headerFormSouscription .txt_prefonVousRepond {width: 153px; height:18px; background:url(../images/txt/txt_prefond_vous_repond.png) no-repeat 0 0; left: 28px; top: 20px;} #headerFormSouscription .txt_InscriptionNewsletter {width: 153px; height:18px; background:url(../images/txt/txt_newsletter.png) no-repeat 0 0; left: 28px; top: 20px;} #headerFormSouscription .txt_DemandeDocuments {width: 153px; height:18px; background:url(../images/txt/txt_demande_de_documentation.png) no-repeat 0 0; left: 28px; top: 20px;} #headerFormSouscription .txt_nousContacter2 {width: 153px; height:18px; background:url(../images/txt/txt_nous_contacter.png) no-repeat top left; left: 28px; top: 20px;} /*#headerFormSouscription .txt_nousContacter2 {width:98px;padding-top:15px;background:url(../images/txt/txt-nousContacter.gif) no-repeat top left;left:15px;}*/ #headerFormSouscription .txt_Identification {width: 153px; height:18px; background:url(../images/txt/txt_identification.png) no-repeat top left; left: 28px; top: 20px;} #headerFormSouscription .txt_passswordRequest {width: 153px; height:18px; background:url(../images/txt/txt_mot_de_passe_oublie.png) no-repeat top left; left: 28px; top: 20px;} #headerFormSouscription .txt_premiereIdentification {width: 153px; height:18px; background:url(../images/txt/txt_premiere_identification.png) no-repeat top left; left: 28px; top: 20px;} #headerFormSouscription .txt_commandeMateriel {width: 153px; height:18px; background:url(../images/txt/txt_commande_de_materiel.png) no-repeat top left; left: 28px; top: 20px;} #headerFormSouscription .txt_inscriptionNewsletterCorrespondant{width: 153px; height:18px; background:url(../images/txt/txt_newsletter.png) no-repeat 0 0; left: 28px; top: 20px;} /*#headerFormSouscription .txt_inscriptionNewsletterCorrespondant{width:198px;padding-top:15px;background:url(../images/txt/txt-inscriptionNewsletter.gif) no-repeat top left;left:15px;}*/ #headerFormSouscription .txt-modificationCoordonnees {width: 153px; height:18px; background:url(../images/txt/txt_modification_coordonnees.png) no-repeat top left; left: 28px; top: 20px;} /* Messages d'erreur */ ul.error_list{margin:0;color:#EE0000;border:none;background:none;} .ctFormNousContacter ul.error_list li{padding-left:160px;} #ctFormSouscription ul.error_list li{padding-left:100px;} #formIdentification #ctFormSouscription ul.error_list li{padding-left: 55px;} #paiement_cotisation_prelevement_echeance ul.error_list li{margin-left:-60px;} #id_rachat_ok ul.error_list li{margin:0 0 10px -90px;} #ctInfoPrealable ul.error_list li{padding-left:36px;} #formInscriptionNewsletter ul.error_list li{padding-left:160px;} ul.error_list li{padding:0px;list-style:none;color:#EE0000;background:none;font-weight:bold;} .ctFormWebCallBack ul.error_list li{padding:0px;padding:0;list-style:none;color:#EE0000;background:none;font-weight:bold;} .ctFormWebCallBack .error_label08{width:88px;text-align:right;padding-right:8px;color:#d33;} #horairesAppel .error_lbl_jour{width:108px;text-align:right;color:#d33;} /*************************************************************************************************************************************************************************/ /* PAGE INDEPENDANTES (ex : Prefon vs repond, actualites, contact...) */ /*************************************************************************************************************************************************************************/ /* PAGE : Prefond vous repond */ #pagePrefonRepond p.labelG{width:110px;float:left;display:inline;margin:0 0 20px 10px;} #pagePrefonRepond p.champD{width:300px;margin:0 0 20px;float:left;} #pagePrefonRepond p.bouton{text-align:center;cursor:pointer;} #pagePrefonRepond{width:700px;position:relative;margin:20px 20px 0 20px;clear:both;} h1.h1_prefonRepond{color:#0e3083;font-size:22px;font-family:Trebuchet MS,Arial,Sans-Serif;margin:20px 0;} #page_1{height:800px;} #pagePrefonRepond h2{color:#2586c3;font-size:17px;font-family:Trebuchet MS,Arial,Sans-Serif;margin:10px 0 20px 0;} #mainQuestions{float:left;position:relative;width:673px;margin-bottom:20px;} #mainQuestions #headMainQuestions{width:673px;height:15px;float:left;background:url(../images/bg_head_liste_question.png) top left no-repeat;} #mainQuestions #footMainQuestions{width:673px;height:15px;clear:both;background:url(../images/bg_foot_liste_question.png) top left no-repeat;} #mainQuestions #ctMainQuestions{width:673px;float:left;background:url(../images/bg_liste_question.jpg) top left repeat-y;_margin-top:-5px;} #mainQuestions #listeQuestions{width:650px;padding:0 0 0 15px;} #listeQuestions li{width:600px;list-style:none;display:block;margin:5px 0 10px 0;background:url(../images/pictos/picto09.jpg) left 3px no-repeat;padding-left:15px;} #listeQuestions li a{color:#2586c3;font-family:Arial,Vernada,Sans-Serif;font-size:12px;font-weight:bold;text-decoration:underline;} #listeQuestions li a:hover{text-decoration:none;} #mainQuestions #lienPlusQuestion{position:absolute;width:151px;height:29px;right:30px;bottom:0px;} #poserQuestion{float:left;width:500px;position:relative;margin-bottom:20px;} #headPoserQuestion{width:500px;height:30px;background:url(../images/bg_head_posez_votre_question.jpg) top left no-repeat;} #headPoserQuestion .txt_headPoserQuestion{background:url(../images/txt/txt_posez_votre_question.gif) left 7px no-repeat;width:169px;height:26px;margin-left:15px;padding-top:10px;} #footPoserQuestion{clear:both;width:500px;height:18px;background:url(../images/bg_foot_posez_votre_question.jpg) top left no-repeat;} #ctPoserQuestion{width:470px;float:left;background:url(../images/bg_posez_votre_question.jpg) top left repeat-y;padding:15px;} #ctPoserQuestion form{color:#3e3d40;} #ctPoserQuestion form .rd_prefonRepond{position:relative;float:left;display:inline;height:15px;} #ctPoserQuestion form label.rd_prefonRepond{margin-right:50px;padding:2px;} #ctPoserQuestion form .txtA_prefonRepon{width:350px;height:100px;} #ctPoserQuestion form #btn_nextStep{width:147px;height:37px;background:url(../images/boutons/btn_etape_suivante.gif) top left no-repeat;margin-left:170px;cursor:pointer;} #poserQuestion ul#listeChamps{margin-top:10px;} #poserQuestion ul#listeChamps li{clear:both;width:500px;} #infosPrefonRepond{position:relative;float:right;width:151px;margin-top:-20px;} #headInfosPrefonRepond{width:151px;height:10px;float:left;background:url(../images/bg_head_infos_prefon_repond.jpg) top left no-repeat;} #footInfosPrefonRepond{width:151px;height:10px;clear:both;background:url(../images/bg_foot_infos_prefon_repond.jpg) top left no-repeat;} #ctInfosPrefonRepond{line-height:17px;width:131px;float:clear;background:url(../images/bg_infos_prefon_repond.jpg) top left repeat-y;padding:10px;_width:151px;_margin-top:-5px;} #ctInfosPrefonRepond p{color:#e74e18;width:130px;} #ctInfosPrefonRepond a{color:#e74e18;font-weight:bold;text-decoration:underline;} #flecheInfosPrefondRepond{width:18px;height:16px;background:url(../images/bg_fleche_infos_contact.png) top left no-repeat;position:absolute;margin:-100px 0 0 -16px;} #userQuestions{padding:10px 0 15px 10px;} #userQuestions h2{color:#2586c3;font-size:14px;font-family:Trebuchet MS,Arial,Sans-Serif;margin:0 0 10px 0;font-weight:bold;} div.repriseQuestion{border:1px solid #2586C3;margin:0 10px 0 0;padding:10px;} p.modifierQuestion{font-weight:bold;color:#0E3083;cursor:pointer;text-decoration:underline;text-align:right;padding-right:10px;} div.form div.affiliation{height:20px;} /* PAGE : Actualit� */ #pageActu{position:relative;width:100%;margin:12px 0 0;} #ctContenuPageActu{padding:0 20px 30px 30px;width:700px;} #ctContenuPageActu .titre08{margin:0 0 30px;} #zoneMinActus{padding:0; margin: auto; width: 100%;} #listeActus{width:641px;margin-left:30px;padding-top:25px;background:#d9e7b1 url(../images/bg-topListeActus.jpg) no-repeat top left;} #listeActus a{font-style: italic; text-decoration: underline;} #listeActusBottom{width:100%;height:20px;background:#d9e7b1 url(../images/bg-bottomListeActus.jpg) no-repeat top left;} #listeActus .hr-listeActu{width:85%;height:6px;background:#849839 url(../images/bg-hrActus.jpg) top left repeat-x;border:none;display:block;margin:10px auto;} #listeActus a.page_numbering_selected, #listeActusCorres a.page_numbering_selected{color:#748A1F;font-weight:bolder;font-size:12px;} #listeActus a.page_numbering, #listeActusCorres a.page_numbering {color:#748A1F;font-weight:normal;font-size:12px;text-decoration:none;} /* PAGE : Actualit� correspondant */ #listeActusCorres{width:441px;margin-left:30px;padding-top:25px;background:#d9e7b1 url(../images/bg-topListeActusCorres.jpg) no-repeat top left;} #listeActusCorres a{font-style: italic; text-decoration: underline;} #listeActusBottomCorres{width:100%;height:20px;background:#d9e7b1 url(../images/bg-bottomListeActusCorres.jpg) no-repeat top left;} #listeActusCorres .hr-listeActu{width:85%;height:6px;background:#849839 url(../images/bg-hrActus.jpg) top left repeat-x;border:none;display:block;margin:10px auto;} #ctContenuPageInt .titre08ActuCorres{margin:0 0 30px; color:#748A1F; font-family:Trebuchet MS; font-size:22px; font-weight:normal;} /* PAGE : prefon en quelques chiffres */ #ctContenuPageInt #flapLeader{position:absolute;top:50px;right:80px;} /* PAGE : r�sultat de recharche */ #ctSearchResult{width:700px;padding:15px;position:relative;font-family:Arial,Verdana,Sans-Serif;font-size:12px;} #ctSearchResult h2{color:#04536E;font-size:20px;font-weight:bold;line-height:30px;margin:10px 0 15px;text-align:left;} #listeResult{clear:both;width:100%;} #listeResult ul#listeTypeResult, #listeResult ul#resultItem{clear:both;margin:0;padding:0;} #listeResult ul#listeTypeResult li, #listeResult ul#resultItem li{list-style:none;margin:15px 0 10px 0;} #listeResult ul#listeTypeResult li.titleResult{margin:4px 0 0;} #listeTypeResult li{margin:0 0 0 10px;} #listeTypeResult span.infosCategResult{color:#006B9E;font-size:14px;text-decoration:none;border-bottom:1px #e74e18} #listeTypeResult li.titleResult a{font-weight:bold;margin:0 0 5px 10px;color:#373737;font-size:12px;text-decoration:underline;} #listeTypeResult li.titleResult strong.result_recherche{color:#1985C3;border-bottom: 1px #1985C3} #listeTypeResult li.paraResult{padding-left:10px;} /* PAGE : mentions l�gales */ #mentionsLegales #ctContenuPageInt{padding:40px 0 40px 120px;} #mentionsLegales #ctContenuPageInt .titre01{margin:40px 0 10px 0;} #mentionsLegales #ctContenuPageInt p{text-align:justify; margin:10px 0 0 0;} /* PAGE : plan du site */ #bloc_PlanDuSite{font-family:Arial Verdana Sans-Serif;font-size:12px;} #bloc_PlanDuSite .listpage{padding:10px 15px;height:560px;} li.titreCateg{margin-bottom:5px; display:inline;font-family:Trebuchet MS;font-size:1.1em;font-weight:bold;} li.titreSubCateg{margin:2px 15px;} li.titreSubCateg a{font-size:1em;font-weight:normal;} li.titreSubCateg a:hover{text-decoration:underline;} .blListePlSite{float:left;width:230px;height:155px;margin:0 10px 15px 0;} /* PAGE : 404 */ #errorPage{clear:both;position:relative;width:100%;min-height:514px;height:auto;_height:514px;padding:0 0 20px 0;margin:12px 0 0;} #ctContenuPageErreur{padding:0 15px;width:100%;} .titre_errorPage{color:#04536e;font-weight:bold;font-size:20px;text-align:center;margin:100px 0 15px 0;line-height:30px;} .txt-infoErreur{font-family:Arial, Verdana, Sans-Serif;font-size:14px;color:#3e3d40;font-weight:normal;text-align:center;margin:0 0 10px 0;} .txt-infoErreur span a{font-size:12px;color:#006b9e;text-decoration:none;} .txt-infoErreur span a:hover{border-bottom:1px dotted #e74e18;} #spFrmAffl_01{height:60px;} /* PAGE : CONTACT */ #pageContact{width:720px;position:relative;padding:10px;height:820px;} h1.h1_prefonContact{color:#0e3083;font-size:22px;font-family:Trebuchet MS,Arial,Sans-Serif;margin:10px 5px;} #typeContact{width:100%;float:left;} ul#listeTypeContact{display:block;} ul#listeTypeContact li.listeItemContact{display:inline;margin:5px 15px;float:left;width:200px;} li.listeItemContact div.txt_courrier{width:180px;height:46px;background:url(../images/txt/ico_txt_courrier.jpg) top left no-repeat;margin-left:10px;} li.listeItemContact div.txt_telephone{width:180px;height:46px;background:url(../images/txt/ico_txt_telephone.jpg) top left no-repeat;margin-left:10px;} li.listeItemContact div.txt_mail{width:180px;height:46px;background:url(../images/txt/ico_txt_mail.jpg) top left no-repeat;margin-left:10px;} .cadreContact{width:198px;display:block;border:none;} .cadreContact .headerCadreContact{width:198px;height:16px;background:url(../images/bg_head_cadre_type_contact.png) top left no-repeat;} .cadreContact .ctCadreContact{font-family:Trebuchet MS,Arial,Sans-Serif;width:198px;height:55px;background:url(../images/bg_cadre_type_contact.jpg) top left repeat-y;font-size:14px;font-weight:normal;color:#0b2a70;text-align:center;} .cadreContact .ctCadreContact p{line-height:17px;font-family:Trebuchet MS,Arial,Sans-Serif;width:198px;height:55px;background:url(../images/bg_cadre_type_contact.jpg) top left repeat-y;font-size:14px;font-weight:normal;color:#0b2a70;text-align:center;} .cadreContact .footerCadreContact{width:198px;height:16px;background:url(../images/bg_foot_cadre_type_contact.png) top left no-repeat;} .cadreContact .footerCadreContact .tmpNum{position:relative;margin:-5px;} span.lien_contact, span.lien_contact a.lien_contact{color:#0087c9;text-decoration:none;} span.lien_contact a.lien_contact:hover{text-decoration:underline;} #demandeAffilie{float:left;margin-top:20px;width:100%;padding-left:20px;} h2.h2_prefonContact{color:#2586c3;font-family:Trebuchet MS;font-size:17px;font-weight:normal;} ul#listeSujet{width:540px;} ul#listeSujet li p{line-height:17px;} #demandeAffilie ul#listeSujet li{display:block;clear:left;list-style:none;width:600px;margin:20px 5px;background:url(../images/pictos/picto03.gif) top left no-repeat;padding-left:30px;} .introDemande{font-weight:bold;} #listeSujet li a{color:#373737;text-decoration:underline;} #listeSujet li a:hover{text-decoration:underline;} #pictoHelp{margin:0px 0 -5px 5px;position:absolute;} #infosDemandeAffilie{width:203px;position:absolute;float:right;margin-top:-405px;right:20px;} #infosDemandeAffilie #headInfosContact{width:203px;height:16px;background:url(../images/bg_head_infos_contact.png) top left no-repeat;float:left;} #infosDemandeAffilie #footInfosContact{width:203px;height:16px;background:url(../images/bg_foot_infos_contact.png) top left no-repeat;clear:left;} #infosDemandeAffilie #ctInfosContact{line-height:17px;width:183px;background:url(../images/bg_infos_contact.jpg) top left repeat-y;float:left;margin-top:-7px;padding:10px;_width:203px;} #infosDemandeAffilie #ctInfosContact p{margin:0;padding:0;width:180px;color:#e74e18;} #infosDemandeAffilie #ctInfosContact p a{color:#e74e18;font-weight:bold;text-decoration:underline;} #infosDemandeAffilie #flecheInfosContact{width:18px;height:16px;background:url(../images/bg_fleche_infos_contact.png) top left no-repeat;float:left;margin-top:-110px;margin-left:-16px;position:relative;/*float:left;margin:-85px 0 0 -5px;*/}/*position:absolute;margin:50px 0 0 -16px;display:block;_margin:0;*/ #infosDemandeAffilie input{margin-left:80px;} p.intro_form{font-size:11px;text-align:center;line-height:15px;} #champsAffilie{margin:10px;} #champsAffilie h2{width:214px;text-align:right;padding:10px 0 0 0;} /*************************************************************************************************************************************************************************/ /* QUI SOMMES NOUS */ /*************************************************************************************************************************************************************************/ /* PAGE : Rente a vie */ .renteAVie h2.titre01, .renteAVie h2.titre02, .renteAVie h2.titre03{font-size:17px;color:#1985c3;font-family:Trebuchet MS;clear:both;padding-left:10px;} .renteAVie .liste00 .liste00Item, .liste00 .liste00Item a{font-size:12px;color:#373737;line-height:15px;} .renteAVie .liste00 .liste00Item{font-size:12px;color:#373737;background:url(../images/pictos/picto03.gif) no-repeat 0 0;padding:8px 0 18px 35px;line-height:15px;} .renteAVie .liste00 .liste00Item a{text-decoration:underline;} .renteAVie .liste01 .liste00Item, .liste01 .liste00Item a{font-size:12px;color:#373737;line-height:15px;} .renteAVie .liste01 .liste00Item{font-size:12px;color:#373737;background:url(../images/pictos/picto03.gif) no-repeat 0 0;padding:8px 0 18px 35px;line-height:15px;} .renteAVie .liste01 .liste00Item a{text-decoration:underline;} .renteAVie #ctContenuPageInt #niveauxCotisation{width:196px;} .renteAVie #ctContenuPageInt #niveauxCotisation img{top:-20px;} .liste00Lien{padding-left:30px;} .liste00Lien a.lienItem{color:#e74e18;font-weight:bold;font-size:12px;text-decoration:underline;margin-left:5px;} p.noIt_li{clear:left;} p.noIt_li a.lienItem{color:#e74e18;font-weight:bold;font-size:12px;text-decoration:underline;margin-left:5px;} a.lienFck{color:#e74e18;font-weight:bold;font-size:12px;text-decoration:underline;margin-left:5px;} a.lienNormalFck{color:#1985C3;font-weight:normal;font-size:12px;text-decoration:underline;} #blockAvantage{width:480px;margin:10px 0; margin-top: 30px;} .coinHGAvantage{width:15px;height:31px;background:url(../images/coins/coinHG01.jpg) top left no-repeat;float:left;} .titreBlockAvantage{width:450px;height:31px;background:url(../images/bg-titreAvantage.jpg) top left repeat-x;float:left;} .titreBlockAvantage{} .titreBlockAvantage .h3-titreAvantage{font-size:17px;color:#fff;font-family:Trebuchet MS;font-weight:normal;line-height:30px;} .coinHDAvantage{width:15px;height:31px;background:url(../images/coins/coinHD01.jpg) top left no-repeat;float:right;} #ctBlockAvantage{float:left;width:460px;background:#1985c3;margin-bottom:20px; padding:0 10px;} #ctBlockAvantage p{padding:5px 10px;} ul#liste00Avantage{margin:10px 5px 5px 10px;} ul#liste00Avantage li#item01Avantage, ul#liste00Avantage li#item02Avantage{list-style:none; padding-left:30px;background:url(../images/pictos/picto07.jpg) top left no-repeat;min-height:25px;padding-top:5px;font-size:12px;font-weight:normal;color:#fff;font-family:Arial;line-height:20px;} #basAvantage{width:480px;height:10px; margin-left:-10px;} .coinBGAvantage{width:15px;height:10px;background:url(../images/coins/coinBG01.jpg) bottom left no-repeat;float:left;} .coinBDAvantage{width:15px;height:10px;background:url(../images/coins/coinBD01.jpg) bottom left no-repeat;float:right;} #ctMenuInt{width:200px;padding:12px 0 0;} ul#menuInt li:hover, ul#menuInt li:link{background:#eeeeee;} .menuIntItemLink{width:152px;color:#0e3083;padding:12px 0;margin:0 0 0 30px;display:block;background:url(../images/bg-sep-04.gif) repeat-x 0 100%;} .menuIntItemActif{background:url(../images/puces/puce05.gif) no-repeat 14px 14px;} .menu_gauche_banniere_175x204 {width: 175px; padding: 20px 12px 0;} .menu_gauche_video_172x139 {width: 172px; padding: 20px 12px 0;} #ctContenuPageInt{padding:0 15px; width:503px;} #ctContenuPageInt.page_simulateur {width:530px;} #ctContenuPageInt .titre00{margin:0 0 30px;position:relative;} #ctContenuPageInt .titre01{margin:36px 0 36px 0;} #ctContenuPageInt .titre02{margin:20px 0 0 10px;color:#2586C3;} #ctContenuPageInt .liste00ItemSpec{width:400px;padding-right:96px;position:relative;} #ctContenuPageInt .liste00ItemSpec img{padding:10px 0 0 10px;vertical-align:middle;} #savoirPlusPrefon{margin:44px 0 0 36px;clear:both;display:block;} #savoirPlusRAFP{margin:44px 0 0 12px;} /*#ctContenuPageInt .ongletsRepartition{position:relative;background:url(../images/onglet-quelquesChiffres.png) no-repeat;width:512px;height:60px;margin:0 0 30px;} #ctContenuPageInt .ongletsRepartition a.txtImg{position:absolute;height:60px;top:0;} #ctContenuPageInt .repartPlacement{background-position:0 0;} #ctContenuPageInt .perfGestion{background-position:0 -60px;} #ctContenuPageInt .repartPlacementLink{width:266px;left:0;} #ctContenuPageInt .perfGestionLink{width:242px;right:0;}*/ #ctContenuPageInt .ongletsRepartition{position:relative;width:512px;height:60px;margin:0 0 30px;} #ctContenuPageInt .ongletsRepartition.repartPlacement a.repartPlacementLink{position:relative; float: left;background:url(../images/onglet-quelquesChiffres.png) no-repeat;width:270px;height:60px;margin:0 0 30px;} #ctContenuPageInt .ongletsRepartition.repartPlacement a.perfGestionLink{position:relative; float: left;background:url(../images/onglet-quelquesChiffres.png) no-repeat -270px 0;width:242px;height:60px;margin:0 0 30px;} #ctContenuPageInt .ongletsRepartition.repartPlacement a:hover.perfGestionLink{background-position: -270px -60px;} #ctContenuPageInt .ongletsRepartition.perfGestion a.repartPlacementLink{position:relative; float: left;background:url(../images/onglet-quelquesChiffres.png) no-repeat 0 -60px;width:270px;height:60px;margin:0 0 30px;} #ctContenuPageInt .ongletsRepartition.perfGestion a.perfGestionLink{position:relative; float: left;background:url(../images/onglet-quelquesChiffres.png) no-repeat -270px -60px;width:242px;height:60px;margin:0 0 30px;} #ctContenuPageInt .ongletsRepartition.perfGestion a:hover.repartPlacementLink{background-position: 0 0;} #ctContenuPageInt .ongletsRepartition a.txtImg{position:absolute;height:60px;top:0;} #ctContenuPageInt .repartPlacement{background-position:0 0;} #ctContenuPageInt .perfGestion{background-position:0 -60px;} #ctContenuPageInt .repartPlacementLink{width:266px;left:0;} #ctContenuPageInt .perfGestionLink{width:242px;right:0;} #ctContenuPageInt p{color:#373737;line-height:15px;} #ctContenuPageInt .p0{margin:20px 0 0;} #ctContenuPageInt .graph0{margin:0 0 12px;} #ctContenuPageInt .graph1{margin:0 0 38px;} #ctContenuPageInt .graph2{margin:32px 0 40px 3px;} #ctContenuPageInt .liste01{margin:6px 0 0;} #ctContenuPageInt .liste00Item{position:relative;} #ctContenuPageInt .liste00Item h2.titre01{margin:0 0 10px;} #encartService{position:absolute;right:36px;top:4px;} #ctContenuPageInt .ml{margin:46px 0 0;} #ctContenuPageInt .ml0{font-size:10px;color:#373737;} #pageInt .quiPeutSaffilier .titre01{margin:0 0 22px;} #sinscrire{position:relative;width:309px;height:78px;background:#e1e2e3;margin:40px auto;} #ctSinscrire{padding:15px 0;text-align:center;} #ctSinscrire p{font-size:14px;color:#3e3d40;line-height:16px;} #ctSinscrire a{font-size:14px;color:#e74e18;text-decoration:underline;} /*************************************************************************************************************************************************************************/ /* PREFON-RETRAITE */ /*************************************************************************************************************************************************************************/ /* PAGE : rente � vie */ .renteAVieSimulation ul.liste00{float:left;display:block;} .renteAVieSimulation p.paraRenteSimul{text-align:left;width:335px;float:left;} .renteAVieSimulation img.bt-faireSimulation{width:129px;height:61px;border:none;float:right;} .renteAVieSimulation div.sepRenteOption{display:block;border:none;width:100%;clear:both;} .renteAVieSimulation h2.titre02, .renteAVieSimulation h2.titre03{clear:left;} .renteAVieSimulation p.renteOptionIntro{margin:15px 10px;font-family:Arial;font-size:12px;font-weight:normal;color:#373737;} .renteAVieSimulation ul.liste01{margin:10px;font-family:Arial;font-size:12px;font-weight:bold;color:#373737;line-height:30px;} .renteAVieSimulation li.liste00Item p{font-family:Arial;font-size:12px;font-weight:normal;color:#373737;} /* PAGE : cotisation */ .cotisation ul.liste00, .cotisation ul.liste01{margin-bottom:20px;clear:both;} #niveauxCotisation #flapApartirDe {position:absolute;right:200px;top:-30px;} .cotisation table.tabCalculPts{border:1px solid red;margin:10px;width:480px;} /* PAGE : securite */ .securite h2.h2-valeurPts, .securite h3.h3-valeurPts{font-size:14px;font-family:Trebuchet MS;font-weight:normal;clear:both;text-align:center;} .securite h2.h2-valeurPts{color:#2586c3;margin-top:15px;} .securite h3.h3valeurPts{color:#06556c;margin-top:5px;} .securite p.legendeGraph{font-family:Arial;font-size:9px;font-weight:normal;color:#373737;text-align:left;} /* PAGE : liberte */ #ctContenuPageInt #niveauxCotisationAvantage{font-size:12px;} #ctContenuPageInt #niveauxCotisationAvantage img{top:-5px;} #ctContenuPageInt #niveauxCotisationAvantage p{color:#fff;font-weight:normal;} .liberte .liste00ItemAvantage{font-size:12px;color:#fff;background:url(../images/pictos/picto07.jpg) no-repeat 0 0;padding:8px 0 0 35px;line-height:15px;} /* PAGE : Defiscalisation */ .defiscalisation #blockCalculateur{width:360px;margin:0 auto;} .defiscalisation .coinHGCalculateur{width:15px;height:29px;background:url(../images/coins/coinHG02.jpg) top left no-repeat;float:left;} .defiscalisation .titreBlockCalculateur{width:330px;height:29px;background:url(../images/bg-titreCalculateur.jpg) top left repeat-x;float:left;} .defiscalisation .titreBlockCalculateur .h3-titreCalculateur{font-size:17px;color:#fff;font-family:Trebuchet MS;font-weight:normal;line-height:29px;} .defiscalisation .coinHDCalculateur{width:15px;height:29px;background:url(../images/coins/coinHD02.jpg) top left no-repeat;float:right;} .defiscalisation #ctBlockCalculateur{float:left;width:340px;background:#9cb637;margin-bottom:20px; padding: 10px 10px 0 10px; } .defiscalisation ul#liste00Calculateur{margin:10px 5px 5px 10px;font-size:14px;font-weight:normal;color:#fff;} .defiscalisation ul#liste00Calculateur li#item01Calculateur, ul#liste00Calculateur li#item02Calculateur{list-style:none;min-height:15px;padding-top:5px;font-size:12px;font-weight:normal;color:#fff;font-family:Arial;font-size:14px;padding-left:20px;line-height:15px;} .defiscalisation span.chiffreCalcu{color:#374210;font-weight:bold;} .defiscalisation #basCalculateur{width:360px;height:10px;margin-left: -10px;} .defiscalisation .coinBGCalculateur{width:15px;height:10px;background:url(../images/coins/coinBG02.jpg) bottom left no-repeat;float:left;} .defiscalisation .coinBDCalculateur{width:15px;height:10px;background:url(../images/coins/coinBD02.jpg) bottom left no-repeat;float:right;} .defiscalisation li#item03Avantage{list-style:none; padding-left:30px;background:url(../images/pictos/picto08.jpg) top left no-repeat;min-height:25px;padding-top:5px;font-size:12px;font-weight:normal;color:#fff;font-family:Arial;} .defiscalisation #sepDefiscalisation{clear:both;margin:15px;} .defiscalisation p.p-article{display:block;margin:0;width:470px;height:400px;padding-left:10px;font-size:12px;font-weight:normal;color:#373737;} /*************************************************************************************************************************************************************************/ /* INFOS-RETRAITE */ /*************************************************************************************************************************************************************************/ /* PAGE : Adh�sion */ .infoRetraite_adhesion .liste00LienInfos{padding-left:0;} .liste00Infos .liste00ItemInfos, .liste00Infos .liste00ItemInfos a{font-size:12px;color:#373737;line-height:15px;} .liste00Infos .liste00ItemInfos{font-size:12px;color:#373737;background:url(../images/pictos/picto03.gif) no-repeat 0 0;padding:8px 0 18px 35px;line-height:15px;} .liste00Infos .liste00ItemInfos a{text-decoration:underline;} .liste00Infos{margin:0 0 50px;} .liste00LienInfos{margin-bottom:5px;} .liste00LienInfos a.lienItemInfos{color:#2586c3;font-weight:bold;font-size:12px;text-decoration:underline;background:url(../images/puces/puce08.jpg) no-repeat 0 4px;padding-left:12px;} .liste00LienInfos a.lienItemFiche02{color:#2586c3;font-weight:bold;font-size:12px;text-decoration:underline; padding-left:12px;} .ficheRetourListe{margin:0 0 20px;} .ficheRetourListe a{background:url(../images/puces/puce11.gif) no-repeat 0 4px;padding-left:12px;} .liste00Fiche{margin:0 0 50px;} .liste00LienFiche{margin-bottom:10px;} .liste00LienFiche a.lienItemFiche{color:#2586c3;font-size:12px;text-decoration:underline;margin-left:5px;background:url(../images/puces/puce08.jpg) no-repeat 0 4px;padding-left:12px;} .paraInfo{font-family:Arial, Vernada, Sans-Serif;font-size:12px;color:#373737;font-weight:normal;text-decoration:none;} .paraInfo2{margin:20px 0 0;} /* PAGE : glossaire, question/r�ponse */ #navGlossaire {padding:20px 10px; text-align:center;color:#2586c3;font-weight:bold;font-size:12px;} #navGlossaire a {color:#2586c3;font-weight:bold;font-size:12px;text-decoration:underline;} .hautPageLink{float:right;display:inline;font-size:12px;color:#373737;line-height:15px;font-weight:bold;text-decoration:underline;background:url(../images/puces/puce09.jpg) no-repeat 0 4px;padding-left:12px;margin:0 0 34px;} #ctContenuPageInt .titre01Infos{margin:20px 0;} .titre01Infos{font-size:17px;color:#1985c3;font-family:Trebuchet MS;} .titre02Infos{margin:0;height:30px;background:url(../images/pictos/picto03.gif) top left no-repeat;padding:5px 0 0 30px;font-weight:bold;font-size:11px;} ul.liste01Infos{color:#373737;font-family:Arial, Vernada, Sans-Serif;font-size:12px;/*margin-bottom:15px;*/font-weight:bold;} ul.liste01Infos li.liste01ItemInfos{font-weight:normal;/*height:15px;*/line-height:14px;list-style:none;padding-left:10px;margin:20px 0 0;} /* rachat d'annee */ p.p-nb{font-family:Arial,Verdana,Sans-Serif;color:#373737;font-size:10px;font-weight:normal;margin:10px 0;} /*************************************************************************************************************************************************************************/ /* ESPACE ADMINISTRATEURS & CORRESPONDANTS */ /*************************************************************************************************************************************************************************/ #formIdentification{margin:24px 0 0 18px;width:510px;float:left;display:inline;} #formIdentification .formIdentificationAdmin{padding-bottom:40px;} #formIdentification #ctFormSouscription .messageConfirmation{padding:15px;height:auto;} #formIdentification .messageConfirmation p{margin-bottom:10px;} #formIdentification .messageConfirmation p.adresse{text-align:center;} #formIdentification .label00{width:215px;} h2.identification{color:#FFF;font-size:16px;margin-left:20px;} p.formliens{margin:0 0 5px 230px;} p.formliens a{color:#3E3D40;} #prefon_contact_administrateur_et_correspondant_message{width:294px;height:190px;border:1px solid #beccd4;border-width:1px 0 0 1px;} #global_logout{text-align: center;} #global_logout a{font-size: 12px;} #bloc_administrateurs{padding:0px 22px 12px 22px;color:#2073A7;} #bloc_correspondants{padding:12px 22px 12px 22px;color:#2073A7;} p.para_esp{margin: 10px; text-align: justify; font-size: 12px; font-family: Arial, Helvetica, sans-serif;} span.doc_link{padding-left:40px;} span.doc_link a{background-image: url(../../../images/puces/puce06.png); background-position: 0pt 5px; background-repeat: no-repeat; padding: 0 0 0 10px;color:#e74e18;font-weight:bold;font-size:12px;text-decoration:underline;margin-left:5px;} /* Affilie_Login_Overlay */ #Affilie_Login_Overlay {width: 432px; height: 460px; background: #fff;} /* debut commande de le materiel */ #ctFormSouscription .commande_materiel_array{ width: 90%; } #ctFormSouscription .commande_materiel_array td{ width: 25%; } #ctFormSouscription .categorie_materiel{ font-size: 14px; padding-top: 15px; padding-bottom: 10px; color: #0E3083; } /* fin de la commande de materiel */ /*************************************************************************************************************************************************************************/ /* FORMULAIRE GENERIQUE */ /*************************************************************************************************************************************************************************/ .form {position:relative;} .form .lig{margin:0;padding:4px 0;height:20px;overflow:hidden;clear:both;position:relative;} #searchBarre .lig{margin:0;padding:4px 0 4px 208px;height:25px;overflow:hidden;clear:both;position:relative;width: 286px; padding-left: 161px;} .form .lig1{height:25px;} .form .lig2{height:40px;} .form .lig3{height:55px;} .form .lig4{height:70px;} .form #votreQuestion .lig {height:72px;} .form .lig *{float:left;display:inline;font-size:11px;/* ajout */} .form .lig label{line-height:18px;} .form .lig select option{float:none;display:block;} /* Champs textes */ .input_text{border:1px solid #ccc;} .it_0{width:176px;} .it_1{width:294px;} .it_2{width:62px;} .it_3{width:76px;} .it_4{width:90px;} .it_5{width:136px;} #prefon_vous_repond_message {border:1px solid #BECCD4;border-width:1px 0 0 1px;height:90px;width:294px;} /* Labels */ .label00{width:160px;text-align:right;padding:0 14px 0 0;} .label01{width:206px;/*width:194px;*/text-align:right;padding:0 10px 0 0;} .label02{width:300px;text-align:right;padding:0 10px 0 0;} .label0001{width:110px;text-align:right;padding:0 14px 0 0;} #ctFormSouscription .formReversion .label02{width:198px;text-align:right;} .label02 .radio_list{width:250px;}/* souscription step 1 / taille sur ul pour ie7*/ .label02 .radio_list li{display:block;}/* souscription step 1 - positionnement de la liste pour IE*/ #nextStepAffiliation{position:relative;left:50%;margin:25px 0 20px -100px;} .label03{width:262px;padding:0 10px 0 0;} #ctFormSouscription .label03{text-align:right;} .label04{width:52px;} .label05{width:140px;} #ctFormSouscription .label06{color:#e74e18;} .label07{width:274px;} .label08{width:88px;text-align:right;padding-right:8px;} .error_label08{width:88px;text-align:right;padding-right:8px;color:#d33;} .label09{width:294px;padding-right:30px;margin:0 0 0 56px;} /* Listes deroulantes */ .select_1{width:26px;} .select_2{width:48px;} /* year */ .select_3{width:130px;} .select_4{width:76px;} /* month */ /** Listes - Lists **/ .liste00Item, .liste00Item a{font-size:12px;color:#373737;line-height:15px;} .liste00Item{font-size:12px;color:#373737;background:url(../images/pictos/picto03.gif) no-repeat 0 0;padding:8px 0 18px 35px;line-height:15px;} .liste00Item a{text-decoration:underline;} .liste01Item{font-size:12px;color:#373737;padding:4px 0;} .liste01Item strong{font-size:12px;color:#2586c3;} .liste02{width:100%;overflow:hidden;} .liste02Item{float:left;display:inline;} .listeActu01Item{font-size:12px;color:#373737;line-height:17px;} .listeActu00Item img.itemVisu{display:block;border:none; margin:0 10px 10px 20px;} .listeActu00Item .titre01{color:#748a1f;font-size:13px;font-weight:bold;} #listeActus .listeActu00Item .titre01{color:#748a1f;font-size:13px;font-weight:bold;width:570px;margin:5px 35px;} .listeActu00Item p{color:#373737;font-size:12px;font-weight:normal;padding:8px 0 18px 35px;line-height:15px;} .listeActu00Item p.article{min-height:50px;} .listeActu00Item a{font-size:12px;color:#748a1f;line-height:15px;font-weight:bold;} .listeActu00Item a{text-decoration:underline;} .radio_list li{margin:0 0 0 12px;} #champsFonctionnaire .radio_list li{margin:0 0 0 3px;} .radio_list li input{margin:0 5px 0 0;} .radio_list li.space{margin-left:40px;} .radio_list label{vertical-align:middle;} .listeSelectItem{margin:0 10px 0 0;} .form .lig .chkbox_list li{overflow:hidden;display:block;float:none;clear:both;line-height:20px;} .form .lig .chkbox_list label{line-height:20px;} .form .lig .chkbox_list input{margin:2px 8px 0 0;} /* Infobulles */ .infobulle{position:absolute;} .ctInfobulle{position:relative;border_:1px solid #ea6333;padding:0 10px 14px; background: #EF8104;} .pointeur1{position:absolute;left:-16px;top:50%;margin-top:-8px;width:17px;height:16px;background:url(../images/pointeur1.gif) no-repeat 0 0;} .souscription .infobulle{width:182px;right:-205px;} /* Attention les infobulles sont a repositionner pour l'�tape 1 **/ .step1Affiliation2 #inf_precompte{top:360px;} .step1Affiliation #inf_precompte{top:218px;} .step2Affiliation #inf_precompte{top:342px;} #inf_PUPH{top:156px;} #inf_cotisation{top:24px;} #inf_ancienFonctionnaire{top:112px;} .ctInfobulle .titre04{padding:14px 0 10px; color: #FFF;} .ctInfobulle .inf_p0{color:#fff;line-height:15px;} #inf_reversion{top:10px;} #inf_reversion .pointeur1{top:35%;} /* Popups */ .popup0 {position:absolute;z-index:9999;width:468px;height:510px;border:none;left:0px;top:0px;margin:0px;background: #fff url(../images/form/partagerRecommandez_Popup_Titre.gif) no-repeat top;padding:0px;} .popup0 .bt_fermer{position:absolute;top:0;right:0;display:block;line-height:18px;height:18px;padding:0 10px 0 23px;background: url(../images/pictos/picto-close.gif) no-repeat 7px 3px #868788;text-decoration:none;color:#fff;} .popup0 .titre07{margin:18px 0 0 32px;} .popup0 .it_0{border:1px solid #c8d4da;} .popup0 .demandeOK{font-size:12px;font-weight:bold;color:#373737;margin:200px 32px 0px 32px; text-align:center;} /*************************************************************************************************************************************************************************/ .espaceSecurise {margin: 10px 0 0 16px;} #progressbarAffiliation {width: 409; height: 12; margin: 10px 0 0 16px;} #progressbarAffiliation .progressbar_pt0, #progressbarAffiliation .progressbar_pt100 {width: 7px; height: 12px; margin-top: 8px;} #progressbarAffiliation .progressbar {width: 395px; height: 12px; position: relative; margin-top: 8px;} #progressbarAffiliation .progressbar_pt0.off {background: url(../images/affiliation_b/progressbar_pt0_off.gif) no-repeat;} #progressbarAffiliation .progressbar_pt0.on {background: url(../images/affiliation_b/progressbar_pt0_on.gif) no-repeat;} #progressbarAffiliation .progressbar_pt100.off {background: url(../images/affiliation_b/progressbar_pt100_off.gif) no-repeat;} #progressbarAffiliation .progressbar_pt100.on {background: url(../images/affiliation_b/progressbar_pt100_on.gif) no-repeat;} #progressbarAffiliation .progressbar_bg.off {width: 395px; height: 12px; position: absolute;} #progressbarAffiliation .progressbar_bg.on {width: 0; height: 12px; position: absolute;} #progressbarAffiliation .progressbar_bg.off {background: url(../images/affiliation_b/progressbar_bg_off.gif) repeat-x;} #progressbarAffiliation .progressbar_bg.on {background: url(../images/affiliation_b/progressbar_bg_on.gif) repeat-x;} #progressbarAffiliation .progressbar_sep {background: url(../images/affiliation_b/progressbar_sep.gif) repeat-x; width: 1px; height: 12px; position: absolute;} #progressbarAffiliation .progressbar_sep.pos01 {left: 79px;} #progressbarAffiliation .progressbar_sep.pos02 {left: 158px;} #progressbarAffiliation .progressbar_sep.pos03 {left: 237px;} #progressbarAffiliation .progressbar_sep.pos04 {left: 316px;} #progressbarAffiliation .progresstext {color: #3F93BC; margin-left: 10px;} #ctFormSouscription .error_list {color: #ee0000;} /**/ #avantagePrefonWrapper {position: absolute; top: 130px; left: 520px; z-index: 0;} #avantagePrefon.affiliation {position: relative; width: 230px; margin-top: 20px;font: 13px Arial, Helvetica, Sans-serif; width: 220px\9;} .avantageintPrefonWrapper {margin-left: -20px\9; width: 220px\9;} #avantagePrefon.affiliation ul.flecheOrange2 {margin-top: 16px;} #avantagePrefon.affiliation ul.flecheOrange2 li {background: url(/images/pictos/flecheOrange2.gif) no-repeat; padding: 4px 0 12px 34px;} .bleu {color: #0c3183;} .orange {color: #e84e18;} .coulorange {color: #e84e18;} .font9 {font-size: 9px;} .font10 {font-size: 10px;} .font11 {font-size: 11px;} .font12 {font-size: 12px;} .font13 {font-size: 13px;} .font14 {font-size: 14px;} .font15 {font-size: 15px;} .font16 {font-size: 16px;} .font17 {font-size: 17px;} .font18 {font-size: 18px;} /*************************************************************************************************************************************************************************/ /* HABILLAGES DE SITE */ /*************************************************************************************************************************************************************************/ /* voeux 2012 */ /*body {background:url(../images/habillages/voeux_2012/bg_voeux.jpg) repeat-x 0 0 #fff;}*/