@charset "utf-8"; /** * Fichier : principal.css * Description : styles spécifiques du bloc principal * Auteur : Hamza Iqbal - hiqbal[at]actualys.com * Version : 1.0.0 ******************************************/ /** * HP Particuliers ******************************************/ /* Mise en avant */ #accueil_part #mise_en_avant_part { background: #dedede url(/web/20121015094840im_/http://www.caisse-epargne.fr/cache/indimages/fonds/bg_hp_particuliers_part_1.png) 0 0 repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px #666; -moz-box-shadow: 0 1px 2px #666; box-shadow: 0 1px 2px #666; display: block; /*height: 37.6em;*/ margin: 0 0 3em; position: relative; zoom: 1; filter:progid:DXImageTransform.Microsoft.Shadow(color='#BABABA', Direction='135', Strength=1)\9; } #accueil_part #mise_en_avant_part:hover { background-color: #dbdbdb; background-image: url(/web/20121015094840im_/http://www.caisse-epargne.fr/cache/indimages/fonds/bg_hp_particuliers_part_1_on.png); } #accueil_part #mise_en_avant_part .part_1 { background: url(/web/20121015094840im_/http://www.caisse-epargne.fr/cache/indimages/visuels/vi_hp_particuliers.jpg) 52em 0 no-repeat; height: 287px; } #accueil_part #mise_en_avant_part:hover .part_1 { background-position: 52em -287px; } #accueil_part #mise_en_avant_part .part_1 h2 { background: url(/web/20121015094840im_/http://www.caisse-epargne.fr/cache/indimages/textes/txt_hp_particuliers_part_1.png) 0 0 no-repeat; height: 287px; margin: 0 0 0 9.2em; text-indent: -999em; width: 337px; } #accueil_part #mise_en_avant_part:hover .part_1 h2 { background-position: 0 -287px; } #accueil_part #mise_en_avant_part .part_2 { background: #c40025 url(/web/20121015094840im_/http://www.caisse-epargne.fr/cache/indimages/fonds/bg_hp_particuliers_part_2.png) 0 0 repeat-x; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; color: #fff; height: 6.9em; padding: 2em 0 0 3em; position: relative; } #accueil_part #mise_en_avant_part:hover .part_2 { background-image: url(/web/20121015094840im_/http://www.caisse-epargne.fr/cache/indimages/fonds/bg_hp_particuliers_part_2_on.png); } #accueil_part #mise_en_avant_part .part_2 h3 { font: normal normal 2.4em/1 "Myriad Pro", "MyriadPro", "Trebuchet MS", Arial, Sans-Serif; /* 24px */ margin: 0 0 0.21; /* 5px = 5/24 */ } #accueil_part #mise_en_avant_part .part_2 p { font-size: 1.1em; } #accueil_part #mise_en_avant_part .part_2 .acces { color: #fff; display: block; font-size: 1.1em; line-height: 1.4; height: 6.27em; /* 69px = 69/11 */ padding: 1.82em 5.27em 0 0; /* 20px = 20/11 - 58px = 58/11 */ position: absolute; text-align: right; top: 0; right: 0; width: 38.36em; /* 422px = 422/11 */ zoom: 1; } /* Encarts */ #accueil_part .bloc_info .bi_cont { min-height: 15.2em; } .ie6 #accueil_part .bloc_info .bi_cont { height: 15.2em; } #accueil_part #encart_sante p { padding: 0 5.45em 0 0; } /* 60px = 60/11 */ /** * HP Professionnels ******************************************/ /* Encarts */ #accueil_pro .bloc_info .bi_cont { background: url(/web/20121015094840im_/http://www.caisse-epargne.fr/cache/indimages/boutons/btn_encart_hp_pro.png) right center no-repeat; background: url(/web/20121015094840im_/http://www.caisse-epargne.fr/cache/indimages/boutons/btn_encart_hp_pro_ie.png) right center no-repeat\9; border-radius: 3px \0/; padding: 2em 41px 0 2em; height: 14.2em; } #accueil_pro .bloc_info h2 { color: #d80c2a; font: normal normal 2.2em/1 Impact, "Myriad Pro", "MyriadPro", "Trebuchet MS", Arial, Sans-Serif; /* 22px */ margin: 0 0 0.46em; /* 10px = 10/22 */ text-transform: uppercase; } #accueil_pro .bloc_info p { font: normal normal 1.2em/1.4 "MyriadProSemiBold", "Myriad Pro", "Trebuchet MS", Arial, Sans-Serif; /* 12px */ width: 20.42em; /* 245px = 245/12 */ } #accueil_pro .bloc_info .visuel { background: url(/web/20121015094840im_/http://www.caisse-epargne.fr/cache/indimages/visuels/vi_hp_pro.png) no-repeat; bottom: 0; height: 162px; position: absolute; right: 41px; width: 443px; } #accueil_pro .encart_professionnels .visuel{ background-position: 0 0; } #accueil_pro .encart_entreprises .visuel{ background-position: 0 -162px; } #accueil_pro .encart_eco_sociale .visuel{ background-position: 0 -324px; } #accueil_pro .encart_secteur_public .visuel{ background-position: 0 -486px; } #accueil_pro .encart_logement_social .visuel{ background-position: 0 -648px; } #accueil_pro .encart_immobilier_pro .visuel{ background-position: 0 -810px; } /** * Bloc principal ******************************************/ #principal .bloc_principal { padding: 1em 0 0 1.5em; position: relative; } #principal .bloc_principal h1 { font: normal normal 2.8em/1.2 "Myriad Pro", "MyriadPro", "Trebuchet MS", Arial, Sans-Serif; /* 28px */ color: #181e1e; margin: 0 0 0.18em; /* 5px = 5/28 */ } #principal .bloc_principal p { font-size: 1.1em; /* 11px */ line-height: 1.4; } #principal .bloc_principal .visuel { float: right; margin: 0 0 0 1em; } /* FILE ARCHIVED ON 09:48:40 Oct 15, 2012 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 03:08:41 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: 238.101 exclusion.robots: 0.08 exclusion.robots.policy: 0.073 cdx.remote: 0.068 esindex: 0.009 LoadShardBlock: 42.204 (3) PetaboxLoader3.datanode: 77.696 (4) CDXLines.iter: 16.894 (3) load_resource: 160.013 PetaboxLoader3.resolve: 107.343 */