@charset "utf-8"; /** * Fichier : accessibilite.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; } body { font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; line-height: 1.2; } a { text-decoration: none; } a:hover, a:focus { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } textarea, input, select { font: 12px Helvetica, 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: Helvetica, 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 ******************************************/ #principal .visuel { display: none; } /* Divers */ .invisible { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .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 ******************************************/ body { background: #000; color: #fff; padding: 10px 0 0; } a { color: #fff; } #global { border-bottom-color: #fff; margin: 0 auto 20px; padding: 0 0 20px; width: 75%; } #header { border-bottom: 1px solid #fff; margin: 0 0 20px; padding: 0 0 20px; } #footer { border-top: 1px solid #fff; margin-top: 20px; padding-top: 20px; /*margin: 0 auto;*/ width: 100%; } /** * Liens d'évitement ******************************************/ #evitement { position: absolute; left: -999px; } /** * Header ******************************************/ /* Logo */ #header #logo { background: #fff; display: inline-block; margin: 0 10px 10px 0; padding: 10px; vertical-align: middle; } .ielt8 #header #logo { display: inline; zoom: 1; } /* Changer caisse */ #header #changer_region_2 { font-size: 1.5em; /* 17px 1,7 */ text-decoration: underline; } #header #changer_region_2:hover, #header #changer_region_2:focus { text-decoration: none; } /* Secteur d'activité */ #header #secteur_activite { border-bottom: 1px solid #000; margin: 0 0 20px; padding: 0 0 20px; } #header #secteur_activite h1 { font-size: 2.9em; /* 32px */ margin: 0 0 5px; } #header #secteur_activite a { font-size: 1.5em; /* 17px */ text-decoration: underline; } #header #secteur_activite a:hover, #header #secteur_activite a:focus { text-decoration: none; } /* Liens rapides */ #header #liens_rapides { font-size: 2em; /* 20px */ } #header #liens_rapides li { margin: 5px 0; } #header #liens_rapides li a { } /* Formulaire de recherche */ #header #form_recherche_header input { vertical-align: middle; } #header #form_recherche_header input.texte { background: #000; border: 1px solid #fff; color: #fff; font-size: 2em; /* 20px */ margin: 0 5px 0 0; padding: 2px 10px; width: 36%; } /** * Toolbar identité utilisateur ******************************************/ #toolbar_identite { border-bottom: 1px solid #fff; font-size: 1.5em; /* 17px */ margin: 0 0 20px; padding: 0 0 20px; } #toolbar_identite p { margin: 0 0 10px; } #toolbar_identite ul li { border-left: 1px solid #000; display: inline; margin: 0 0 0 10px; padding: 0 0 0 10px; } #toolbar_identite ul li { border-left: 1px solid #fff; display: inline; margin: 0 0 0 10px; padding: 0 0 0 10px; } #toolbar_identite ul li:first-child { border-left: 0; margin: 0; padding: 0; } #toolbar_identite ul li a { text-decoration: underline; } #toolbar_identite ul li a:hover, #toolbar_identite ul li a:focus { text-decoration: none; } /** * Navigation ******************************************/ #navigation { border-bottom: 1px solid #fff; margin: 0 0 20px; padding: 0 0 20px; } #navigation ul { font-size: 1.9em; /* 32px */ list-style: disc inside; } #navigation ul li { margin: 5px 0; } /** * Fil d'Ariane ******************************************/ #fil_ariane { font-size: 1.5em; /* 17px */ margin: 0 0 20px; } #fil_ariane span { font-weight: bold; } #fil_ariane a { font-weight: normal; text-decoration: underline; } #fil_ariane a:hover, #fil_ariane a:focus { text-decoration: none; } #fil_ariane strong { font-weight: normal; } /** * Colonne ******************************************/ #colonne .bloc_col { margin: 0 0 20px; } #colonne .bloc_col h2 { font-size: 2em; /* 20px */ margin: 0 0 5px; text-transform: uppercase; } #colonne .bloc_col ul { font-size: 1.8em; /* 18px */ list-style: disc inside; } #colonne .bloc_col ul li { margin: 5px 0; } #colonne .bloc_col ul li a { text-decoration: underline; } #colonne .bloc_col ul li.actif a, #colonne .bloc_col ul li a:hover, #colonne .bloc_col ul li a:focus { text-decoration: none; } /* Bloc identité */ #colonne #identite_col { display: none; } /** * Modules ******************************************/ /* Module générique */ .module { border: 1px solid #fff; margin: 0 0 10px; padding: 10px; zoom: 1; } .module h2 { font-size: 2em; /* 20px */ text-transform: uppercase; } .module p { font-size: 1.8em; /* 18px */ } .module p a { text-decoration: underline; } .module p a:hover, .module p a:focus { text-decoration: none; } /* Bloc principal */ .module .bloc_principal #titre_page { font-size: 2.9em; /*32px */ margin: 0 0 5px; } .module .bloc_principal p { font-size: 1.8em; /* 18px */ } /* Bloc accès */ .module .bloc_acces .ba_footer { font-size: 1.5em; /* 17px */ margin: 10px 0 0; } /** * Footer ***************************************** #footer ul { font-size: 2em; /* 20px */ } #footer ul li { margin: 5px 0; } #footer ul li a { } */ /** * Accueil Particuliers ******************************************/ /* Mise en avant */ #accueil_part #mise_en_avant_part { border: 1px solid #fff; display: block; margin: 0 0 30px; padding: 10px; } #accueil_part #mise_en_avant_part h2 { font-size: 1.8em; /* 18px */ margin: 0 0 5px; } #accueil_part #mise_en_avant_part h3 { font-size: 2.9em; /* 32px */ margin: 0 0 5px; } #accueil_part #mise_en_avant_part p { font-size: 1.8em; /* 18px */ } #accueil_part #mise_en_avant_part a { text-decoration: underline; } #accueil_part #mise_en_avant_part a:hover, #accueil_part #mise_en_avant_part a:focus { text-decoration: none; } /* Encarts */ #accueil_part .module { border-bottom: 0; margin: 0; } #accueil_part .mod_dernier { border-bottom: 1px solid; } /** * Accueil Professionnels ******************************************/ /* Encarts */ #accueil_pro .module { border-bottom: 0; margin: 0; } #accueil_pro .mod_dernier { border-bottom: 1px solid; } #header #acces_profils { border-bottom: 1px solid #fff; margin: 0 0 20px; padding: 0 0 20px; } #header #acces_profils li.actif a { font-size: 2.9em; /* 32px */ margin: 0 0 5px; } #header #acces_profils a { font-size: 1.5em; /* 17px */ text-decoration: underline; } #header #acces_profils a:hover, #header #acces_profils a:focus { text-decoration: none; } #form_recherche_header span { font-size: 2em; text-decoration: underline; } /* recuperation ancien style accessibilite */ /******************************************************************************/ /******************************** BALISES HTML ********************************/ /******************************************************************************/ html, body { margin: 0; padding: 0; } body { padding: 20px; background-color: #000; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.1em; color: #FFF; } fieldset { border: 0 none; } img { border: 0 none; } h1 { font-size: 1.1em; padding-top: 20px; padding-bottom: 20px; } h2 { font-size: 3em; padding-top: 1em; } h3 { font-size: 2em; } h4 { font-size: 1.5em; } h5 { font-size: 1.2em; padding: 1.3em 0 0 0; } h6 { font-size: 1.1em; } legend { display: none; } form label { display: none; } select, input, textarea { font-size: 1.2em; } li { margin: 5px 0 5px 0; } p { font-size: 1.2em; line-height: 1.6em; } table { margin: 15px 0 15px 0; text-align: left; } table td, table th { border: 1px solid #666; padding: 5px; font-weight: normal; } table th { font-weight: bold; } .xxl { font-size: 18px; font-weight: bold; } /******************************************************************************/ /************************************* TOP ************************************/ /******************************************************************************/ #top ul { border: 1px solid #FFF; margin: 0; padding: 10px; list-style-type: none; font-size: 1.1em; } #top ul li { display: inline; padding-right: 20px; line-height: 1.8em; } #top h1 a { display: block; line-height: 1.9em; } #top #formz { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; margin-bottom: 30px; } #top #formz #genserach { float: left; padding-right: 30px; } /******************************************************************************/ /***************************** CONTENU PRINCIPAL ******************************/ /******************************************************************************/ /* ----------------- side left ----------------- */ #sideleft { border: 1px solid #FFF; margin: 0; padding: 10px; } #sideleft li { font-size: 1.1em; } #contacteznoustop a { text-decoration: none; font-size: 1em; } #devenezclient a { font-weight: bold; font-size: 1.7em; } /* ----------------- bloc central ----------------- */ #fonctionnalitesall, #fonctionnalitesprint { width: 240px; margin: 0; float: right; padding: 10px; } p#fonctionnalite { display: none; } #ongletstop { margin: 0; padding: 30px 10px 10px 0px; list-style-type: none; border-bottom: 2px solid #888; } #ongletstop li { font-size: 1.3em; display: block; border: 1px solid #888; padding: 5px; width: 500px; } #ongletstop #banqueOn, #ongletstop #besoinOn, #ongletstop #produitOn { width: 500px; font-size: 1.4em; background-color: #222; } #breadcrumb, #breadcrumb2 { margin: 5px 0 0 0; padding: 0; } .ongletbis ul { list-style-type: none; margin-left: 0; padding: 30px 10px 10px 0px; border-bottom: 2px solid #888; } .ongletbis li { font-size: 1.1em; display: block; border: 1px solid #888; padding: 5px; width: 500px; } .ongletbis li a { text-decoration: none; } .ongletbis a.on { font-size: 1.5em; background-color: #222; } /* ----------------- side right ----------------- */ #visa-sidebar { border: 1px solid #FFF; margin: 20px 0 0 0; padding: 10px; } /******************************************************************************/ /********************************** SB-FCP-1 **********************************/ /******************************************************************************/ #elig p { float: left; } #elig ul { list-style-type: none; } #elig ul li { display: inline; float: left; } #elig ul li img { padding: 5px; } #valeur { clear: both; } /******************************************************************************/ /******************************** 005_bourse **********************************/ /******************************************************************************/ #ordrebourse #formordre { clear: both; } #ordrebourse input { display: block; } #ordrebourse #fieldset_2 label, #ordrebourse #fieldset_3 label { float: left; clear: both; } #ordrebourse #fieldset_2 #autredate * { float: left; padding: 0 10px 0 10px; } /******************************************************************************/ /********************************** 01_hp_... *********************************/ /******************************************************************************/ #solutiononglets dt { font-size: 1.4em; } #sideright { border: 1px solid #FFF; margin: 20px 0 0 0; padding: 10px; } #sideright #actualites h4 { padding-top: 20px; margin-bottom: -10px; } #sideright #actualites h4.withimg { margin-bottom: 5px; } #sideright #actualites img { float: left; padding-right: 20px; } #sideright #actualites p { padding-bottom: 20px; } #sideright #actualites p a { text-decoration: none; } #bourse dt { float: left; padding-right: 20px; } #sideright #ttactu a { display: block; width: 168px; height: 15px; background: url(/web/20220812081134im_/https://www.caisse-epargne.fr/cache/actualites.png) top left no-repeat; } /******************************************************************************/ /********************************** 09-10_pam *********************************/ /******************************************************************************/ #solutionsparticuliers .tousproduits { margin-top: 20px; } #solutionsparticuliers dt { font-size: 1.1em; display: block; border: 1px solid #888; padding: 7px; margin-top: 20px; width: 95%; } /******************************************************************************/ /********************************** 09-10_pam *********************************/ /******************************************************************************/ .servicedomicile { padding: 10px 0 10px 0; } /******************************************************************************/ /********************************** 15_ftdet **********************************/ /******************************************************************************/ #dropdown1 ul li, #dropdown2 ul li { border: 0; } #dropdown1 ul li a, #dropdown2 ul li a { font-size: 0.8em; border: 0; } #dropdown1 .tousproduits span, #dropdown2 .tousproduits span { display: block; font-size: 0.7em; } /******************************************************************************/ /******************************** 20_psovad-2 *********************************/ /******************************************************************************/ #steps { list-style-type: none; margin: 0; } #steps li { font-size: 1.1em; display: block; text-align: center; float: left; border: 1px solid #888; padding: 5px; margin-right: 10px; width: 170px; } #steps #step1On, #steps #step2On, #steps #step3On, #steps #step4On { background-color: #222; } #souscrvad h4 { clear: both; } #formstep fieldset { padding-bottom: 20px; } #formstep input, #formstep textarea { clear: both; margin-bottom: 20px; display: block; } #formstep .checkbox input { float: left; } #formstep #submit { padding-top: 20px; width: 500px; } /******************************************************************************/ /****************************** 34_pda - 35_pdai ******************************/ /******************************************************************************/ #accueil-actu h4, #detail-actu h4 { padding-top: 40px; } #accueil-actu h5 a, #accueil-actu p a { text-decoration: none; } #detail-actu ul, #detail-actu ol { padding-bottom: 20px; } #accueil-actu #actu img { float: left; padding-right: 20px; } /******************************************************************************/ /************************************ 38_pmr **********************************/ /******************************************************************************/ #search-content h4 { font-size: 1.2em; padding-top: 40px; margin-bottom: -10px; } #search-content p.resume { margin-bottom: -10px; } #search-content #results-nav { padding: 30px 0 30px 0; } #search #altlinks h4 { font-size: 1.2em; padding-top: 20px; margin: 0; } #search #altlinks p { margin: 0; } /******************************************************************************/ /*********************************** 40_psr ***********************************/ /******************************************************************************/ #votrecaisse #rolls { margin-top: -20px; } #votrecaisse h4 { padding-top: 20px; } /******************************************************************************/ /********************************** 44_prss-2 *********************************/ /******************************************************************************/ #cadre-rss h5 { padding-top: 40px; } #cadre-rss h5 a, #cadre-rss p a { text-decoration: none; } /******************************************************************************/ /*********************************** 45_pdc ***********************************/ /******************************************************************************/ #devenez-client h4 { padding-top: 40px; } #devenez-client #client-content img { float: left; padding-right: 20px; } /******************************************************************************/ /********************************** 47_pfaq ***********************************/ /******************************************************************************/ #pagefaq h3 { padding-top: 40px; } /******************************************************************************/ /********************************** 52_fdccb **********************************/ /******************************************************************************/ #formrappel fieldset { padding-bottom: 40px; } #formrappel legend { display: block; color: #FFF; font-size: 1.4em; padding-bottom: 10px; } #formrappel label { clear: both; } #formrappel input { clear: both; display: block; } #formrappel #civil input { display: inline; } #formrappel #birth label { display: none; } #formrappel #birth input { display: inline; } #formrappel #fieldset_3 input { display: inline; } #formrappel p { float: left; margin: 0; padding-right: 20px; } #formrappel #submit { padding-top: 30px; } /******************************************************************************/ /*********************************** 54_pep ***********************************/ /******************************************************************************/ #espaceperso td.center { text-align: center; } #espaceperso td.center img { padding: 0 5px 0 5px; } /******************************************************************************/ /********************************** 56_pauth **********************************/ /******************************************************************************/ #formauth label { display: none; } .know-more-or { padding-top: 40px; } #ptsforts h4 { margin: 40px 0 -20px 0; } /******************************************************************************/ /********************************** 70_pmaiai *********************************/ /******************************************************************************/ #descrimage textarea { display: block; } #cadre-intrusG .fakefile { display: none; } /******************************************************************************/ /************************************ PACA ************************************/ /******************************************************************************/ p#parrainage a { font-weight: bold; font-size: 1.4em; } .sidebottom table td { border: 0; } .sidebottom table td div { border: 1px solid #555; } .sidebottom table td div div { border: 0; } div.level_1 a, div.level_1 a:hover { text-decoration:none; } div.level_1 { width: 300px; height: 35px; line-height: 1.7em; font-size: 1em; font-weight: normal; background: none; border: 1px solid #555; } div.level_1_IE a, div.level_1_IE a:hover { text-decoration:none; } div.level_1_IE { width: 500px; height: 35px; line-height: 1.9em; font-size: 1em; font-weight: normal; background: none; border: 1px solid #555; } div.level_1Expand { font-size: 1em; width: 500px; height: 35px; line-height: 1.7em; background: none; background-color: #222; } div.level_1Expand_IE { font-size: 1em; width: 500px; height: 35px; line-height: 1.9em; background: none; background-color: #222; } div.level_1Expand a, div.level_1Expand a:hover { color: #FFF; } div.level_1Expand_IE a, div.level_1Expand_IE a:hover { color: #FFF; } .level_2 { width: 300px; margin-left: 20px; line-height: 1.5em; background: none; border: 1px solid #222; } .level_3 { padding:0px 0px 0px 30px; margin:0px 0px 0px 0px; } a.NumeroDeCompte { font-size: 1.1em; color: #FFF; text-decoration: none } a.NumeroDeCompte:hover { font-size: 1.1em; color: #FFF; text-decoration:none; background-color: #222; } #historique .none { display: none; } #historique ul { list-style-type: none; } #historique #comptes table { width: 100%; } #historique #comptes table, #historique #comptes th, #historique #comptes td { border: 0; color: #FFF; } #historique #comptes table.TableauTitre { background: none; background-color: #222; font-size: 2.3em; margin: 10px; margin-top: 100px; } #historique #comptes .NormalCellWithBottomBorder, #historique #comptes .LibelleCompteWithBottomBorder { border-bottom: 1px solid #444; } #historique #comptes .DataGridHeader td { background: none; } .DataGridHeader { font-size: 1.5em; background-color: #111; } .DataGridHeader td { padding-top: 40px !important; padding-bottom: 10px !important; border-bottom: 3px solid #888 !important; } .dragHandleHeader { background: none; text-transform: uppercase; font-size: 1.7em; border: 1px solid #888 !important; background-color: #222; padding-left: 15px !important; width: 550px !important; } td.TableauTitreVisualisation { font-size: 0.6em; background: none; background-color: #111; } .BoldDataGridHeader, .DataGridHeader { font-size: 1.1em; font-weight: bold; } .dragHandle { display: none; } td.RaccourciCacheBlanc{ display: none; } #historique #comptes td.LibelleCompteWithBottomBorder, #historique #comptes td.LibelleCompteNoBorder { padding: 10px; background-color: transparent; } #historique #comptes td.NormalCellWithBottomBorder, div#comptes td.NormalCellNoBorder { padding: 10px; background-color: transparent; } #historique #comptes .normal, #historique #comptes .normal span { font-size: 1.1em; color: #FFF; } /* FILE ARCHIVED ON 08:11:34 Aug 12, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 02:25:12 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: 201.722 exclusion.robots: 0.082 exclusion.robots.policy: 0.073 cdx.remote: 0.06 esindex: 0.008 LoadShardBlock: 171.602 (3) PetaboxLoader3.datanode: 243.255 (4) CDXLines.iter: 13.765 (3) load_resource: 139.356 PetaboxLoader3.resolve: 27.16 */