@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%; } 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; } /* Modif */body { background: #fff; color: #404040; font-family: Arial, sans-serif; font-size: 62.5%; line-height: 1.2; } a { color: #000; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } textarea, input, select { font: 12px 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: 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 ******************************************/ /* Coins arrondis */ .coin { background-repeat: no-repeat; display: block; font-size: 4px !important; line-height: 1 !important; font-weight: normal; height: 4px; position: absolute; width: 4px; zoom: 1; } .coin_hg { background-position: 0 0; top: 0; left: 0; } .coin_hd { background-position: right 0; top: 0; right: 0; } .coin_bd { background-position: right bottom; bottom: 0; right: 0; } .coin_bg { background-position: left bottom; bottom: 0; left: 0; } .invisible { clip: rect(1px 1px 1px 1px); /* IE6, 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 { margin: 0 auto; width: 98em; } .ielt9 #global, .ie9 #global { width: 98.15em; } #header { padding: 3em 0; position: relative; } #contenu { clear: both; padding: 0 0 1.8em; } .template_2 #colonne { float: left; width: 23.6em; } .template_2 #principal { float: right; width: 73.2em; } .ielt8 .template_2 #principal { width: 73.25em; } #footer { background: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_footer.png) center 0 no-repeat; font-size: 1.1em; /* 11px */ padding: 1.5em 0; text-align: center; } /** * Liens d'évitement ******************************************/ #evitement { position: absolute; left: -999em; } /** * Header ******************************************/ /* Logo */ #header #logo { display: inline; float: left; margin: 0 2em 0 0.8em; width: 20.9em; } #header #logo img { display: block; width: 100%; } /* Accès profils */ /* Modif */#header #acces_profils { float: left; font: normal normal 1.7em/1 Arial, Sans-Serif; margin: 0.588em 0 0; /* 10px = 10/17 */ } #header #acces_profils li { border-left: 1px dotted #cfcfd0; display: inline; float: left; padding: 0 0.7em; /* 12px = 12/17 */ } #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/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_profil_actif.png) 0 center 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/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_changer_caisse.png) right center no-repeat; color: #999; line-height: 1.4; padding: 0 15px 0 0; position: absolute; right: 0; text-decoration: underline; top: 0.8em; } #header .changer_caisse_epargne:hover { color: #d00019; } /*#header #changer_caisse_epargne:hover { color: #d00019; }*/ /* Liens rapides */ #header #liens_rapides { float: right; margin: 0.3em 0 0; zoom: 1; } #header #liens_rapides li { border-right: 1px dotted #cfcfd0; display: inline; float: left; margin: 0 1.2em 0 0; position: relative; } #header #liens_rapides li a { background: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_liens_rapides.png) no-repeat; float: left; height: 24px; margin: 0 1.2em 0 0; text-indent: -9999px; } #header #liens_rapides li.contact a { background-position: 0 0; width: 20px; } #header #liens_rapides li.agence a { background-position: 0 -26px; width: 22px; } #header #liens_rapides li.aide a { background-position: 0 -52px; width: 21px; } #header #liens_rapides li a span { background: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/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: -55px; width: 150px; } /* Formulaire de recherche */ #header #form_recherche_header { background: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/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.focus { background-position: 0 -29px; } /* ABE - Integration Fjord 16/11/11 */ /* GCE_TECH */ #header #form_recherche_header a { background: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/boutons/btn_rechercher_header.png) no-repeat; position: absolute; width: 20px; height: 20px; right: 10px; top: 5px; } #header #form_recherche_header input { } #header #form_recherche_header input.texte { background: #fff; border: 0; color: #5c5c5c; font-size: 11px; /* 11px */ 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.btn { position: absolute; right: 10px; top: 5px; } /** * Navigation ******************************************/ #navigation { background: #f5f8f9 url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_navigation.png) 0 bottom repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font: normal normal 1.4em/4 Arial, Sans-Serif; /* 14px/56px */ margin: 0 0 2.15em; /* 30px = 30/14 */ padding: 0 0 1px; position: relative; text-align: center; float: left; } #navigation .coin { background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_navigation_coins.png); } #navigation .coin_bd, #navigation .coin_bg { bottom: -1px; } #navigation ul li { background: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_navigation_sep.png) 0 bottom no-repeat; float: left; padding: 0 0 0 0.143em; position: relative; } #navigation ul li a { color: #59595e; display: block; float: left; height: 4em; /* 56px = 56/14 */ position: relative; width: 13.07em; /* 183px = 183/14 */ } #navigation ul li.long a { line-height: 1.2; height: 2.428em; /* 34px = 34/14 */ padding: 0.786em 0; /* 11px = 11/14 */ } #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; } #navigation ul li a:hover { background: #ebf1f3 url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_navigation_on.png) 0 bottom repeat-x; } #navigation ul li a:hover .coin { background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_navigation_coins_on.png); } #navigation ul li.actif a, #navigation ul li.actif a:hover { background: #de0029 url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_navigation_actif.png) 0 bottom repeat-x; color: #fff; } #navigation ul li.actif a .coin, #navigation ul li.actif a:hover .coin { background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/fonds/bg_navigation_coins_actif.png); } #navigation ul li#btn_acces_comptes { background: #ebf1f3 url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_acces_comptes.png) 0 bottom repeat-x; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; height: 3.286em; /* 46px = 46/14 */ padding: 0.714em 0.786em 0; /* 10px = 10/14 - 11px = 11/14 */ text-align: left; } #navigation ul li#btn_acces_comptes a { background: #8f9091 url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_btn_acces_comptes.png) 0 0 repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; line-height: 2.5; /* 35:14 */ height: auto; margin: 0 auto; padding: 0 0.714em 0 0; /* 10px = 10/14 */ position: relative; width: auto; } /* #navigation ul li#btn_acces_comptes a:hover { background-position: 0 -35px; } */ #navigation ul li#btn_acces_comptes a:hover { background-color: #737476; background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_btn_acces_comptes_on.png); } #navigation ul li#btn_acces_comptes.actif a, #navigation ul li#btn_acces_comptes.actif a:hover { background-color: #c30025; background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_btn_acces_comptes_actif.png); } #navigation ul li#btn_acces_comptes a span { background: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_acces_comptes.png) 0 0 no-repeat; background: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_acces_comptes_ie.png) 0 50% repeat-y\9; display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 0 0 45px; width: 11.64em; /* 163px = 163/14 */ } .ielt9 #navigation ul li#btn_acces_comptes a span, .ie9 #navigation ul li#btn_acces_comptes a span { width: 11.639em; } #navigation ul li#btn_acces_comptes a:hover span { background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_acces_comptes_on.png); background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_acces_comptes_on_ie.png)\9;} #navigation ul li#btn_acces_comptes.actif a span, #navigation ul li#btn_acces_comptes.actif a:hover span { background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_acces_comptes_actif.png); background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_acces_comptes_actif_ie.png)\9;} #navigation ul li#btn_acces_comptes a span .coin_bd, #navigation ul li#btn_acces_comptes a span .coin_bg { bottom: 0; } #navigation ul li#btn_acces_comptes a span .coin { background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_btn_acces_comptes_coins.png); } #navigation ul li#btn_acces_comptes a:hover span .coin { background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_btn_acces_comptes_coins_on.png); } #navigation ul li#btn_acces_comptes.actif a span .coin, #navigation ul li#btn_acces_comptes.actif a:hover span .coin { background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_btn_acces_comptes_coins_actif.png); } /** * Toolbar identité utilisateur ******************************************/ #toolbar_identite { background: #f7f7f7 url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_toolbar_identite.png) 0 0 repeat-x; border-top: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 1.1em; /* 11px */ margin: 0 0 2.73em; /* 30px = 30/11 */ padding: 0.73em 1.18em; /* 8px = 8/11 - 13px = 13/11 */ position: relative; } #toolbar_identite p, #toolbar_identite ul, #toolbar_identite ul li { display: inline-block; vertical-align: middle; } .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; margin: 0 0 0 1.81em; /* 20px = 20/11 */ } #toolbar_identite ul li { border-left: 1px solid #ddd; padding: 0.9em 1.18em; /* 10px = 10/11 - 13px = 13/11 */ } #toolbar_identite ul li a { background: 0 center 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-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_messagerie.png); } #toolbar_identite ul li.deconnexion a { background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_deconnexion.png); } /** * Colonne ******************************************/ #colonne .bloc_col { font: normal normal 1.3em/1.2 Arial, Sans-Serif; /* 13px */ margin: 0 0 1.92em; /* 25px = 25/13 */ overflow: hidden; } #colonne .bloc_col .coin { height: 4px; width: 4px; } #colonne .bloc_col .coin_hg { top: -1px; left: -1px; } #colonne .bloc_col .coin_hd { top: -1px; right: -1px; } #colonne .bloc_col .coin_bd { bottom: -1px; right: -1px; } #colonne .bloc_col .coin_bg { bottom: -1px; left: -1px; } #colonne .bloc_col h2 { background: #979899 url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_bloc_col_titre.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; suppression menu collapsable */ font-weight: normal; position: relative; zoom: 1; } #colonne .bloc_col_ferme h2 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #colonne .bloc_col h2 .coin { background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_bloc_col_coins_titre.png); } #colonne .bloc_col h2 .coin_bd, #colonne .bloc_col h2 .coin_bg { bottom: 0; display: none; } #colonne .bloc_col_ferme h2 .coin_bd, #colonne .bloc_col_ferme h2 .coin_bg { display: block; } #colonne .bloc_col h2 span { /* GCE_TECH : désactiver les blocs */ /*background: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_bloc_col_ouvert_24.png) right center no-repeat;*/ /*_background: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_bloc_col_ouvert.png) right center no-repeat;*/ /*IE6*/ display: block; padding: 0.77em 2.69em 0.77em 0.92em; /* 10px = 10/13 - 35px = 35/13 - 12px = 12/13 */ zoom: 1; } #colonne .bloc_col_ferme h2 span { background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_bloc_col_ferme_24.png); _background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_bloc_col_ferme.png); /*IE6*/ } #colonne .bloc_col ul li { border: 1px solid #ececec; border-bottom-color: #fff; } #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; } #colonne .bloc_col ul li.actif { border-color: #b00021 #a90a25; } #colonne .bloc_col ul li a { background: #e6e7e7 url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_bloc_col_lien.png) 0 0 repeat-x; color: #59595e; display: block; padding: 0.77em 0.7em 0.77em 0.92em; position: relative; zoom: 1; } #colonne .bloc_col ul li a:hover { background-color: #cfd0d0; background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_bloc_col_lien_on.png); } #colonne .bloc_col ul li.actif a, #colonne .bloc_col ul li.actif a:hover { background-color: #a50f26; background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_bloc_col_lien_actif.png); color: #fff; } #colonne .bloc_col ul li a .coin { background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_bloc_col_coins_lien.png); } #colonne .bloc_col ul li a:hover .coin { background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_bloc_col_coins_lien_on.png); } #colonne .bloc_col ul li.actif a .coin, #colonne .bloc_col ul li.actif a:hover .coin { background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_bloc_col_coins_lien_actif.png); } #colonne #identite_col h2 { background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_bloc_col_titre_identite.png); } #colonne #identite_col ul li { border-color: #6d6e70 #7f8183 #d8d8d8; } #colonne #identite_col ul li a { background: #6d6e6f url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_bloc_col_lien_identite.png) repeat-x; color: #fff; } #colonne #identite_col ul li a .coin { background-image: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/fonds/bg_bloc_col_coins_lien_identite.png); } #colonne #identite_col ul li a span { background: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_bloc_col_quitter_24.png) right center no-repeat; _background: url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_bloc_col_quitter_24.png) right center no-repeat; /*IE6*/ display: block; } /** * Footer ******************************************/ #footer ul, #footer ul li { display: inline; } #footer ul li { border-left: 1px dotted #d8d8d8; padding: 0 0.45em; /* 5px = 5/11 */ } #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/20150905234810im_/https://www.caisse-epargne.fr/cache/indimages/pictos/pi_change_affichage.png) right center no-repeat; color: #333; padding: 0 20px 0 0; } /** * Popups ******************************************/ .popup_contenu { background: #f5f7f8 url(/web/20150905234810im_/https://www.caisse-epargne.fr/cache/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: 650px; padding: 15px; width: 605px; } .popup_contenu h2 { font: normal normal 2.8em/1.2 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; } /* FILE ARCHIVED ON 23:48:10 Sep 05, 2015 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 03:02:47 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: 128.903 exclusion.robots: 0.069 exclusion.robots.policy: 0.063 RedisCDXSource: 16.631 esindex: 0.004 LoadShardBlock: 97.141 (3) PetaboxLoader3.datanode: 149.903 (5) CDXLines.iter: 13.269 (3) load_resource: 249.287 (2) PetaboxLoader3.resolve: 111.739 (2) */