/* @override http://127.0.0.1/bpce_demo/ressources/css/demo/apView.css http://neptun-nicolas.local/bpce_demo/ressources/css/demo/apView.css http://mthierry.local/bpce_demo_ap/ressources/css/demo/apView.css http://thierry.local/bpce_demo/ressources/css/demo/apView.css */ /* @group Demo Layer */ #demoFullOverlay { opacity: 0; width: 100%; height: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 280; } #demoLoading { opacity:0; width: 100%; height: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 280; text-align: center; } #demoLoading img.ajaxLoader { margin-top: 300px; padding: 32px; background-color: #ececec; border: 1px solid #a7a7a7; } body.mode_interactif .uiDialogClose { display: block; } body.mode_automatique .uiDialogClose { display: none; } body.mode_interactif #demo_arrow { display: none; } body.mode_interactif .demoOverlay { } body.mode_automatique .demoOverlay { width: 5px; height: 5px; overflow: hidden; display: block; opacity:0; } body.mode_interactif #jouer-demo div.msg_demo_automatique { display: none; } body.mode_automatique #jouer-demo div.msg_demo_interactif { display: none; } /* @end */ #controller, #select-mode_v2, #jouer-demo, #rejouer-demo, .uiOverlayContent, .uiDialogBody { text-rendering: optimizeLegibility; } #globalDeiInd { padding-top: 40px; } /* @group controller */ #controller { position: fixed; height: 40px; background-color: #E6E6E6; width: 100%; top: 0; z-index: 290; font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; border-bottom: 1px solid #acacac; left: 0; opacity: 0.95; } #content_controller { width: 990px; margin: 0 auto; position: relative; } #controller ul { width: 270px; padding: 5px 32px 0 0; margin: 0 auto; height: 35px; position: absolute; right: 0; } #controller li { margin-left: 3px; float: right; } #controller_title{ position: absolute; display: block; top: 8px; left: 0; font-size: 21px; color: #000; } #controller a { display: block; cursor: pointer; width: 32px; height: 32px; color: #fff; text-decoration: none; line-height: 31px; font-size: 17px; } #controller_home { background-image: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/btn_home_32x32.png); } #controller_home:hover { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/btn_home_32x32.png) no-repeat 0 -35px; } #controller_mode_interactif { background-image: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/btn_interactif_32x32.png); } #controller_mode_interactif:hover { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/btn_interactif_32x32.png) no-repeat 0 -35px; } body.mode_interactif #controller_mode_interactif, #controller_mode_interactif.select { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/btn_interactif_32x32.png) no-repeat 0 -71px; } #controller_mode_auto { background-image: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/btn_automatique_32x32.png); } body.mode_automatique #controller_mode_auto.stop, #controller_mode_auto:hover { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/btn_automatique_32x32.png) no-repeat 0 -35px; } body.mode_automatique #controller_mode_auto, #controller_mode_auto.select { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/btn_automatique_32x32.png) no-repeat 0 -71px; } #controller_mode_auto.select:hover { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/btn_automatique_32x32.png) no-repeat 0 -107px; } #controller_backward a { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/backward_24x16.png) no-repeat center center; display: none; } #controller_play a { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/pause_15x15.png) no-repeat center center; display: none; } #controller_play a.status_false { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/play_17x20.png) no-repeat center center; } #controller_pause a { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/pause_15x15.png) no-repeat center center; display: none; } #controller_forward a { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/forward_24x17.png) no-repeat center center; display: none; } #controller_summary a { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/summary_29x22.png) no-repeat 7px 7px; width: 122px; text-indent: 36px; display: none; } /* @end */ /* @group demoOverlay */ .demoOverlay { position: absolute; top: 100px; left: 100px; z-index: 50; overflow: hidden; cursor: help; } .demoOverlay span { line-height: 12px; position: absolute; right: 24px; opacity: 0; top: 24px; display: none; } /* @end */ /* @group liens non clickables */ header a, #toolbar_identite a, .acces .sidebottom a, #champ_recherche_header, #MM_WIZARD_RECHERCHE_OPERATIONS_m_WizardBar_m_lnkAbort_m_lnkButton, #MM_TELECHARGE_OPERATIONS_m_ChoiceBar_lnkLeft, #MM_m_CH_m_Onglets a { cursor: default; } .deasableLink { cursor: default; } header #acces_profils li a:hover { color: #8a8a8e; } header #acces_profils li.actif a:hover { color: #D00019; } a#changer_region_2:hover { color: #999; } #toolbar_identite ul li.deconnexion a:hover { color: #333; } .acces .sidebottom a:hover { color: #000; } /* @end */ /* @group tool bar identite */ #toolbar_identite ul { padding-left: 40px; } /* @end */ /* @group Tableau liste des relevés */ td.apSubTitle { font-size: 11px; font-weight: bold; } td.apPayeReleve { color: #E80208 !important; font-size: 11px; font-weight: bold; } .apInfoTextarea { margin-bottom: 20px; } /* @end */ /* @group popOver positions */ .apPopOverHistorique { padding-left: 40px; } .apComptesOperationsRecherche { padding-left: 50px; padding-top: 40px; } /* @end */ /* @group Tableaux */ .apTabContent td { background-color: #f7f7f7; height: 25px; } .apTabTitle td { background-color: #ddd; } .apHeightLine td { height: 30px; } .apDetailOpCompte td, .apDetailOpCompte .NormalCellWithBottomBorder { height: 18px; } .apTypeVirement td { height: 26px; } .apAjoutezUsager, .apComptesPro, .apCaracteristiquesUsagers, .apDroitsRubriques { border-collapse:separate; border-spacing: 0 1px; } .apAjoutezUsager td.NormalCellWithBottomBorder, .apAjoutezUsager td.CheckBoxWithBottomBorder, .apComptesPro td.NormalCellWithBottomBorder, .apComptesPro td.CheckBoxWithBottomBorder, .apCaracteristiquesUsagers .ModificationIntitule, .apCaracteristiquesUsagers .ModificationConfirmation, .apDroitsRubriques td.NormalCellWithBottomBorder, .apDroitsRubriques td.CheckBoxWithBottomBorder { margin: 0; padding: 0; vertical-align: middle !important; height: 20px; border: none; } .apComptesPro td.NormalCellWithBottomBorder, .apComptesPro td.CheckBoxWithBottomBorder { height: 40px; } .apAjoutezDelegue2sur4Description { display: block; width: 570px; } .apGestionProfilsDescription { display: block; width: 535px; } .apCompteDebiter { display: block; width: 430px; } /* @end */ /* @group Tableau crédit */ .NormalCellWithBottomBorder a.apLoupe img { display: inline-block; height: 18px; width: 18px; padding-left: 5px; padding-right: 1px; } .NormalCellWithBottomBorder a.apLoupe:hover { background-color: #F7F7F7; } .NormalCellWithBottomBorder p { display: inline-block; margin: 0; vertical-align: top; } td.apCol1 { width: 240px; } td.apCol2 { width: 125px; } td.apContent { border-bottom: 1px solid #EFEFEF; } td.apDetail { padding-left: 22px; } /* @end */ /* @group Tableau opposition CB */ table.apOppositionCB td { padding-bottom: 15px; color: #000; } table.apOppositionCB ul { padding: 0; margin: 0; } span.apAlertPro { font-weight: bold; font-size: 12px; color: #5f6060; padding-left: 10px; } /* @end */ /* @group Tableau facturea */ table td.apFactureaReference { width: 85px; } table td.apFactureaContratVision { width: 300px; } table td.apFactureaReferenceVision { width: 60px; } table td.apFactureaReferenceGarantie { padding-right: 7px; width: 35px; } table td.apFactureaContrat { width: 577px; } table td.apFactureaContratGarantie { width: 287px; padding: 0; } table td.apFactureaGarantieDate { width: 164px; padding-left: 0; padding-right: 0; } /* @end */ /* @group LinkBox */ h4.apTitleType1 { color: #f9a63c; margin: 0; } a.apLinkTitle { color: #e80208; font-weight: bold; font-size: 14px; } /* @end */ /* @group Boite alert ecureuil pas utilisé */ .apBox { background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); border: 1px solid #d6d6d6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; margin-top: 20px; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; } .apBox ul { position: absolute; top: -20px; left: 20px; width: 51px; margin: 0; padding: 0; } .apBox li { background: rgb(232,232,232); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(50%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 50%); /* IE10+ */ background: linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ text-align: center; font-weight: bold; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; height: 19px; width: 65px; line-height: 20px; } .apBox li a { display: block; color: #e80208; background: url('/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/css/images/puce.png') no-repeat 7px center; } .apBox p { color: #000; margin: 10px 0; padding: 0; } .apBox span { color: #545555; } /* @end */ /* @group demo introduction */ .introduction ul { list-style-type: none; margin-left: 50px; } /* @end */ /* @group faq */ #divAnciennePageTotem a { text-decoration: none; } /* @end */ /* @group Footer */ footer ul { padding-left: 0; } footer a { cursor: default; } #footer ul li a:hover { color: #59595E; } /* @end */ .uiOverlayContent .popOverAction, .uiOverlayContent .introduction { display: block; padding: 13px 33px 8px 15px; } div.uiContextualDialogFooter { display: none; } .uiOverlayContent p, .uiOverlayContent ul, .uiOverlayContent .introduction ul { font-size: 13px; line-height: 16px; margin: 0; padding: 0 0 9px; } .uiOverlayContent li { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/tirret_4x1.png) no-repeat left 8px; padding-left: 10px; } div.dialogTitle { font-size: 14px; line-height: 18px; padding: 9px 33px 7px 15px; background-color: #da010a; color: #ffffff; } /* @group selectmode */ #select-mode_v2 { font-size: 1em; padding-top: 14px; padding-right: 14px; padding-left: 14px; } #select-mode_v2 h2 { margin: 0; padding-bottom: 14px; } #select-mode_v2 table { width: 100%; border: none; margin-top: 30px; margin-bottom: 50px; } #select-mode_v2 td { width: 50%; padding: 122px 15px 15px; text-align: center; } #select-mode_v2 td.interactif { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/select_mode_interactif_bg.png) no-repeat center top; } #select-mode_v2 td.automatique { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/select_mode_auto_bg.png) no-repeat center top; } #select-mode_v2 a { font-size: 14px; color: #ffffff; text-decoration: none; width: 180px; height: 32px; display: inline-block; background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/select_mode_bt.png) no-repeat 0 0; overflow: hidden; line-height: 31px; } #select-mode_v2 a:hover { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/select_mode_bt.png) no-repeat 0 -32px; } /* @end */ /* @group select-mode_v2 (ap) */ /* @end */ div#select-mode_v2 { overflow: hidden; } /* @group acces-demo */ #acces-demo { background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/fleche-demo-272x152.png) no-repeat center bottom; height: 257px; width: 327px; padding-top: 80px; padding-left: 55px; margin: 0 auto; } #acces-demo h3, #acces-demo span { color: #E80208; } #acces-demo h3 { font-size: 50px; } #acces-demo span { font-weight: bold; font-size: 21px; } #acces-demo p { color: #000; font-size: 16px; margin-top: 10px; margin-bottom: 0; } /* @end */ /* @group rejouer-demo */ #jouer-demo, #rejouer-demo { font-size: 12px; color: #000000; height: 370px; position: relative; } #jouer-demo .msg_acceder, #rejouer-demo .msg_acceder { display: block; background-color: #a7bcda; position: absolute; top: 50px; left: 40px; height: 280px; width: 300px; } /* #rejouer-demo .msg_acceder { background: #ffffff url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/fleche-demo-272x152.png) no-repeat 0 75px; } #rejouer-demo .apSeparateur { position: absolute; background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/tranche_2x242.png) no-repeat; width: 2px; height: 242px; top: 60px; left: 355px; } */ #rejouer-demo .msg_acceder, #jouer-demo .msg_acceder { top: 50px; left: 221px; height: 320px; width: 461px; background: #ffffff url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/fleche-demo-461x258.png) no-repeat right bottom; } #jouer-demo span.title_demonstration, #rejouer-demo span.title_demonstration { font-size: 30px; display: block; line-height: 30px; } /* #rejouer-demo span.title_demonstration { font-weight: bold; font-size: 21px; color: #E80208; } */ #jouer-demo span.title_explication, #rejouer-demo span.title_explication { font-size: 19px; display: block; line-height: 30px; } /* #rejouer-demo span.title_explication { font-size: 16px; line-height: 20px; } */ #jouer-demo span.title_acceder, #rejouer-demo span.title_acceder { color: #E80208; font-size: 60px; font-weight: bold; display: block; height: 60px; line-height: 50px; } /* #rejouer-demo span.title_acceder { font-size: 50px; height: 45px; } */ #rejouer-demo span.important, #jouer-demo span.important { display: block; font-size: 26px; font-weight: bold; color: #E80208; height: 25px; } #rejouer-demo .msg_demo_automatique span.important, #jouer-demo .msg_demo_automatique span.important { font-size: 23px; } /* #rejouer-demo .msg_rejouer { width: 330px; display: block; position: absolute; top: 50px; left: 380px; height: 177px; background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/rejouer-animation_300x177.png) no-repeat left top; cursor: pointer; } #rejouer-demo span.title_rejouer, #rejouer-demo span.title_animation { padding-left: 200px; font-weight: bold; } #rejouer-demo span.title_rejouer { font-size: 33px; line-height: 50px; display: block; } #rejouer-demo span.title_animation { font-size: 24px; line-height: 30px; display: block; } */ /* @end */ body.mode_interactif .interactifOnly { display: block; } body.mode_automatique .interactifOnly { display: none; } body.mode_interactif .automatiqueOnly { display: none; } body.mode_automatique .automatiqueOnly { display: block; } body.mode_interactif #demoFullOverlay { display: none; } #rejouer-demo .msg_acceder_v2, #jouer-demo .msg_acceder_v2 { margin-bottom: 0; overflow: visible; } #rejouer-demo .msg_demo_interactif { display: none; } #rejouer-demo .msg_acceder_v2 h2, #jouer-demo .msg_acceder_v2 h2 { color: #E80208; padding: 0; margin: 0; font-size: 25px; line-height: 28px; } #rejouer-demo div.intro, #jouer-demo div.intro { height: 70px; } #rejouer-demo div.intro h1, #jouer-demo div.intro h1 { color: #E80208; line-height: 25px; margin-bottom: 12px; } #rejouer-demo div.intro h1, #jouer-demo div.intro h1, #rejouer-demo div.intro p, #jouer-demo div.intro p { width: 620px; } /* @group diagrammes */ img.apEmprunte, img.apRestant { padding-top: 30px; padding-bottom: 30px; padding-left: 140px; } img.apRestant { padding-left: 155px; } /* @end */ span.cas { text-decoration: underline; background-image: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/puce.png); background-position: left center; background-repeat: no-repeat; padding-left: 8px; } div.uiSelect { position: relative; margin: 0; padding: 0; display: inline-block; } div.uiSelect select { position: absolute; display: none; margin: 0; padding: 0; } #demo_select_virements_realisez_1 select { width: 390px; } #demo_select_virements_realisez_1 selec uiSelect_selected { width: 390px; } div.uiSelect_selected { border: 1px solid #9e9e9e; overflow: hidden; height: 18px; text-align: left; line-height: 18px; margin: 0; background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/select_ie.png) no-repeat right top; padding: 0 16px 0 4px; cursor: pointer; } ul.uiSelect_list { position: absolute; z-index: 25; top: 20px; overflow: hidden; overflow-x: hidden; overflow-y: auto; height: auto; margin: 0; text-align: left; text-indent: 0; padding: 0; display: none; left: 0; border: 1px solid #aeaeae; border-top-style: none; font-size: 10px; padding: 0; } ul.uiSelect_list li.uiSelect_option { margin: 0; padding: 2px 5px; text-indent: 0; background-color: #ffffff; white-space: nowrap; font-weight: normal; font-style: normal; cursor: pointer; } ul.uiSelect_list li.uiSelect_option_selected { color: #ffffff; background-color: #C00200; } #globalDeiInd { position: relative; } #globalDeiInd header { height: 46px; overflow: hidden; } #demo_arrow{ background: url(/web/20150905230030im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/curseur.png) no-repeat center center; width: 32px; height: 32px; text-indent: -99999px; position: absolute; z-index: 75; } /* FILE ARCHIVED ON 23:00:30 Sep 05, 2015 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 03:03:27 Sep 09, 2022. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 1003.186 exclusion.robots: 0.104 exclusion.robots.policy: 0.095 RedisCDXSource: 1.178 esindex: 0.008 LoadShardBlock: 977.529 (3) PetaboxLoader3.datanode: 956.209 (4) CDXLines.iter: 21.974 (3) load_resource: 99.303 PetaboxLoader3.resolve: 65.129 */