/* @override http://neptun-nicolas.local/bpce_demo/ressources/css/indcss_deiportal_20111027115327.css */ @charset "utf-8"; /** * Fichier : global.css * Description : styles génériques du site * Auteur : Hamza Iqbal - hiqbal[at]actualys.com * Version : 1.0.0 ******************************************/ /** * Reset ******************************************/ /*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } */ html, body { height: 100%; margin: 0px; } a img, fieldset { border: 0; } /*a *, label, button, input[type=image], input[type=button], input[type=submit] { cursor: pointer; }*/ ol { list-style-position: inside; } ul { list-style: none; } strong { font-weight: bold; } em { font-style: italic; } ins { text-decoration: none; } del { text-decoration: line-through; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } /*table { border-collapse: collapse; border-spacing: 0; }*/ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } hr { border: 0; border-top: 1px solid #ccc; display: block; height: 1px; margin: 1em 0; padding: 0; } /*input, select { vertical-align: middle; }*/ article, aside, figure, footer, header, hgroup, nav, section { display: block; } /** * Eléments génériques ******************************************/ html { overflow-y: scroll; -webkit-font-smoothing: antialiased; } body { background: #fff; color: #404040; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif; /* f ont-size: 62.5%;*/ line-height: 1.2; } a { color: #000; } /*h1, h2, h3, h4, h5, h6 { font-weight: bold; }*/ h1, h2, h3, h4, h5, h6 { font-weight: 700; } /*textarea, input, select { font: 12px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif; }*/ input[type=search] { -webkit-appearance: none; } input[type="radio"] { height: 14px; vertical-align: text-bottom; width: 14px; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } button { background: 0; border: 0; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif; margin: 0; outline: 0; overflow: visible; padding: 0; } button::-moz-focus-inner { border: 0; padding: 0; } button span { position: relative; !margin: -1px 0 -2px; } pre, code, kbd, samp { font-family: monospace, sans-serif; } pre { padding: 15px; white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; / * CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; / * IE */ } /** * Classes génériques ******************************************/ .invisible { clip: rect(1px 1px 1px 1px); /* IE 6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } /* Divers */ .masque { background: 0 !important; border: 0 !important; display: block !important; float: none !important; height: 1px !important; list-style: none !important; margin: -1px 0 0 -1px !important; position: absolute !important; overflow: hidden !important; padding: 0 !important; width: 1px !important; } .clear { clear: both; } .center { text-align: center; } .f_left { display: inline; float: left; } .f_right { display: inline; float: right; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; font-size: 0; height: 0; visibility: hidden; } .clearfix:after { clear: both; } /** * Structure générique ******************************************/ /*#global*/ #globalDeiInd { margin: 0 auto; width: 980px; } header { padding: 30px 0; position: relative; font-size: 62.5%; } #contenu { padding: 0 0 18px; } .template_2 #colonne { float: left; width: 236px; } .template_2 #principal { float: right; width: 732px; } #footer { background: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/fonds/bg_footer.png) center 0 no-repeat; font-size: 1.1em; /* 11px */ padding: 15px 0; text-align: center; font-size: 62.5%; } /** * Liens d'évitement ******************************************/ #evitement { position: absolute; left: -999px; } /** * Header ******************************************/ /* Logo */ header #logo { display: inline; float: left; margin: 0 20px 0 8px; } /* Accès profils */ header #acces_profils { float: left; font: normal normal 1.7em/1 "Myriad Pro", "Trebuchet MS", Arial, Sans-Serif; margin: 10px 0 0; padding-left: 0px; /* co rrection décalage pour Modele_Dei_IND */ } header a { text-decoration: none; } header #acces_profils li { border-left: 1px dotted #cfcfd0; display: inline; float: left; padding: 0 12px; } header #acces_profils li:first-child { border-left: 0; padding-left: 0; } header #acces_profils li.actif { color: #d00019; } header #acces_profils li * { float: left; } header #acces_profils li a { color: #8a8a8e; } header #acces_profils li a:hover { color: #333; } header #acces_profils li.actif a { color: #d00019; } header #acces_profils li strong { background: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/pictos/pi_header.png) 0 0 no-repeat; color: #d00019; font-weight: normal; padding: 0 0 0 26px; } /* Changer caisse */ /*header #changer_caisse_epargne*/ header .changer_caisse_epargne { background: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/pictos/pi_header.png) right -16px no-repeat; line-height: 1.4; padding: 0 15px 0 0; position: absolute; right: 0; text-decoration: underline; top: 8px; } header a.changer_caisse_epargne { color: #999; } header .changer_caisse_epargne:hover { color: #d00019; } /* Liens rapides */ header #liens_rapides { float: right; margin: 3px 0 0; zoom: 1; } header #liens_rapides li { border-right: 1px dotted #cfcfd0; display: inline; float: left; margin: 0 12px 0 0; position: relative; } header #liens_rapides li a { background: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/pictos/pi_header.png) no-repeat; float: left; height: 24px; margin: 0 12px 0 0; text-indent: -9999px; } header #liens_rapides li.contact a { background-position: 0 -46px; width: 20px; } header #liens_rapides li.agence a { background-position: 0 -70px; width: 22px; } header #liens_rapides li.aide a { background-position: 0 -94px; width: 21px; } header #liens_rapides li a span { background: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/textes/txt_infobulle_header.png) no-repeat; display: none; height: 29px; position: absolute; top: -30px; } header #liens_rapides li a:hover span { display: block; } header #liens_rapides li.contact a span { background-position: 0 0; left: -22px; width: 62px; } header #liens_rapides li.agence a span { background-position: 0 -29px; left: -30px; width: 84px; } header #liens_rapides li.aide a span { background-position: 0 -58px; left: -12px; width: 67px; } /* Formulaire de recherche */ header #form_recherche_header { background: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/fonds/bg_recherche_header.png) 0 0 no-repeat; float: right; height: 23px; overflow: hidden; padding: 3px 25px 3px 3px; position: relative; width: 149px; } header #form_recherche_header a { background: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/boutons/btn_rechercher_header.png) no-repeat; position: absolute; width: 20px; height: 20px; } header #form_recherche_header input { } header #form_recherche_header input.texte { background: #fff; border: 0; color: #5c5c5c; font-size: 1.1em; /* 1 1px */ height: 23px; outline: 0; padding: 0 5px; width: 135px; zoom: 1; } .ielt9 header #form_recherche_header input.texte { padding-top: 4px; height: 19px; } /* header #form_recherche_header input.texte:focus { border-color: #9f9f9f; } */ header #form_recherche_header input.btn { position: absolute; right: 10px; top: 5px; } /** * Navigation ******************************************/ #navigation { background: #f0f1f1 url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/fonds/bg_navigation.png) 0 0 repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px #e5e5e5; -moz-box-shadow: 0 1px #e5e5e5; box-shadow: 0 1px #e5e5e5; font: normal normal 1.4em/4 "Myriad Pro Light", "Myriad Pro", "Trebuchet MS", Arial, Sans-Serif; /* 14px/56px */ margin: 0 0 30px; position: relative; text-align: center; behavior: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/css/indcss/pie.htc); } #navigation ul li { background: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/fonds/bg_navigation.png) 0 -224px no-repeat; float: left; padding: 0 0 0 2px; position: relative; } #navigation ul li a { background: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/fonds/bg_navigation.png) 0 0 repeat-x; color: #59595e; display: block; float: left; position: relative; width: 183px; } #navigation ul li.long a { line-height: 1.2; padding: 11px 0; } #navigation ul li:last-child a { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; behavior: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/css/indcss/pie.htc); } #navigation ul li a:hover { background-position: 0 -56px; } #navigation ul li.actif a, #navigation ul li.actif a:hover { background-position: 0 -112px; color: #fff; } #navigation ul li#btn_acces_comptes { background-position: 0 -168px; background-repeat: repeat-x; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; height: 46px; padding: 10px 11px 0; text-align: left; behavior: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/css/indcss/pie.htc); } #navigation ul li#btn_acces_comptes a { background: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/boutons/btn_acces_comptes.png) 0 0 no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; line-height: 2.5; /* 35:14 */ mar gin: 0 auto; padding: 0 10px 0 45px; position: relative; width: 163px; behavior: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/css/indcss/pie.htc); } #navigation ul li#btn_acces_comptes a:hover { background-position: 0 -35px; } #navigation ul li#btn_acces_comptes.actif a, #navigation ul li#btn_acces_comptes.actif a:hover { background-position: 0 -70px; } /** * Toolbar identité utilisateur ******************************************/ #CartridgeIND { font-size: 62.5% } /*Portail DEI IND */ #oCartridgeIND { font-size: 62.5% } /*Portail NGI IND */ /*.miniside #toolbar_identite{ padding: 0;}*/ #toolbar_identite { /* background: #f7f7f7 url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/fonds/bg_toolbar_identite.png) 0 0 repeat-x;*/ background-color: #f7f7f7; border-top: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 1.1em; /* 11px */ marg in: 0 0 0px; padding: 8px 13px; /* Modif Aym*/ position: relative; behavior: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/css/indcss/pie.htc); height: 30px; } #toolbar_identite a { text-decoration: none; } #toolbar_identite p, #toolbar_identite ul, #toolbar_identite ul li { /* display: inline-block;*/ float: left; vertical-align: middle; margin: 0px; } #toolbar_identite p.suiviparoff { padding-top: 10px; } .ielt8 #toolbar_identite p, .ielt8 #toolbar_identite ul, .ielt8 #toolbar_identite ul li { display: inline; zoom: 1; } #toolbar_identite p { color: #000; line-height: 1.4; } #toolbar_identite ul { line-height: 1.5; font-weight: bold; /*mar gin: 0 0 0 20px;*/ } #toolbar_identite ul li { border-left: 1px solid #ddd; padding: 10px 13px; } #toolbar_identite ul li a { background: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/pictos/pi_toolbar_identite.png) no-repeat; color: #333; display: inline-block; padding: 0 0 0 27px; } #toolbar_identite ul li a:hover { color: #d00019; } #toolbar_identite ul li.messagerie a { background-position: 0 0; } #toolbar_identite ul li.deconnexion a { background-position: 0 -16px; } /** * Colonne ******************************************/ #colonne .bloc_col { font: normal normal 1.3em/1.2 "Myriad Pro Light", "Myriad Pro", "Trebuchet MS", Arial, Sans-Serif; / * 13px */ margin: 0 0 25px; } #colonne .bloc_col h2 { background: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/fonds/bg_bloc_col.png) 0 0 repeat-x; border: 1px solid #a3a4a6; border-bottom: 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; color: #fff; cursor: pointer; font-weight: normal; position: relative; zoom: 1; behavior: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/css/indcss/pie.htc); } #colonne .bloc_col_ferme h2 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/css/indcss/pie.htc); } #colonne .bloc_col h2 span { background: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/pictos/pi_bloc_col.png) 210px 10px no-repeat; display: block; padding: 10px 35px 10px 12px; zoom: 1; } #colonne .bloc_col_ferme h2 span { background-position: 210px -60px; } #colonne .bloc_col ul { zoom: 1; } #colonne .bloc_col ul li { border: 1px solid #ececec; border-bottom-color: #fff; position: relative; } #colonne .bloc_col ul li:last-child { border-bottom-color: #d8d8d8; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; behavior: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/css/indcss/pie.htc); } #colonne .bloc_col ul li.actif { border-color: #b00021 #a90a25; } #colonne .bloc_col ul li a { background: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/fonds/bg_bloc_col.png) 0 -140px repeat-x; color: #59595e; display: block; padding: 10px 12px 10px 12px; zoom: 1; } #colonne .bloc_col ul li a:hover { background-position: 0 -210px; } #colonne .bloc_col ul li.actif a, #colonne .bloc_col ul li.actif a:hover { background-position: 0 -350px; color: #fff; } #colonne #identite_col h2 { background-position: 0 -70px; } #colonne #identite_col ul li { border-color: #6d6e70 #7f8183 #d8d8d8; } #colonne #identite_col ul li a { background-position: 0 -280px; color: #fff; } #colonne #identite_col ul li a span { background: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/pictos/pi_bloc_col.png) right -140px no-repeat; display: block; } /** * Footer ******************************************/ #footer a { text-decoration: none; } #footer ul, #footer ul li { display: inline; } #footer ul li { border-left: 1px dotted #d8d8d8; padding: 0 5px; } #footer ul li:first-child { border-left: 0; } #footer ul li a { color: #59595e; } #footer ul li a:hover { color: #333; } #footer ul li.actif a, #footer ul li.actif a:hover { color: #d00019; } #footer ul li#change_affichage a { background: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/pictos/pi_change_affichage.png) right center no-repeat; color: #333; padding: 0 20px 0 0; } /** * Popups ******************************************/ .popup_contenu { background: #f5f7f8 url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/fonds/bg_popup_contenu.png) 0 bottom repeat-x; border: 1px solid; border-color: #f5f7f8 #f2f2f2 #d7d7d7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*height: 640px;*/ padding: 15px; /*width: 605px;*/ behavior: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/css/indcss/pie.htc); } .popup_contenu h2 { font: normal normal 2.8em/1.2 "Myriad Pro", "Trebuchet MS", Arial, Sans-Serif; / * 28px */ color: #181e1e; margin: 0 0 15px; } .popup_contenu p { font-size: 1.1em; / * 11px */ line-height: 1.4; margin: 15px 0; } .bouton span { background: url("/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/pictos/pi_bloc_col.png") no-repeat scroll 210px 10px transparent; display: block; padding: 10px 35px 10px 12px; } /** * Cartridge V1 - Modif Aym ******************************************/ /* NB : modif de #global en #globalDeiInd pour gestion du margin left et du mode dei_login_ind */ #globalDeiInd #sideleft { margin: 0 15px 0 23px; padding-top: 0px; } #globalDeiInd #sideleft p#seconnecter a { background: url("/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/boutons/btn_acces_comptes.png") no-repeat scroll 0 0 transparent; border-radius: 4px 4px 4px 4px; behavior: url("/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/css/indcss/pie.htc"); color: #FFFFFF; position: relative; margin: 0 auto; padding: 0 10px 0 40px; width: 111px; text-decoration: none; } #globalDeiInd #sideleft p#seconnecter { background: url("/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/images/indimages/fonds/bg_navigation.png") 0 0 repeat; behavior: url(/web/20140815102325im_/https://www.extranet.caisse-epargne.fr/portailmedia/DEMOS/ProsDemos/ressources/css/indcss/pie.htc); border-radius: 4px 4px 4px 4px; padding: 5px; display: block; font: 1.3em/2.2 "Myriad Pro Light","Myriad Pro","Trebuchet MS",Arial,Sans-Serif; color: white; vertical-align: middle; } /* ABE - inutile #globalDeiInd #sideleft p#seconnecter #titleConnexion { display: block; font: 1.3em/2.2 "Myriad Pro Light","Myriad Pro","Trebuchet MS",Arial,Sans-Serif; color:white;} */ #globalDeiInd #sideleft p#seconnecter .none { display: block; } #globalDeiInd #accesclient { display: none } #globalDeiInd #sideleft p.identite, #sideleft p#sedeconnecter { display: none; } #globalDeiInd #sideleft p.identite, #sideleft p#Cartridge_olnkProfile { margin-left: -9px; } /*#global #sideleft p#sedeconnecter a {display: none;}/*Modif Aym*/ #globalDeiInd #sideleft #divCartouche #Cartridge_imgbtnMessagerie { visibility: hidden; height: 0px } /*Modif Aym*/ /* Gestion du margin left pour un alignement en mode DEI IND */ #globalDeiInd header, #globalDeiInd .acces, #globalDeiInd #footer { margin-left: 23px; } #globalDeiInd #sideleft .acces { margin-left: 0px; } /* Annule le décalage pour le div contenant le cartouche V1.*/ /* FILE ARCHIVED ON 10:23:25 Aug 15, 2014 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: 1115.551 exclusion.robots: 0.123 exclusion.robots.policy: 0.111 cdx.remote: 0.08 esindex: 0.01 LoadShardBlock: 71.395 (3) PetaboxLoader3.datanode: 79.651 (4) CDXLines.iter: 31.821 (3) PetaboxLoader3.resolve: 59.767 (2) load_resource: 103.011 */