@charset "utf-8"; /** * Fichier : modules.css * Description : styles spécifiques des modules * Auteur : Hamza Iqbal - hiqbal[at]actualys.com * Version : 1.0.0 ******************************************/ /** * Grille ******************************************/ /* Ligne */ .grille_ligne { margin: 0 0 1.2em; zoom: 1; } .grille_ligne:before, .grille_ligne:after { content: "\0020"; display: block; font-size: 0; height: 0; visibility: hidden; } .grille_ligne:after { clear: both; } /* Modules */ .grille_ligne .module { float: left; margin-right: 1.2em; zoom: 1; } .grille_ligne .mod_16, .grille_ligne .mod_dernier { margin-right: 0; } .grille_ligne .mod_1 { width: 5em; } .grille_ligne .mod_2 { width: 11.2em; } .grille_ligne .mod_3 { width: 17.4em; } .grille_ligne .mod_4 { width: 23.6em; } .grille_ligne .mod_5 { width: 29.8em; } .grille_ligne .mod_6 { width: 36em; } .grille_ligne .mod_7 { width: 42.2em; } .grille_ligne .mod_8 { width: 48.4em; } .grille_ligne .mod_9 { width: 54.6em; } .grille_ligne .mod_10 { width: 60.8em; } .grille_ligne .mod_11 { width: 67em; } .grille_ligne .mod_12 { width: 73.2em; } .grille_ligne .mod_13 { width: 79.4em; } .grille_ligne .mod_14 { width: 85.6em; } .grille_ligne .mod_15 { width: 91.8em; } .grille_ligne .mod_16 { width: 98em; } /* Bloc infos */ .grille_ligne .module .bloc_info { background: #fff right bottom repeat-x; border: 2px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 1px #666; -moz-box-shadow: 0 0 1px #666; box-shadow: 0 0 1px #666; box-shadow: 0 0 5px #666 \0/; display: block; position: relative; filter:progid:DXImageTransform.Microsoft.Shadow(color='#BABABA', Direction='135', Strength=1)\9; } .grille_ligne .module .bloc_info:hover { -webkit-box-shadow: 1px 1px 3px #444; -moz-box-shadow: 1px 1px 3px #444; box-shadow: 1px 1px 3px #444; left: -1px; top: -1px; filter:progid:DXImageTransform.Microsoft.Shadow(color='#BABABA', Direction='135', Strength=3)\9; } .grille_ligne .module .bi_type_1 { background-color: #fcfcfc; background-image: url(/web/20121015094857im_/http://www.caisse-epargne.fr/cache/indimages/fonds/bg_bi_type_1.png); } .grille_ligne .module .bi_type_1:hover { background-color: #fbfbfb; background-image: url(/web/20121015094857im_/http://www.caisse-epargne.fr/cache/indimages/fonds/bg_bi_type_1_on.png); } .grille_ligne .module .bi_type_2 { background-image: url(/web/20121015094857im_/http://www.caisse-epargne.fr/cache/indimages/fonds/bg_bi_type_2.png); background-repeat: no-repeat; } .grille_ligne .module .bi_type_2:hover { background-image: url(/web/20121015094857im_/http://www.caisse-epargne.fr/cache/indimages/fonds/bg_bi_type_2_on.png); } .grille_ligne .module .bi_type_3 { background-color: #f7f8f8; /*background-image: url(/web/20121015094857im_/http://www.caisse-epargne.fr/cache/indimages/fonds/bg_bi_type_3.png);*/ } .grille_ligne .module .bi_type_3:hover { background-color: #f5f6f5; /*background-image: url(/web/20121015094857im_/http://www.caisse-epargne.fr/cache/indimages/fonds/bg_bi_type_3_on.png);*/ } .grille_ligne .module .bloc_info .bi_cont { overflow: hidden; padding: 1em 1em 0; position: relative; zoom: 1; } /* GCE_TECH */ .grille_ligne .module .bloc_acces .bi_cont_image { background: #fcfcfc url(/web/20121015094857im_/http://www.caisse-epargne.fr/cache/indimages/fonds/bg_bi_type_1.png) 0 bottom repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 14.7em; min-height: 14.7em; max-height: 14.7em; margin: 0 0 1px; position: relative; overflow: hidden; display: table; text-align: center; width: 100%; } /* GCE_TECH */ .grille_ligne .module .bloc_acces .bi_cont_image .innerContainer { display: table-cell; vertical-align: middle; width: 100%; margin: 0 auto; text-align: center; } .grille_ligne .module .bloc_info h2 { color: #181e1e; font: normal normal 1.8em/1.2 "MyriadProSemiBold", "Myriad Pro", "MyriadPro", "Trebuchet MS", Arial, Sans-Serif; /* 18px */ margin: 0 0 0.28em; /* 5px = 5/18 */ } .grille_ligne .module .bi_type_2 h2 { color: #e20e25; } .grille_ligne .module .bloc_info p { color: #404040; font-size: 1.1em; line-height: 1.4; margin: 0 0 0.9em; /* 10px = 10/11 */ } .grille_ligne .module .bloc_info .vi_f_droite { float: right; margin: 0 0 0 1em; } /* GCE_TECH */ .grille_ligne .mod_4 .pngfix { position: absolute; right: 3%; bottom: 0%; } /* GCE_TECH */ .grille_ligne .mod_8 .pngfix { position: absolute; right: 5%; bottom: 0%; } /* GCE_TECH */ .grille_ligne .mod_12 .pngfix { position: absolute; right: 3%; bottom: 0%; } .grille_ligne .module .bloc_info .vi_a_droite { text-align: right; } .grille_ligne .module .bloc_info .vi_abs_bd { bottom: 0; position: absolute; right: 0.5em; } .grille_ligne .module .bloc_info .vi_f_droite img, .grille_ligne .module .bloc_info .vi_abs_bd img { display: block; } /* Bloc accès */ .grille_ligne .module .bloc_acces { background: #fff; border: 2px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 1px #666; -moz-box-shadow: 0 0 1px #666; box-shadow: 0 0 1px #666; display: block; position: relative; filter:progid:DXImageTransform.Microsoft.Shadow(color='#BABABA', Direction='135', Strength=1)\9; } .grille_ligne .module .bloc_acces:hover { -webkit-box-shadow: 1px 1px 3px #444; -moz-box-shadow: 1px 1px 3px #444; box-shadow: 1px 1px 3px #444; left: -1px; top: -1px; filter:progid:DXImageTransform.Microsoft.Shadow(color='#BABABA', Direction='135', Strength=3)\9; } .grille_ligne .module .bloc_acces .ba_cont { background: #fcfcfc url(/web/20121015094857im_/http://www.caisse-epargne.fr/cache/indimages/fonds/bg_bi_type_1.png) 0 bottom repeat-x; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; margin: 0 0 1px; height: 14.7em; min-height: 14.7em; max-height: 14.7em; padding: 12px; position: relative; } /* GCE_TECH */ .grille_ligne .module .bloc_acces .ba_cont_image { background: #fcfcfc url(/web/20121015094857im_/http://www.caisse-epargne.fr/cache/indimages/fonds/bg_bi_type_1.png) 0 bottom repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0 0 1px; height: 14.7em; min-height: 14.7em; max-height: 14.7em; padding: 12px; position: relative; display: table; } /* GCE_TECH */ .grille_ligne .module .bloc_acces_banniere { background: #fff; border: 2px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; position: relative; } .ielt7 .grille_ligne .module .bloc_acces .ba_cont { height: 14.7em; min-height: 14.7em; max-height: 14.7em; } /* GCE_TECH */ .grille_ligne .module .bloc_acces_banniere .ba_cont_banniere { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; margin: 0 0 1px; height: 14.7em; min-height: 14.7em; max-height: 14.7em; padding: 12px; position: relative; } /* GCE_TECH */ .grille_ligne .module .bloc_acces .ba_cont_image .innerContainer { display: table-cell; vertical-align: middle; height: 14.7em; min-height: 14.7em; max-height: 14.7em; width: 100%; margin: 0 auto; text-align: center; } /* GCE_TECH */ .ie7 .grille_ligne .module .bloc_acces .ba_cont_image .innerContainer * { vertical-align: middle; } /* GCE_TECH */ .ie7 .grille_ligne .module .bloc_acces .ba_cont_image .innerContainer span { display: inline-block; height: 100%; } /* GCE_TECH */ .ie7 .grille_ligne .module .bloc_acces .ba_cont_image .innerContainer img { margin: -2px; } .grille_ligne .module .bloc_acces:hover .ba_cont { background-color: #fbfbfb; background-image: url(/web/20121015094857im_/http://www.caisse-epargne.fr/cache/indimages/fonds/bg_bi_type_1_on.png); } /* GCE_TECH */ .grille_ligne .module .bloc_acces_banniere .ba_cont_banniere h1 { font: normal normal 2.4em/1.2 "Myriad Pro", "MyriadPro", "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 10px; } .grille_ligne .module .bloc_acces .ba_cont h2 { color: #e9000a; font: normal normal 1.8em/1.2 "Myriad Pro", "MyriadPro", "Trebuchet MS", Arial, Sans-Serif; /* 18px */ margin: 0 0 0.56em; /* 10px = 10/18 */ } .grille_ligne .module .bloc_acces .ba_cont p, .grille_ligne .module .bloc_acces_banniere .ba_cont_banniere p /* GCE_TECH */ { color: #404040; font-size: 1.1em; line-height: 1.4; margin: 0.91em 0; /* 10px = 10/11 */ } .grille_ligne .module .bloc_acces .ba_cont .visuel { float: right; margin: 0 0 0 1em; } .grille_ligne .module .bloc_acces .ba_footer, .grille_ligne .module .bloc_acces .ba_footer_clear /* GCE_TECH */ { border-top: 1px solid #dedede; border-bottom: 1px solid #eaeaea; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; font: normal normal 1.2em/2.08 "MyriadProSemiBold", "Myriad Pro", "MyriadPro", "Trebuchet MS", Arial, Sans-Serif; /* 12px/25px */ padding: 0 1em; /* 12px = 12/12 */ position: relative; text-align: right; } .grille_ligne .module .bloc_conseil .ba_footer { background: #fcffe5; color: #e69e33; } .grille_ligne .module .bloc_outil .ba_footer { background: #e1e1e1; color: #434343; } .grille_ligne .module .bloc_produit .ba_footer { background: #fae5e9; color: #e9000a; } /* GCE_TECH */ .grille_ligne .module .bloc_actualite .ba_footer { background: #e9fae5; color: #66CC66; } .grille_ligne .module .bloc_acces .ba_footer span { background: 0 center no-repeat; display: inline-block; padding: 0 0 0 20px; } .grille_ligne .module .bloc_conseil .ba_footer span { background-image: url(/web/20121015094857im_/http://www.caisse-epargne.fr/cache/indimages/pictos/pi_ba_conseil.png); } .grille_ligne .module .bloc_outil .ba_footer span { background-image: url(/web/20121015094857im_/http://www.caisse-epargne.fr/cache/indimages/pictos/pi_ba_outil.png); } .grille_ligne .module .bloc_produit .ba_footer span { background-image: url(/web/20121015094857im_/http://www.caisse-epargne.fr/cache/indimages/pictos/pi_ba_footer.png); } /* FILE ARCHIVED ON 09:48:57 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: 102.289 exclusion.robots: 0.228 exclusion.robots.policy: 0.21 cdx.remote: 0.137 esindex: 0.018 LoadShardBlock: 73.153 (3) PetaboxLoader3.datanode: 90.912 (4) CDXLines.iter: 17.944 (3) load_resource: 113.202 PetaboxLoader3.resolve: 73.192 */