Crédit Agricole Aquitaine

Epargne Bancaire - Crédit Agricole Aquitaine
Chargement try { function getInternetExplorerVersion() { var rv = -1; // Return value assumes failure. if (navigator.appName == 'Microsoft Internet Explorer') { var ua = navigator.userAgent; var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})"); if (re.exec(ua) != null) rv = parseFloat(RegExp.$1); } return rv; } function IsIE8Browser() { var ver = getInternetExplorerVersion(); if (ver > -1) { if (ver CAAQe.defile.maxi) CAAQe.defile.encours = CAAQe.defile.maxi; CAAQe.defile.update(); }, prev: function () { CAAQe.defile.encours -= 1; if (CAAQe.defile.encours < 0) CAAQe.defile.encours = 0; CAAQe.defile.update(); }, update: function () { jQuery('#produits div').removeClass('right').removeClass( 'left').removeClass('center').removeClass( 'megaleft').removeClass('megaright').removeClass( 'hideright').removeClass('hideleft'); var cla = "megaleft"; for (var i = 0; i 0 || event.originalEvent.detail < 0) { CAAQe.back(); } else { CAAQe.next(); } return false; } } } }); jQuery('#obsolete').hide(); var compteEp = new Array(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0); var data = new Array(' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' '); for (var i = 0; i < CAAQe.t.length; i++) { data[ CAAQe.t[i]] += '' + CAAQe.p[i] + ''; } var html = 'Accès rapide'; html += '' + data[0] + ''; html += '' + data[1] + ''; html += '' + data[2] + ''; html += '' + data[3] + ''; html += '' + data[4] + ''; html += '' + data[5] + ''; html += '' + data[6] + ''; html += ''; jQuery('#selectEp').html(html); }, limiteScroll: true, etapeRisque: true, goDuree: function (e, go) { jQuery('.duree').removeClass('actif'); if (e == 0) CAAQe.tactile.resize( 100, true); else if (e == 1) CAAQe.tactile.resize( 500, true); else CAAQe.tactile.resize( 990, true); if (go) CAAQe.setetape(2); else { jQuery('.next').stop(true, true).fadeOut(100).fadeIn(300). fadeOut(100).fadeIn(300); } }, gorisque: function (e, go) { if (go) { if (CAAQe.activemontant) CAAQe.setetape(4); else CAAQe.setetape(5); } //Reccherche du numéro du risque parmis les risques disponibles var nb = 0; var stop = false; jQuery('#labelR .show').each(function () { if (!stop) { if (jQuery(this).attr('data-risque') != e) nb++; else stop = true; } }); CAAQe.tactile.deplace(nb * parseInt((779 / CAAQe.risqueNbOption)), true); jQuery('.next').stop(true, true).fadeOut(100).fadeIn(300). fadeOut(100).fadeIn(300); }, tactile: { moving: 0, position: 0, positioninitiale: -1, positionDepart: 0, slideH: null, slideHdepart: null, slideV: null, slideVdepart: null, checkSlideUp: function () { CAAQe.tactile.slideH = null; CAAQe.tactile.slideHdepart = null; CAAQe.tactile.slideV = null; CAAQe.tactile.slideVdepart = null; }, start: function (elt) { //console.log('start tactile'); // clearInterval(CAAQe.tactile.interval); // CAAQe.tactile.interval=setTimeout(CAAQe.tactile.move,30); CAAQe.tactile.position = 0; CAAQe.tactile.positioninitiale = -1; CAAQe.tactile.positionDepart = 0; CAAQe.tactile.slideHdepart === null if (elt == 1) { CAAQe.tactile.moving = 1; CAAQe.tactile.positionDepart = parseInt(jQuery( '#tactile1').css('width')); } else if (elt == 2) { CAAQe.tactile.moving = 2; CAAQe.tactile.positionDepart = parseInt(jQuery( '#tactile2').css('left')); } else CAAQe.tactile.moving = 3; }, stop: function () { if (CAAQe.tactile.moving == 1) { CAAQe.tactile.moving = false; var pos = CAAQe.tactile.positionDepart + CAAQe.tactile.position - CAAQe.tactile.positioninitiale; if (pos < 250) CAAQe.goDuree( 0, 0); else if (pos < 750) CAAQe.goDuree( 1, 0); else CAAQe.goDuree( 2, 0); //console.log('slide'); } else if (CAAQe.tactile.moving == 2) { jQuery('#tactile2').animate({width: (784 / CAAQe.risqueNbOption), marginLeft: 0}); CAAQe.tactile.moving = false; var pos = CAAQe.tactile.positionDepart + CAAQe.tactile.position - CAAQe.tactile.positioninitiale; var i = CAAQe.tactile.trouvepostactile2(pos); CAAQe.tactile.deplace(i * (784 / CAAQe.risqueNbOption), true); jQuery('.next').stop(true, true).fadeOut(100). fadeIn( 300).fadeOut(100).fadeIn(300); //console.log('slide'); } CAAQe.tactile.moving = false; }, trouvepostactile2: function (left) { if (left < (784 / CAAQe.risqueNbOption) / 2) return 0; return parseInt((left - ((784 / CAAQe.risqueNbOption) / 2)) / (784 / CAAQe.risqueNbOption)) + 1; }, moveXY: function (X, Y) { if (CAAQe.tactile.moving) { if (CAAQe.tactile.slideHdepart === null) { CAAQe.tactile.slideHdepart = Y; CAAQe.tactile.slideVdepart = X; } CAAQe.tactile.slideH = Y; CAAQe.tactile.slideV = X; if (CAAQe.tactile.slideHdepart > 0) { if (debug) console.log(( CAAQe.tactile.slideHdepart - CAAQe.tactile.slideH) + ',' + (CAAQe.tactile.slideVdepart - CAAQe.tactile.slideV)); if (CAAQe.tactile.slideHdepart - CAAQe.tactile.slideH > 200 * CAAQe.zoom) { CAAQe.next(); CAAQe.tactile.slideHdepart = -1; CAAQe.tactile.slideVdepart = -1; } else if ((CAAQe.tactile.slideHdepart - CAAQe.tactile.slideH) < -200 * CAAQe.zoom) { CAAQe.back(); CAAQe.tactile.slideHdepart = -1; CAAQe.tactile.slideVdepart = -1; } } if (CAAQe.tactile.slideVdepart > 0) { if (CAAQe.tactile.slideVdepart - CAAQe.tactile.slideV > 100 * CAAQe.zoom) { CAAQe.defile.next(); CAAQe.tactile.slideHdepart = -1; CAAQe.tactile.slideVdepart = -1; } else if ((CAAQe.tactile.slideVdepart - CAAQe.tactile.slideV) < -100 * CAAQe.zoom) { CAAQe.defile.prev(); CAAQe.tactile.slideHdepart = -1; CAAQe.tactile.slideVdepart = -1; } } if (CAAQe.tactile.moving) { CAAQe.tactile.position = X / CAAQe.zoom; if (CAAQe.tactile.moving == 1) { if (CAAQe.tactile.positioninitiale == -1) CAAQe.tactile.positioninitiale = CAAQe.tactile.position; var pos = CAAQe.tactile.positionDepart + CAAQe.tactile.position - CAAQe.tactile.positioninitiale CAAQe.tactile.resize(pos); } else if (CAAQe.tactile.moving == 2) { if (CAAQe.tactile.positioninitiale == -1) CAAQe.tactile.positioninitiale = CAAQe.tactile.position; var pos = CAAQe.tactile.positionDepart + CAAQe.tactile.position - CAAQe.tactile.positioninitiale CAAQe.tactile.deplace(pos); } } } }, move: function (e) { if (jQuery('#CRAQepargne.small').length == 0) { var ok = false; //Slide Tactile Chrome try { if (e.touches[0].pageX) { e.preventDefault(); CAAQe.tactile.moveXY(e.touches[0].pageX, e.touches[0].pageY); ok = true; } } catch (e) { } //Slide Tactile MS Gesture try { if (e.clientX) { e.preventDefault(); CAAQe.tactile.moveXY(e.clientX, e.clientY); ok = true; } } catch (e) { } //Cas de la souris CHROME try { if (e.x) { CAAQe.tactile.moveXY(e.x, e.y); ok = true; } } catch (e) { } //Cas de la souris FIREFOX try { if (e.clientX) { CAAQe.tactile.moveXY(e.clientX, e.clientY); ok = true; } } catch (e) { } if (!ok) if (debug) console.log( 'Event non reconnu : '); if (!ok) if (debug) console.log( e); } } , resize: function (val, animate) { if (val < 250) { clearTimeout(CAAQe.tactile.timeout); CAAQe.tactile.timeout = setTimeout(function () { CAAQe.setduree( 0); }, 100); } else if (val < 750) { clearTimeout (CAAQe.tactile.timeout); CAAQe.tactile.timeout = setTimeout(function () { CAAQe.setduree( 1); }, 100); } else { clearTimeout (CAAQe.tactile.timeout); CAAQe.tactile.timeout = setTimeout(function () { CAAQe.setduree( 2); }, 100); } if (val < 50) val = 50; if (val > 990) val = 990; if (animate) jQuery('#tactile1').animate({width: val}, 200); else jQuery('#tactile1').width(val); }, deplace: function (val, animate) { var mini = (779 / CAAQe.risqueNbOption); var margin = 0; if (val < 5) { mini -= 5 - val; val = 5; } var max = 779 - (779 / CAAQe.risqueNbOption); if (val > max) { mini -= val - max; margin = val - max; val = max; } if (mini < 100) { mini = 100; if (margin > 0) { margin = (779 / CAAQe.risqueNbOption) - 100; } } if (animate) jQuery('#tactile2').animate({left: val}, 200); else jQuery('#tactile2').css('left', val + 'px').css( 'width', mini).css('margin-left', margin); var i = CAAQe.tactile.trouvepostactile2(val); jQuery('#labelR .show').addClass('op25'); jQuery('#labelR .show').slice(i, i + 1).removeClass( 'op25'); clearTimeout(CAAQe.tactile.timeout); CAAQe.tactile.timeout = setTimeout(function () { CAAQe.setrisque( jQuery( '#labelR .show'). slice( i, i + 1). attr( 'data-risque')); }, 100); }, timeout: null } } } catch (e) { } .op25 { opacity:0.25; } #CRAQepargne { user-select :none; -webkit-user-select :none; -moz-user-select :none; -o-user-select :none; -ms-user-select :none; } #CRAQepargne .cliquable { position:absolute; top:-4px; height:58px; left:-4px; width:100%; float:left; } #CRAQepargne .cliquable .label { float:left; width:33%; height:50px; cursor:pointer; display:block; top: 0; position:relative; } #risque .cliquable .label { display:none; } #CRAQepargne .icon{ font-family: Flaticon; display: block; width: 100%; font-size: 60px; top: 0px; line-height: 90px; position: absolute; height: 90px; text-align: center; } #CRAQepargne h1{ text-transform: uppercase; font-size: 35px; font-family: lubalin,sans-serif; text-align: center; color: white; /* padding-left: 150px; */ /* padding-top: 30px; */ width: 100%; z-index: 8; text-shadow: rgba(0,0,0,0.4) 0 0 5px; } #CRAQepargne h2{ font-size:25px; margin:0; padding:0; font-family:helvetica; color:white; } #produits { position: absolute; top: 50px; left: 0px; width: 800px; height: 550px; } #CRAQepargne .bouton { display: block; float: left; color: #FFF; width: 300px; height: 50px; margin: 12px; text-align: center; line-height: 19px; cursor: pointer; border: solid 4px #FFF; width: 135px; height: 43px; border-radius: 20px; font-size: 18px; padding-top: 100px; position: relative; -webkit-transition: all 0.2s; } #CRAQepargne .bouton:hover, #CRAQepargne .bouton.actif { background:white; color:#8c6754; } #CRAQepargne .risque, #CRAQepargne .type { display:none; } #CRAQepargne .show { display:block; } #CRAQepargne { display: block; width: 800px; height: 600px; /* position: absolute; */ left: 50%; margin-left: -400px; /* top: 250px; */ font-family: helvetica; color: white; margin-top: 10px; position: relative; top: 0; } #CRAQepargne .label { font-family: lubalin,sans-serif; font-size: 16px; width: 300px; position: absolute; top: 60px; cursor: pointer; text-transform: uppercase; } #label2 { position:absolute; left:350px; text-align:center; } #label3 { position:absolute; left:700px; text-align:right; } #risque { display: block; width: 790px; height: 50px; /* border: solid 4px white; */ border-radius: 29px; position: absolute; top: 180px; left: 0; background: #008f91; } #tactile1 { position:absolute; top:5px; left:5px; background:white; border-radius:20px; width:100px; height:40px; display:block;cursor:all-scroll; } #tactile2 { position:absolute; top:5px; left:5px; background:white; border-radius:20px; width:100px; height:40px; display:block;cursor:all-scroll; } #ecran1 h1 { font-size: 50px; margin-top: 118px; } #ecran1, #ecran2, #ecran3, #ecran4 { position: absolute; left: 0; top:100%; margin-top:100px; opacity: 0; height: 400px; width: 100%; z-index: 5; } #ecran5 { position:absolute; left:0; height:100%; width:100%; top:100%; opacity:0; } .bulle{ position:absolute; top:10px; left:10px; width:100px; height:100px; background:white; border-radius:50%; color:#6a6454; text-align:center; line-height:96px; opacity:0; } #trait { margin-top:600px; border: solid 2px #FFF; width: 0px; height: 2400px; top: 30px; left: 58px; position: absolute; } #b1 { margin-top:600px; top:0px; font-family: helvetica; opacity:1; color:#54574e; }#b2 { margin-top:600px; top:600px; color:#64675a; font-family: helvetica; }#b3 { margin-top:600px; top:1200px; color:#666f6a; font-family: helvetica; } #b4 { margin-top:600px; top:1800px; color:#57646d; font-family: helvetica; } #b5 { margin-top:600px; top:2400px; color:#57646d; font-family: helvetica; } #bulle{ position:absolute; left:10px; opacity:1; height:600px; top:50%; margin-top:-300px; font-family: helvetica; font-size: 78px; } .next { border: solid 4px rgb(225, 68, 127); font-family: helvetica; text-align: center; position: absolute; bottom: 10px; right: 10px; cursor: pointer; width: 180px; height: 30px; border-radius: 2px; font-size: 18px; line-height: 30px; background: rgb(225, 68, 127); color: white; font-weight:bold; } .next:hover { background:white; color: rgb(225, 68, 127); } #ecran3 .next:hover { color:rgb(225, 68, 127); } #risque .label.show { display:block } #risque .label { width:200px; text-align:center; float:left; display:none; position:relative; padding:0; margin:0; top:0; } #labelR { display: block; width: 100%; float: left; position: absolute; top: 57px; height: 100px; } #labelT { display: block; width: 100%; float: left; position: absolute; top: -25px; height: 100px; } #tactile2 { width:200px; z-index:999; } #tactile1 { z-index:999; } .back { position: absolute; top: 0; width: 100px; text-align: center; font-family: Flaticon; font-size: 60px; margin-top: 0px; padding-top: 10px; padding-bottom: 0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; transition: all 0.3s; opacity: 0.5; right: -100px; cursor: pointer; z-index: 999; } .back:hover { padding-top:0px; padding-bottom:10px; opacity:1; } .label b { font-family:helvetica; font-weight:normal; display:block; width:100%; text-transform: uppercase; } #produits div { display: block; background: #FFF; border-radius: 10px; width: 500px; margin-left: -250px; margin-top: -235px; height: 500px; top: 50%; left: 50%; position: absolute; border: solid 5px white; box-shadow: rgba(0, 0, 0, 0.6) 0 0 50px; color: #4B6479; -webkit-transition:-webkit-transform 0.5s,background 0.5s; -moz-transition:-moz-transform 0.5s,background 0.5s; -o-transition:-o-transform 0.5s,background 0.5s; -ms-transition:-ms-transform 0.5s,background 0.5s; transition:transform 0.5s,background 0.5s; z-index:1; -webkit-transform: scale(0.6) translateX(1000px); -moz-transform: scale(0.6) translateX(1000px); -o-transform: scale(0.6) translateX(1000px); -ms-transform: scale(0.6) translateX(1000px); transform: scale(0.6) translateX(1000px); -no-filter:blur(4px); background: rgba(255, 255, 255, 0.6); } #produits .titreEP { font-family: lubalin,sans-serif; font-size: 32px; position: absolute; top: 40px; left: 40px; width: 340px; text-transform: uppercase; line-height: 30px; color: #008F91; } .av { position: absolute; top: 130px; left: 80px; list-style-type: none; font-size: 18px; line-height: 20px; width: 400px; font-family: helvetica; } .av li b { font-family: helvetica; font-weight:normal; color: #1998A1; } .av li { font-family: helvetica; padding-top: 12px; padding-bottom: 12px; position:relative; } .av li:before { font-family: Flaticon; content: "\e000"; padding-top: 12px; padding-bottom: 12px; color: rgb(225, 68, 127); position: absolute; left: -42px; top: 0px; font-size: 32px; } #duree,#type { /* position: absolute; */ /* top: 120px; */ /* left: 250px; */ width: 100%; /* height: 480px; */ text-align: center; margin-top: 40px; } .info { background: rgb(225, 68, 127); color: white; font-family: helvetica; width: 200px; height: 30px; line-height: 30px; position: absolute; bottom: 20px; right: 20px; border: solid 4px rgb(225, 68, 127); text-align: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; cursor: pointer; text-decoration: none; font-family: helvetica; font-weight: bold; } .info:hover { background:white; color:rgb(225, 68, 127); } .pert { right: 45px; position: absolute; top: 35px; color: #8F8F8F; font-size: 14px; font-family: helvetica; } .pert2 { right: 40px; position: absolute; top: 53px; font-family: Flaticon; color: #1998A1; font-size: 23px; word-wrap: break-word; width: 70px; text-align: center; line-height: 18px; } #produits div.right { display:block; -webkit-transform: scale(0.8) translateX(500px); -moz-transform: scale(0.8) translateX(500px); -o-transform: scale(0.8) translateX(500px); -ms-transform: scale(0.8) translateX(500px); transform: scale(0.8) translateX(500px); -no-filter:blur(2px); z-index:2; background: rgba(255, 255, 255, 0.8); } #produits div.left { display:block; -webkit-transform: scale(0.8) translateX(-500px); -moz-transform: scale(0.8) translateX(-500px); -o-transform: scale(0.8) translateX(-500px); -ms-transform: scale(0.8) translateX(-500px); transform: scale(0.8) translateX(-500px); -no-filter:blur(2px); background: rgba(255, 255, 255, 0.8); z-index:2; } #produits div.megaleft { display:block; -webkit-transform: scale(0.6) translateX(-1000px); -moz-transform: scale(0.6) translateX(-1000px); -o-transform: scale(0.6) translateX(-1000px); -ms-transform: scale(0.6) translateX(-1000px); transform: scale(0.6) translateX(-1000px); -no-filter:blur(4px); z-index:1; background: rgba(255, 255, 255, 0.6); } #produits div.hideleft { display:block; -webkit-transform: scale(0) translateX(-2000px); -moz-transform: scale(0) translateX(-2000px); -o-transform: scale(0) translateX(-2000px); -ms-transform: scale(0) translateX(-2000px); transform: scale(0) translateX(-2000px); -no-filter:blur(4px); z-index:0; background: rgba(255, 255, 255, 0.4); } #produits div.hideright { display:block; -webkit-transform: scale(0) translateX(2000px); -moz-transform: scale(0) translateX(2000px); -o-transform: scale(0) translateX(2000px); -ms-transform: scale(0) translateX(2000px); transform: scale(0) translateX(2000px); -no-filter:blur(4px); z-index:0; background: rgba(255, 255, 255, 0.4); } #produits div.center { display:block; -webkit-transform: scale(1) translateX(0); -moz-transform: scale(1) translateX(0); -o-transform: scale(1) translateX(0); -ms-transform: scale(1) translateX(0); transform: scale(1) translateX(0); -no-filter:none; z-index:6; background: rgba(255, 255, 255, 0.95); } #pnext { opacity: 0.2; font-family: Flaticon; color: #FFF; font-size: 300px; top: 0px; height: 600px; line-height:600px; right: -173px; width: 400px; text-align:center; position: absolute; z-index: 4; text-shadow: #4B6479 0 0 100px; cursor:pointer; padding-top:50px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #pnext:active { opacity:1; right: -193px; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); } #pprev:active { opacity:1; left: -248px; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); } #pprev { opacity: 0.2; font-family: Flaticon; color: #FFF; font-size: 300px; top: 0px; left: -218px; padding-top:50px; height: 600px; line-height:600px; width: 400px; text-align:center; line-height:600px; position: absolute; z-index: 4; text-shadow: #4B6479 0 0 100px; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #ecran5 h1 { z-index: 8; line-height: 40px; margin: 0; } .bouton .type {margin: 132px 66px; } .montant { background: rgba(255,255,255,0.1); width: 400px; height: 80px; position: absolute; top: 300px; left: 150px; color: white; border: solid 5px white; border-radius: 25px; } .periodique { background: rgba(255,255,255,0.1); width: 400px; height: 80px; position: absolute; top: 300px; left: 780px; color: white; border: solid 5px white; border-radius: 25px; } .montant h3, .periodique h3 { position: absolute; top: 10px; left: 10px; font-family: helvetica; text-transform: uppercase; } .montant input, .periodique input { text-align:right; position:absolute; top:0px; left:0px; border-color:white; height:70px; padding-top: 10px; width:300px; padding-right:100px; background:transparent; color:black; border-radius:25px; border:none; outline:none; -webkit-appearance: none; margin: 0; font-family: helvetica;font-size: 30px; color:#ffffff; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .montant .euro, .periodique .euro { text-align:right; position:absolute; top:0px; left:300px; height:70px; padding-top: 10px; line-height:70px; color:black; color:#ffffff; font-family: helvetica;font-size: 30px; } #labelT div { width:50%; float:left; display:block; font-family: helvetica; } input::-ms-clear { display: none; } input[type=number] { -moz-appearance:textfield; } #filtres { text-transform: uppercase; font-size: 12px; left: 151px; position: absolute; font-family: helvetica; font-weight: lighter; z-index: 9999; } #filtres span { opacity: 0.3; cursor:pointer; margin-right: 5px; } #filtres span:hover { opacity: 1; } #CRAQepargne .block { display: inline-block; width: 131px; height: 37px; background-color: #008f91; box-shadow: 0 0 9px 1px rgba(0,0,0,.3); margin-left: 8px; margin-bottom: 8px; cursor: pointer; position: relative; padding-top: 90px; font-family: lubalin; text-transform: uppercase; font-size: 16px; line-height: 16px; text-align: center; overflow: hidden; letter-spacing: 200%; letter-spacing: 0px; } #CRAQepargne .block.type {display:none; } #CRAQepargne .block.type.show { display: inline-block; } #CRAQepargne .block:hover, #CRAQepargne .block.actif { background:white; color: #008f91; } #CRAQepargne svg.icon { width: 60px; height: 60px; left: 39px; top: 15px; } #CRAQepargne svg.icon * { fill:white; } #CRAQepargne .block:hover svg.icon *, #CRAQepargne .block.actif svg.icon * { fill:#008f91; } .selectCred { position: absolute; top: 10px; right: 10px; height: 41px; width: 150px; } .selectCred select { position:absolute;top:0;left:0;width:100%; height:100%; opacity:0; z-index:10; } .selectCred select option { font-family: helvetica; font-size: 16px; } .selectCred select optgroup { font-family: helvetica; font-weight:bold; font-size: 16px; color:#555; } .selectCred .acces { z-index: 1; position: absolute; top: 0px; right: 0px; padding: 10px; width: calc(100% - 20px); font-family: helvetica; font-size: 14px; color: white; border: solid 2px white; border-radius: 2px; background: rgba(0,0,0,0.1); } .selectCred .acces b { float: right; font-family: Flaticon; font-weight: normal; color: white; font-size: 16px; display: inline-block; line-height: 14px; } #risque .label.opt1, #risque #tactile2.opt1 { width:100%; } #risque .label.opt2, #risque #tactile2.opt2 { width:50%; } #risque .label.opt3, #risque #tactile2.opt3 { width:33%; } #risque .label.opt4, #risque #tactile2.opt4 { width:25%; } #risque .label.opt5, #risque #tactile2.opt5 { width:20%; } html body #CRAQepargne h1 { color:#00858c\9; } Accès rapide  Accès rapide Quel est votre horizon d'épargne ? Moinsd'un an de 1 à 4 ans Plusde 4 ans  Quelle épargne correspond à votre besoin ?  Disposer d'une épargne  Constituermon capital  Valorisermon capital  Mon projetimmobilier  L'avenir demes enfants  Maretraite  Percevoir des revenus  Payer moins d'impôts  Investir dansl'immobilier  Transmettremon capital  Quel niveau de performance pour quel risque ? RISQUE FAIBLE PERFORMANCE ELEVEE Capital garanti à tout moment Capital garanti à échéance Profilsécuritaire Profildynamique Profildynamique SUITE  Nos solutions répondant à vos besoins Tous nos produits Nos solutions d'Epargne Livrets Nos solutions d'Assurance Vie Nos solutions d'Epargne retraite Nos solutions d'Epargne à terme Nos solutions d'Epargne logement Nos solutions Bourse Nos solutions de placements immobiliers   affichevideo( "/Vitrine/ObjCommun/Fic/Aquitaine/v2/0/2/33/epargne.mp4", "/Vitrine/ObjCommun/Fic/Aquitaine/v2/0/2/33/epargne.jpg", 1920, 1080); #CRAQepargne.small { display: block; width:auto; height:auto; position:relative; left:0; top:0; margin: auto; height: 100%; width: 100%; } #CRAQepargne.small .block { padding: 10px; width: calc(100% - 20px); height: auto; margin-left: 0; } #CRAQepargne.small svg.icon { width: 30px; height: 41px; left: 10px; top: 5px; } #CRAQepargne.small #ecran1, #CRAQepargne.small #ecran2, #CRAQepargne.small #ecran3, #CRAQepargne.small #ecran4 { margin:0; padding:0; height: 100%; width: 100%; overflow: auto; } #CRAQepargne.small #duree, #CRAQepargne.small #type { width: 100%; max-width: 320px; position: relative; margin: auto; } #CRAQepargne.small h1 { font-size: 28px; padding-top: 60px; padding-bottom: 10px; max-width: 320px; margin: auto; } #CRAQepargne.small .icon { font-size: 36px; line-height: 55px; height: 90px; width: 65px; } #CRAQepargne.small .back:before { content: "Retour"; /* position: absolute; */ top: 0; left: 0; height: 20px; background: #ccc; color: white; font-size: 20px; display: block; opacity: 1; background: #555; font-family: helvetica; font-size: 16px; height: 40px; line-height: 40px; width: 100%; margin: auto; } #CRAQepargne.small .back { position:absolute; width:100%; font-size:0; opacity: 1; left: 10px; } #CRAQepargne.small #labelT, #CRAQepargne.small #risque .cliquable, #CRAQepargne.small #tactile2 { display:none; } #CRAQepargne.small #risque #labelR { display: block; width: 100%; top:0; left:0; float: none; position: relative; height: auto; } #CRAQepargne.small #risque { width: 100%; position: relative; max-width: 320px; margin: auto; top: 0; display: block; float: none; height:auto; border-radius:0; background: transparent; } #CRAQepargne.small .next { display:none; height:1px; width:1px; overflow:hidden; opacity:0; } #CRAQepargne.small #risque .label.show { width: 100%; background: #008F91; margin-bottom:8px; float:none; display:inline-block; } #CRAQepargne.small #ecran5 { overflow:auto; } #CRAQepargne.small #produits { position: relative; top: 0; left: 0px; width: 100%; height:auto; max-width: 402px; margin:auto; } #CRAQepargne.small #pnext, #CRAQepargne.small #pprev { display:none; opacity:0; visibility:hidden; position:fixed; top:-500px; left:-500px; height:1px; width:1px; overflow:hidden; } html body #CRAQepargne.small #produits div { position: relative; display: block; width: calc(100% - 20px); height: auto; background: white; opacity: 1; padding: 5px; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; margin: 0; left: 0; margin-bottom: 50px; border-radius: 0; box-shadow: none; padding-bottom: 54px; } #CRAQepargne.small .pert { display:none; } #CRAQepargne.small .av { position: relative; margin: 0; padding: 0; padding: 20px 10px 10px 38px; font-size: 14px; line-height: 18px; width: calc(100% - 40px); top: 0; left: 0; } #CRAQepargne.small .info { background: rgb(225, 68, 127); color: white; font-family: helvetica; width: calc(100% - 28px); height: 30px; line-height: 30px; position: absolute; bottom: 10px; right: 10px; border: solid 4px rgb(225, 68, 127); text-align: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; cursor: pointer; text-decoration: none; } #CRAQepargne.small .av li:before { left: -32px; font-size: 26px; } #CRAQepargne.small .op25 { opacity:1; } #CRAQepargne.small .pert2 { display:none; } #CRAQepargne.small #produits .titreEP { font-size: 30px; position: relative; line-height: 30px; width: calc(100% - 10px); display: block; top: 0; left: 0; margin: 0; padding: 10px 0 0 5px; } body.smallEP .selectCred { position: absolute; top: 10px; right: 10px; height: 41px; width: 320px; left: 50%; margin-left: -160px; } body * { -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } @media (max-width:1000px) and (min-width:769px) { #CRAQepargne { -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); } }

CA Aquitaine 2018