/* @override http://neptun-nicolas.local/bpce_demo/ressources/css/demo/style_demo.css */ body{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/bg_main.jpg"); background-position: center 100px; background-repeat: no-repeat; font-family: Arial,"Helvetica Neue", Helvetica, Geneva, sans-serif; text-rendering: optimizeLegibility; font-size: 16px; margin: 0; padding: 0; } h1{ } h2{ } h3{ } h1, p { margin: 0; padding: 0; } #wrap{ margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; max-width: 1280px; overflow-x: hidden; overflow-y: hidden; position: relative; } /* @group header */ div#header{ height: 100px; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; width: 990px; } div#header img{ margin-top: 19px; } /* @end */ /* @group main */ div#main{ margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; width: 990px; } div#main li.home span.content span.h1, div#main span.content span.h1{ padding-bottom: 20px; color: #E5030A; font-size: 1.9em; font-weight: normal; line-height: 28px; } div#main ul { margin: 0; padding: 0; } div#main li{ display: none; height: 510px; } div#main ol li{ display: block; height: 510px; display:inline; } div#main li.selected{ display: block; height: 510px; } div#main li.home{ } div#main li{ } div#main li.home span.content{ margin-left: 100px; } div#main span.content{ color: #4D4D4D; display: block; float: left; font-size: 0.8em; height: 300px; line-height: 16px; margin-left: 1em; margin-top: 37px; width: 402px; position: relative; } div#main span.content span{ display: inline-block; padding-bottom: 10px; } div#main .important{ color: #E5030A; } div#main p{ margin-top: 10px; } div#main a.bt_demo{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/bt_acceder_demo.gif"); background-position: 0 0; background-repeat: no-repeat; color: #FFFFFF; display: block; font-size: 1em; height: 40px; line-height: 41px; padding-left: 33px; width: 256px; top: 27em; left: 57px; text-decoration: none; position: absolute; } div#main li.synthese span.content span.check, div#main li.virement span.content span.check, div#main li.financement span.content span.check, div#main li.paiement span.content span.check, div#main li.deleguer span.content span.check, div#main li.home span.content span.check{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/check_rouge.gif"); background-position: 0 6px; background-repeat: no-repeat; padding-left: 20px; } div#main span.check2{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/check_carre.gif"); background-position: 27px 5px; background-repeat: no-repeat; padding-left: 40px; } #main .home img { float: left; } div#main li.home .visuel_home_pro{ margin-top: 39px; } /* @end */ /* @group footer */ div#footer{ background-image: url(/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/bg_nav.jpg); background-repeat: repeat-x; } div#footer #nav{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/bg_bottom.jpg"); background-position: center 56px; background-repeat: no-repeat; height: 88px; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; position: relative; } div#footer ol.nav{ display: block; height: 56px; list-style-type: none; padding: 0; width: 990px; margin: 0 auto; } div#footer li{ display: block; height: 43px; float: left; padding-left: 10px; padding-right: 10px; padding-top: 13px; border-right: 1px solid #FFF; font-family: Arial, Verdana, sans-serif; font-size: 0.8em; font-weight: bold; position: relative; cursor: pointer; } div#footer li#rs-carousel-item0{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/picto_home.jpg"); background-repeat: no-repeat; height: 56px; padding-left: 0; padding-right: 0; padding-top: 0; width: 42px; border-left: 0; } div#footer #rs-carousel-item0.selected{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/picto_home_selected.jpg"); background-repeat: no-repeat; height: 56px; padding-left: 0; padding-right: 0; padding-top: 0; width: 42px; } div#footer #rs-carousel-item0.selected:hover{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/picto_home_selected.jpg"); background-repeat: no-repeat; height: 56px; padding-left: 0; padding-right: 0; padding-top: 0; width: 42px; } div#footer #rs-carousel-item0:hover{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/picto_home_hover.jpg"); background-repeat: no-repeat; height: 56px; padding-left: 0; padding-right: 0; padding-top: 0; width: 42px; } div#footer li.home:hover{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/picto_home_hover.jpg"); background-repeat: no-repeat; height: 56px; padding-left: 0; padding-right: 0; padding-top: 0; width: 42px; } div#footer li.home .selected{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/picto_home_selected.jpg"); background-repeat: no-repeat; height: 56px; padding-left: 0; padding-right: 0; padding-top: 0; width: 42px; } div#footer .li_long{ width: 200px; } div#footer li.selected{ background-image: url(/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/bg_bt_selected.jpg); background-repeat: repeat-x; color: #FFF; } div#footer li.selected span.fleche_selected{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/fleche_blanche_selected.gif"); background-repeat: no-repeat; height: 5px; left: 45%; position: absolute; top: 0; width: 12px; } div#footer li:hover{ background-image: url(/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/bg_bt_hover.jpg); background-repeat: repeat-x; } div#footer li a{ text-decoration: none; color: #666666; } div#footer li.selected a{ text-decoration: none; color: #FFF; } div#footer .selected:hover{ background-image: url(/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/bg_bt_selected.jpg); background-repeat: repeat-x; color: #FFF; } div#footer li span.fleche{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/fleche_rouge.gif"); background-position: 0 0; background-repeat: no-repeat; display: block; float: left; height: 30px; margin-right: 9px; margin-top: 5px; width: 4px; } div#footer li.selected span.fleche{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/fleche_blanche.gif"); background-position: 0 0; background-repeat: no-repeat; display: block; float: left; height: 30px; margin-right: 9px; margin-top: 5px; width: 4px; } /* @end */ /* @group Tabs SP */ #demo_sp{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/bg_main_sp.jpg"); background-position: center 100px; background-repeat: no-repeat; } #demo_sp .apTabs{ position: relative; } #demo_sp .apTabs .boxTabs{ height: 389px; margin-top: 20px; width: 642px; } #demo_sp .apTabs .boxLeft{ width: 21px; height: 400px; background-image: url(/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/bg_principal_left.gif); float: left; } #demo_sp .apTabs .boxContent{ height: 400px; width: 600px; background-image: url(/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/bg_principal_middle.gif); background-repeat: repeat-x; float: left; } #demo_sp .apTabs .boxRight{ width: 21px; height: 400px; background-image: url(/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/bg_principal_right.gif); float: left; } #demo_sp div#main p.accroche_demo_sp{ font-size: 14px; margin-top: 20px; width: 630px; } #demo_sp div#main .tabs-nav{ float: left; margin-top: 20px; width: 285px; } #demo_sp div#main .tabs-nav li{ width: 135px; height: 135px; display: block; background: none; } #demo_sp div#main .tabs-nav .navLeft{ width: 17px; height: 132px; background-image: url(/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/bg_vignette_left_normal.gif); float: left; display: block; margin: 0; padding: 0; } #demo_sp div#main .tabs-nav .content_tab li a{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/bg_vignette_middle_normal.gif"); background-repeat: repeat-x; display: block; float: left; height: 65px; line-height: 14px; margin:0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 80px; width: 101px; color: #666666; } #demo_sp div#main .tabs-nav .navRight{ width: 17px; height: 132px; background-image: url(/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/bg_vignette_right_normal.gif); float: left; display: block; margin: 0; padding: 0; } #demo_sp .boxContent img{ float: left; margin-left: 40px; margin-top: 70px; } #demo_sp .boxContent div{ float: left; margin-left: 20px; margin-top: 16px; padding-top: 20px; width: 342px; } #demo_sp .boxContent h1{ color: #E8030A; font-size: 26px; font-weight: normal; padding-bottom: 20px; padding-left: 19px; } #demo_sp .boxContent div a{ color: #E8030A; } #demo_sp .boxContent div span{ color: #666666; display: block; font-size: 13px; height: auto; padding-bottom: 14px; line-height: 18px; float: left; width: 305px; } #demo_sp div#main .tabs-nav li{ background-position: center 25px; background-repeat: no-repeat; color: #666666; font-size: 13px; line-height: 16px; display: block; margin-bottom: 10px; } #demo_sp div#main .tabs-nav li{ opacity: .5; filter: Alpha(Opacity=50); position: relative; } #demo_sp div#main .tabs-nav img{ left: 43px; position: absolute; top: 20px; } #demo_sp div#main .tabs-nav li:hover, #demo_sp div#main .tabs-nav .tab-selected{ opacity: 1; filter: Alpha(Opacity=100); } #demo_sp div#footer{ height: 40px; background: url(/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/bg_bottom.jpg) no-repeat center 0; opacity: .7; filter: Alpha(Opacity=70); } #demo_sp .box_nav{ display: block; margin-top: 140px } #demo_sp .tabs-nav{ width: 400px; height: 400px; } #demo_sp div#main span.check{ background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/check_rouge.gif"); background-position: 0 6px; background-repeat: no-repeat; padding-left: 20px; font-size: 13px; color: #666666; float: left; width: 0px; } #demo_sp div#main span.check strong{ font-size: 13px; } #demo_sp div#main a.bt_demo { -moz-text-blink: none; -moz-text-decoration-color: -moz-use-text-color; -moz-text-decoration-line: none; -moz-text-decoration-style: solid; background-image: url("/web/20150521033703im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/demo/bt_acceder_demo.gif"); background-position: 0 0; background-repeat: no-repeat; color: #FFFFFF; display: block; font-size: .8em; height: 40px; line-height: 41px; padding-left: 33px; position: absolute; left: 51.5em; top: 29.3em; width: 256px; } .content_tab{ width: 200px; } /* @end */ /* FILE ARCHIVED ON 03:37:03 May 21, 2015 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 03:07:31 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: 81.752 exclusion.robots: 0.077 exclusion.robots.policy: 0.07 cdx.remote: 0.071 esindex: 0.009 LoadShardBlock: 49.739 (3) PetaboxLoader3.datanode: 72.382 (4) CDXLines.iter: 20.95 (3) load_resource: 112.635 PetaboxLoader3.resolve: 27.476 */