/* FONTS FILES */ /* .eot = IE9 Compat Modes, .woff = Modern Browsers, .ttf = Safari, Android, iOS, .svg = Legacy iOS, .eot?#iefix = IE6 - IE8 */ @font-face{font-family:'Mercury';font-weight:normal;font-style:normal;src: url('../fonts/mercury/mercury.eot');src: url('../fonts/mercury/mercury.woff') format('woff'),url('../fonts/mercury/mercury.ttf') format('truetype'),url('../fonts/mercury/mercury.svg#Mercury') format('svg'),url('../fonts/mercury/mercury.eot?#iefix') format('embedded-opentype');} @font-face{font-family:'Mercury';font-weight:bold;font-style:normal;src: url('../fonts/mercury/mercury-bold.eot');src: url('../fonts/mercury/mercury-bold.woff') format('woff'),url('../fonts/mercury/mercury-bold.ttf') format('truetype'),url('../fonts/mercury/mercury-bold.svg#Mercury') format('svg'),url('../fonts/mercury/mercury-bold.eot?#iefix') format('embedded-opentype');} @font-face{font-family:'Muli';font-weight:200;font-style:normal;src: url('../fonts/muli/Muli-ExtraLight.eot');src: url('../fonts/muli/Muli-ExtraLight.woff') format('woff'),url('../fonts/muli/Muli-ExtraLight.ttf') format('truetype'),url('../fonts/muli/Muli-ExtraLight.svg#Muli') format('svg'),url('../fonts/muli/Muli-ExtraLight.eot?#iefix') format('embedded-opentype');} @font-face{font-family:'Muli';font-weight:200;font-style:italic;src: url('../fonts/muli/Muli-ExtraLightItalic.eot');src: url('../fonts/muli/Muli-ExtraLightItalic.woff') format('woff'),url('../fonts/muli/Muli-ExtraLightItalic.ttf') format('truetype'),url('../fonts/muli/Muli-ExtraLightItalic.svg#Muli') format('svg'),url('../fonts/muli/Muli-ExtraLightItalic.eot?#iefix') format('embedded-opentype');} @font-face{font-family:'Muli';font-weight:300;font-style:normal;src: url('../fonts/muli/Muli-Light.eot');src: url('../fonts/muli/Muli-Light.woff') format('woff'),url('../fonts/muli/Muli-Light.ttf') format('truetype'),url('../fonts/muli/Muli-Light.svg#Muli') format('svg'),url('../fonts/muli/Muli-Light.eot?#iefix') format('embedded-opentype');} @font-face{font-family:'Muli';font-weight:300;font-style:italic;src: url('../fonts/muli/Muli-LightItalic.eot');src: url('../fonts/muli/Muli-LightItalic.woff') format('woff'),url('../fonts/muli/Muli-LightItalic.ttf') format('truetype'),url('../fonts/muli/Muli-LightItalic.svg#Muli') format('svg'),url('../fonts/muli/Muli-LightItalic.eot?#iefix') format('embedded-opentype');} @font-face{font-family:'Muli';font-weight:normal;font-style:normal;src: url('../fonts/muli/Muli-Regular.eot');src: url('../fonts/muli/Muli-Regular.woff') format('woff'),url('../fonts/muli/Muli-Regular.ttf') format('truetype'),url('../fonts/muli/Muli-Regular.svg#Muli') format('svg'),url('../fonts/muli/Muli-Regular.eot?#iefix') format('embedded-opentype');} @font-face{font-family:'Muli';font-weight:normal;font-style:italic;src: url('../fonts/muli/Muli-Italic.eot');src: url('../fonts/muli/Muli-Italic.woff') format('woff'),url('../fonts/muli/Muli-Italic.ttf') format('truetype'),url('../fonts/muli/Muli-Italic.svg#Muli') format('svg'),url('../fonts/muli/Muli-Italic.eot?#iefix') format('embedded-opentype');} @font-face{font-family:'Muli';font-weight:600;font-style:normal;src: url('../fonts/muli/Muli-SemiBold.eot');src: url('../fonts/muli/Muli-SemiBold.woff') format('woff'),url('../fonts/muli/Muli-SemiBold.ttf') format('truetype'),url('../fonts/muli/Muli-SemiBold.svg#Muli') format('svg'),url('../fonts/muli/Muli-SemiBold.eot?#iefix') format('embedded-opentype');} @font-face{font-family:'Muli';font-weight:600;font-style:italic;src: url('../fonts/muli/Muli-SemiBoldItalic.eot');src: url('../fonts/muli/Muli-SemiBoldItalic.woff') format('woff'),url('../fonts/muli/Muli-SemiBoldItalic.ttf') format('truetype'),url('../fonts/muli/Muli-SemiBoldItalic.svg#Muli') format('svg'),url('../fonts/muli/Muli-SemiBoldItalic.eot?#iefix') format('embedded-opentype');} @font-face{font-family:'Muli';font-weight:700;font-style:normal;src: url('../fonts/muli/Muli-Bold.eot');src: url('../fonts/muli/Muli-Bold.woff') format('woff'),url('../fonts/muli/Muli-Bold.ttf') format('truetype'),url('../fonts/muli/Muli-Bold.svg#Muli') format('svg'),url('../fonts/muli/Muli-Bold.eot?#iefix') format('embedded-opentype');} @font-face{font-family:'Muli';font-weight:700;font-style:italic;src: url('../fonts/muli/Muli-BoldItalic.eot');src: url('../fonts/muli/Muli-BoldItalic.woff') format('woff'),url('../fonts/muli/Muli-BoldItalic.ttf') format('truetype'),url('../fonts/muli/Muli-BoldItalic.svg#Muli') format('svg'),url('../fonts/muli/Muli-BoldItalic.eot?#iefix') format('embedded-opentype');} @font-face{font-family:'Muli';font-weight:800;font-style:normal;src: url('../fonts/muli/Muli-ExtraBold.eot');src: url('../fonts/muli/Muli-ExtraBold.woff') format('woff'),url('../fonts/muli/Muli-ExtraBold.ttf') format('truetype'),url('../fonts/muli/Muli-ExtraBold.svg#Muli') format('svg'),url('../fonts/muli/Muli-ExtraBold.eot?#iefix') format('embedded-opentype');} @font-face{font-family:'Muli';font-weight:800;font-style:italic;src: url('../fonts/muli/Muli-ExtraBoldItalic.eot');src: url('../fonts/muli/Muli-ExtraBoldItalic.woff') format('woff'),url('../fonts/muli/Muli-ExtraBoldItalic.ttf') format('truetype'),url('../fonts/muli/Muli-ExtraBoldItalic.svg#Muli') format('svg'),url('../fonts/muli/Muli-ExtraBoldItalic.eot?#iefix') format('embedded-opentype');} /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6 p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} table{border-collapse:collapse;border-spacing:0;} /*****************/ /* HTML ELEMENTS */ /*****************/ body {font-family:'Muli',Calibri,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:17px;line-height:17px;font-weight:400;color:#37454a;margin:0 auto;max-width:5000px;overflow-x:hidden;width:100%;min-width:340px;} h1,h2,h3,h4,h5,h6 {font-family:'Mercury',Calibri,'Helvetica Neue',Helvetica,Arial,sans-serif;color:#37454a;font-weight:600;text-transform:uppercase !important;} h1 {font-size:27px;line-height:30px;} h2 {font-size:25px;line-height:28px;} h3 {font-size:23px;line-height:25px;} h4 {font-size:21px;line-height:23px;} h5 {font-size:19px;line-height:21px;} h6 {font-size:17px;line-height:19px;} a{transition: all 0.5s ease 0s;} a:active,a:focus,a:hover{text-decoration:none;outline:none;} textarea {overflow: auto;resize: none;} table{width:100%;} sup {font-size:11px;vertical-align:top;} strong, .strong{font-weight:700 !important;} label {margin-bottom: 5px;display: block;} .margin-top-0 {margin-top:0px !important;} .margin-top-10 {margin-top:10px !important;} .margin-top-20 {margin-top:20px !important;} .margin-top-30 {margin-top:30px !important;} .margin-top-40 {margin-top:40px !important;} .margin-top-80 {margin-top:80px !important;} .margin-bottom-0 {margin-bottom:0px !important;} .margin-bottom-10 {margin-bottom:10px !important;} .margin-bottom-20 {margin-bottom:20px !important;} .margin-bottom-30 {margin-bottom:30px !important;} .margin-bottom-40 {margin-bottom:40px !important;} .margin-bottom-60 {margin-bottom:60px !important;} .margin-bottom-80 {margin-bottom:80px !important;} .margin-left-0 {margin-left:0px !important;} .margin-left-20 {margin-left:20px !important;} .no-padding {padding:0px !important;} .padding-30 {padding:30px !important;} .padding-right-15 {padding-right:15px !important;} .padding-right-30 {padding-right:30px !important;} .padding-bottom-0 {padding-bottom:0px !important;} .padding-bottom-20 {padding-bottom:20px !important;} .padding-bottom-40 {padding-bottom:40px !important;} .padding-bottom-50 {padding-bottom:50px !important;} .padding-bottom-60 {padding-bottom:60px !important;} .padding-bottom-80 {padding-bottom:80px !important;} .padding-top-0 {padding-top:0px !important;} .padding-top-10 {padding-top:10px !important;} .padding-top-20 {padding-top:20px !important;} .padding-top-30 {padding-top:20px !important;} .padding-top-60 {padding-top:60px !important;} .padding-top-70 {padding-top:70px !important;} .padding-top-80 {padding-top:80px !important;} .left {float:left !important;} .right{float:right !important;} .relative{position:relative;} .center {text-align:center !important;} .inline-block {display:inline-block;} .full-width{width:100% !important;display:inline-block;} .bold {font-weight:bold;} .underline {text-decoration: underline !important;} .btn-orange, .light-blue-button, .transparent-button {height:55px;} .btn-orange {border-radius: 0px;border-bottom-left-radius:0px;cursor: pointer;display: inline-block;margin:0px;margin-top:15px;padding: 2px 20px;text-align: center;transition: all 0.5s ease 0s;vertical-align: middle;font-weight: bold;font-size: 20px;background-color: #ec691a;border: 0px !important;color: white;} .btn-orange:focus,.btn-orange:hover{color:white;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);} .light-blue-button {font-weight:bold;font-size:20px;height:65px;color:#0c0b08;background-color:#edf7fe;border:0px;margin:0px;padding:0px 110px;} .light-blue-button .icon-left {position:absolute;top:20px;left:20px;} .light-blue-button .icon-right {position:absolute;top:20px;right:20px;} .transparent-button {color:#005e96;font-family:'Muli',Calibri,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:600;font-size:21px;border:2px solid #005e96;background-color:transparent;border-radius:0px;border-bottom-left-radius:0px;vertical-align:middle;width:185px;} .light-ul li {margin-bottom:2px;background-image: url("../images/arrow_orange.png");background-repeat: no-repeat;background-position-y:3px;padding-left:35px;padding-right:35px;} .video-container {position: relative;} #accordion {width:1140px !important;position:relative;} .accordion .title {padding:0px;padding-left:40px;padding-top:3px;background-color:white;width:100%;z-index:999;position:relative;text-align:left;display:inline-block;} .accordion .content {border:none; width:100%;padding-left:80px;} .accordion h3, .accordion .ui-state-active, .accordion .ui-state-default {font-weight:bold;font-size:20px;height:auto;color:#0c0b08;background-color:#edf7fe;border:0px;margin:0px;padding:0px 110px 20px 110px;border-bottom: 2px solid #00a19a !important;outline: none;} .accordion .ui-state-active {border-bottom:0px !important;background-image: url('../images/icon-moins.png') !important;background-repeat: no-repeat;background-position-y:21px;background-position-x:99%;} .accordion .ui-state-default {background-image: url('../images/icon-plus.png');background-repeat: no-repeat;background-position-y:21px;background-position-x:99%;} .accordion h3, .accordion .ui-accordion-content {border-left:0px;border-right:0px;border-bottom: 2px solid #00a19a;margin: 0px;background-color:#edf7fe;box-sizing:border-box;padding-left:110px;padding-top:0px;font-size: 17px;} .accordion h3 {padding-top:20px !important;text-transform:none !important;font-family: 'Muli';width:100%;} .accordion h3 .icon-left {position:absolute;top:20px;left:20px;} .accordion h3 .icon-right {position:absolute;top:20px;right:20px;} .top-blue-border {background-color:#b6dfe9;height:6px;width:100%;border-radius:3px;} .styled_ul li, .styled_orange_ul li {background-image: url('../images/arrow_black.png');background-position-y:3px;background-repeat:no-repeat;padding-left:20px;padding-bottom:4px;} .styled_orange_ul li {background-image: url('../images/arrow_orange.png') !important;} .big-blue-title {float:left;text-align:center;color:#ffffff;background-color:#1d71b8;font-size:22px;width:100%;height:auto;margin-top:0px;margin-bottom:0px;padding:22px 0px;font-family:'Mercury',Calibri,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:600;} /* IT Form rules ? */ #netsolutionform {width: 1140px !important;} .linkEidContainer {padding-right:20px;} .big-box .inner {padding-left:30px;width:100% !important;} .buttonbar .v-button {background-color: #ec691a !important;} /*********************/ /* BACKGROUND COLORS */ /*********************/ .blue-back {background-color:#a0c6ea;} .light-blue-back {background-color: #edf7fe;} .green-back {background-color:#00a19a !important;} .shadow-green-back {background-color:#008782 !important;} /*************/ /* ROW TYPES */ /*************/ /* Bande avec deux cadres bleus */ .double-blue-box .container-left, .double-blue-box .container-center, .double-blue-box .container-right {float:left;} .double-blue-box .container-left {width:520px;float:left;} .double-blue-box .container-right {width:520px;float:right;} .double-blue-box h3 {color:#b6dfe9;margin-top:18px;margin-bottom:23px;font-size:21px;} /* Bande qui traverse tout l'écran. Exemples : zérotage sur la page produits, cartes partenaires sur la page mastercard */ .horizontal-row {padding-top:50px;background-color:#00a19a;} .horizontal-row .container {/*padding-top:30px;*//*padding-bottom:40px;*/color:#33454B;} .horizontal-row .title {font-weight:600;font-size:27px;margin-bottom:15px;} .horizontal-row .text {font-weight:400;font-size:17px;line-height:25px;margin-bottom:15px;} /*******************/ /* HEADER ELEMENTS */ /*******************/ .top_warning {line-height:40px;background-color:#a0c6ea;text-align:center;font-size:40px;color:#ffffff;height:auto;padding-top:18px;padding-bottom:18px;font-family:'Muli';font-style:italic;} .top_warning_smartphone {background-color:#1e67e0;color:#97deff;} #header-container, #header-container-smartphone {position:relative;} #header-container .container, #header-container-smartphone .container, #mainheader {height:154px;} #header-container .container, #header-container-smartphone .container {z-index:1000;} #header-container-smartphone #mainheader {height:130px;} #mainheader {position:relative;z-index:1000;background:#ffffff;} #header-container-smartphone, #header-container-smartphone #mainheader {background-color:#1e67e0;} #header-container-smartphone #top-menu .menu-haut li a, #header-container-smartphone #language_selection a {color:#ffffff;} #logo-container, #logo-smartphone-container {position:absolute;display:inline-block;top:29px;bottom:0px;left:0px;margin-bottom:0px;} #logo-container {height:87px;} #logo-smartphone-container {height:82px;} #logo-container img, #logo-smartphone-container img {position:relative;float:left;z-index:999;} #logo-container img {width:108px;height:87px;} #logo-smartphone-container img {width:101px;height:82px;} .navbar-brand {padding:0px;} #header-buttons {position:absolute;width:470px;height:50px;bottom:-25px;right:0px;} #header-buttons #homebanking, #header-buttons #fidi {float:left;padding:18px 20px 0px 20px;border-radius:6px;height:50px;font-size:15px;line-height:15px;font-family:'Mercury';font-weight:bold;letter-spacing:2px;position:absolute;top:0px;} #header-buttons #homebanking {background-color:#1d71b8;color:#ffffff;width:176px;box-sizing:border-box;right:0px;} #header-buttons #fidi {background-color:#97deff;color:#192b64;right:206px;} .navbar-header {position:absolute;top:10px;right:0px;z-index:1;} #header-container-smartphone .navbar-header {top:44px;} .navbar-header select {display:none;} .navbar-toggle{border:none;background-color: #ec5d07;} .navbar-toggle:hover,.navbar-toggle:focus{background-color:#0067ac;border-color:#e4e2e2;} .icon-bar {background-color:white;} #top-menu {position:absolute;top:0px;right:90px;} #header-container-smartphone #top-menu {top:32px;} #top-menu .menu-haut li a{color:#a2a8c6;font-size:15px;margin-top:24px;margin-right:20px;} #top-menu .menu-haut > li > a:hover, #top-menu .menu-haut > li > a:focus{text-decoration:none;} .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border:0px;} .li-menu, .responsive-li-menu {position:relative;} .li-menu .li-menu-sub {position:absolute;top:54px;left:15px;background-color:#ffffff;width:180px;display:none;border: 1px solid #ec691a;} .responsive-li-menu .responsive-li-menu-sub {position:relative;width:172px;} .responsive-li-menu .responsive-li-menu-sub {width:100%;} .li-menu:hover .li-menu-sub {display:block;z-index:1000;} .li-menu .li-menu-sub li {height:40px;} .li-menu .li-menu-sub li a {display:inline-block;font-size:16px !important;height:40px !important; width: 100% !important; margin-top:0px !important;padding-top:10px !important;padding-left:10px;color:#005e96 !important;} .responsive-li-menu .responsive-li-menu-sub li a {display:inline-block;font-size:13px !important;margin-top:0px !important;padding-top:0px !important;padding-left:40px;padding-top:5px !important;padding-bottom:5px !important;border-bottom: 1px solid #ec691a;} .li-menu-sub {padding-left:0px;} .responsive-li-menu .responsive-li-menu-sub li a {width:100%;} .li-menu-sub {padding-left:0px;} #responsive-menu {position:relative;z-index:11;display:none;} #bs-example-navbar-collapse-1 {width:100%;float:left;background-color: #ffffff;/*padding-bottom:20px;*/} .navbar{border:0px;margin-bottom:10px;height:0px !important;min-height:0px !important;position:relative;} .navbar-inverse{background-color:#f2f2f1;border-color:transparent !important;padding-top:23px;} .navbar-inverse .navbar-text {color:#9d9d9d;font-weight:300;letter-spacing:1px;text-transform:uppercase;} .navbar-inverse .navbar-nav > li {padding-left:30px;padding-right: 30px;width:100%;} .navbar-inverse .navbar-nav > li > a {color:#9d9d9d;letter-spacing:1px;font-size:14px;border-bottom: 1px solid #ec691a;color:#005e96;} .navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus{background-color:transparent;color:#005e96;font-weight:bold;} .navbar-inverse .navbar-nav > .disabled > a,.navbar-inverse .navbar-nav > .disabled > a:hover,.navbar-inverse .navbar-nav > .disabled > a:focus{background-color:#ec5d07;color:#f2f2f1;} .navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus{background-color:#ec5d07;color:#f2f2f1;} .navbar-nav > li > a{padding-top:5px;padding-bottom:5px;border-radius:0px;} .dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus {color:white;background-color:#ec5d07;} .navbar-collapse {border-top: none;} #main-responsive-menu {width:770px;float:left;} .main-nav {margin:0px;padding:0px;height:30px;min-height:30px;} .main-menu-ul {margin-left:96px;padding-top:10px;} #fidi-box, #homebanking-box {width:314px;height:45px;float:left;text-align:center;display:inline-block;position:relative;font-size:18px;} #homebanking-box {float:right;} #fidi-link, #homebanking-link{background-color:#ec5d07;color:white;display:block;padding:12px 30px;border-radius:10px;margin-bottom:5px;font-size:16px;width:314px;display:inline-block;position:absolute;bottom:0px;left:27px;} .navbar-right .dropdown-menu {z-index: 1000;background-color:transparent;border:0px;left:0px;box-shadow: none;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:transparent;} .sub-menu-border {border-bottom:1px solid #ec691a;} #language_selection {position:absolute;right:0px;top:29px;color:#c5c9dd !important;} #header-container-smartphone #language_selection {top:61px;} #language_selection a {color:#a2a8c6;} /********************/ /* FOOTERS ELEMENTS */ /********************/ footer {z-index:991;position:relative} .first-footer {background-color:#edf7fe;} .first-footer .container {position:relative;font-size:16px;line-height:1.3;color:#464646;} .bas-foot{background-color:#edf7fe;min-height:50px;} .social-icon li{display:inline-block;padding:15px 5px 0 0;text-align:right;} .social-icon li .fa-lg{vertical-align:0;font-size:1.33333333em;line-height:.75em;vertical-align:-15%;} .social-icon a{display:inline-block;} .footer-bas {position:absolute;top:20px;right:0px;} .footer-bas ul li {margin:0px;} .footer-bas a{width:40px;height:40px;color:#ffffff;background-color:#a2a8c6;padding:10px;border-radius:5px;text-align:center;} .footer-bas a:hover{color:#a2a8c6;background-color:#ffffff;border-radius:4px;} .copy {color:#a2a8c6;font-size:13px;font-weight:300;letter-spacing:1px;margin-top:16px;} .copy a {color:#a2a8c6;padding-left:20px;} footer ul li {float:left;font-weight:bold;font-size:20px;color:#777879;margin-top:40px;margin-bottom:20px;margin-right:80px;} .bottom-menu {height:80px;} .bottom-menu a {color: #a2a8c6;font-family: 'Muli', Calibri;} .bottom-menu ul {list-style-type: none;padding-left: 0px;} .bottom-legal-infos {background-color:#edf7fe;padding-top:40px;} .bottom-legal-infos .container {color:#a2a8c6 !important;} /*****************/ /* HOME ELEMENTS */ /*****************/ .sim_amount, .sim_taeg, .sim_tada, .responsive_sim_taeg, .responsive_sim_tada {font-size:14px;} .responsive_sim_taeg, .responsive_sim_tada {display:none;} #homepage_illus {background-color:#a0c6ea;height:280px;position:relative;} #homepage_illus .container {height:280px;padding-top:60px;position:relative;text-align:left;color:#1e1e1c;} #homepage_illus .green-back {height:95px;} #homepage_illus .title {font-family:'Mercury';font-weight:bold;position:absolute;left:35%;padding-left:0px;z-index:999;text-align:left;font-size:18px;line-height:22px;top:60px;} #homepage_illus #illu_gauche {position:absolute;top:0px;left:10%;width:232px;text-align:center;} #homepage_illus #illu_gauche img {position:relative;height:280px;z-index:998;} #homepage_products {background-color:#00a19a;position:relative;z-index:998;} #slider-container {width:132px;position:relative;float:left;} #slider {position:relative;} #slider-text {position:absolute;left:0px;bottom:90px;width:132px;text-align:center;font-family: 'Muli';font-weight:600;font-size:20px;} #slider-container-b {width:100%;position:relative;float:left;} #slider-b {position:relative;} #credit-choice-row{width:1008px;font-size:16px;display:inline-block;position:relative;} .product-infos-container {width:1008px;font-size:16px;display:inline-block;position:relative;} .productdata {margin:0px;text-align:left;width:328px;float:left;position:relative;} .productdatamiddle {margin-left:12px;margin-right:12px;} .activeproductdata .wrapper div {opacity:1;} .productdata .wrapper {width:100%;display:inline-block;line-height:26px;background-color:#edf7fe;box-sizing:border-box;margin-left:0px;margin-right:0px;position:relative;transition: all 0.5s ease 0s;} .productdata .title, #both .title {margin-bottom:20px;color:#0067ac;font-size:22px;} .productdata .product {margin-top:20px;padding-bottom:10px;padding-left:20px;padding-right:20px;float:left;font-size:24px;font-family:'Muli',Calibri,'Helvetica Neue',Helvetica,Arial,sans-serif;color:#37454a;width:100%;text-align:center;font-weight:600;} .productdata .product .wrapper {width:100%;margin:0px;padding:0px;text-transform:uppercase;font-family:'Mercury';} .hb_product_title .wrapper {font-size:22px;} .hb_product_title_nl .wrapper {font-size:20px;} .productdata .productinfo {float:left;margin-left:0px;width:100%;text-align:center;} .productdata .productinfo div {text-align:center;} .productdata .productinfo .subtitle {font-size:20px;font-family:'Muli',Calibri,'Helvetica Neue',Helvetica,Arial,sans-serif;color:#ec691a;font-weight:600;margin-bottom: 20px;display:inline-block;width:100%;} .productdata .productinfo ul {text-align:left;margin-left:37px;margin-right: 30px;} .productdata .productinfo ul li {background-image: url('../images/arrow_black.png');background-position-y:8px;background-repeat:no-repeat;padding-left:20px;padding-bottom:4px;font-weight:400;} .productdata .productinfo sup {font-size:9px;} .producttext {height:200px;} .producttext span {display:inline-block;text-align:left;margin-left:45px;margin-bottom:10px;} .productdata .mens {font-size:14px;font-weight:bold;} .productdata .productinfo .btn-orange, .responsive-product-infos .btn-orange {background-color: transparent !important;color:#ec691a !important;border:1px solid #ec691a !important;width:256px;} .activeproductdata .wrapper {background-color: #a0c6ea;transition: all 0.5s ease 0s;} .activeproductdata .wrapper:before, .activeproductdata .wrapper:after {} .activeproductdata .product .wrapper:before, .activeproductdata .product .wrapper:after {border: 0px;} .activeproductdata .productinfo .btn-orange, .responsiveactiveinfos .btn-orange {background-color: #ec691a !important;color:white !important;} .responsiveactiveproduct{background-color: #a0c6ea !important;transition: all 0.5s ease 0s;} .responsiveactiveproduct .responsive-product-title{color:#37454a;} #both .product-separator {width:1px;height:185px;background-color:grey;float:left;display: inline-block;} #slider-container a {color:#ec5d07;} #slider-container .minus, #slider-container .plus {width:42px;height:42px;position:absolute;} #slider-container-b a {color:#ec5d07;} #slider-container-b .minus-b, #slider-container-b .plus-b {width:47px;height:47px;position:absolute;} #slider-container .plus {top:20px;left:50%;margin-left:-21px;} #slider-container .minus {top:522px;left:50%;margin-left:-21px;} /*#mastercard-page #slider-container .minus {top:522px;}*/ #slider-container-b .plus-b {top:42px;right:43px;} #slider-container-b .minus-b {top:42px;left:43px;} #slider-container .slider-range {padding-top:106px;width:132px;height:722px;float:left;padding-left:59px;padding-right:59px;box-sizing:border-box;background-color:#f5ebe4;} #slider-container-b .slider-range-b {padding-top:60px;width:100%;height:140px;float:left;padding-left:120px;padding-right:120px;box-sizing:border-box;background-color:#f5ebe4;} .prix-un, .prix-deux {color:#182a50;position:absolute;top:80px;font-size:13px;line-height:1.3;font-size:18px;font-family:'Muli',Calibri,'Helvetica Neue',Helvetica,Arial,sans-serif;} .prix-un{width:100%;top:484px;left:0px;text-align:center;} /*#mastercard-page .prix-un{top:484px;}*/ .prix-deux{width:100%;top:78px;left:0px;text-align:center;} .prix-un-b, .prix-deux-b {color:#182a50;position:absolute;top:85px;font-size:13px;line-height:1.3;font-size:13px;font-family:'Muli',Calibri,'Helvetica Neue',Helvetica,Arial,sans-serif;} .prix-un-b{left:100px;} .prix-deux-b{right:90px;} .pp_mens {cursor:pointer;background-color:white;width:80px;height:60px;font-size:12px;float:left;color:#333333;margin:5px;padding-top:15px;} .pp_mens:hover, .pp_mens_active {color:#ffffff;background-color:#1d71b8;transition: all 0.5s ease 0s;} .pp_mens span {font-size:15px !important;} .moins-simulateur,.plus-simulateur{color:#005e96;width:42px;height:42px;border-radius:21px;border:solid 1px #005e96;transition: all 0.5s ease 0s;text-align:center;padding-top:11px;} .moins-simulateur:hover,.plus-simulateur:hover{color:white;background-color:#005e96;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);cursor: pointer;} .disabledsimubutton, .disabledsimubutton:hover {color:grey;border:1px solid grey;background-color:white;box-shadow:none;} .btn-simulateur{margin-left:254px;padding:6px 20px;margin-top:25px;background-color:#e4e2e2;border:0px !important;color:#0067ac;margin-bottom:49px;transition: all 0.5s ease 0s;} .btn-simulateur:focus,.btn-simulateur:hover{color:#e4e2e2;background-color:#0067ac;border-color:#0067ac;} #slider {width:14px;height:330px;margin: 30px 0px 0px 0px;background: url('../images/slider-vert-background.png');border:none;border-radius:0px;z-index:1000;} .ui-widget-content, .ui-widget-header {background: none;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:none;border:0px;border-radius:0px;height:25px;} .ui-slider .ui-slider-handle{left:-5px;width:100px;margin-left:0px;margin-top:-15px;color:#182a50;font-size:13px;font-family:'Muli',Calibri,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:600;padding-top:7px;} .ui-slider-horizontal .ui-slider-handle{top:-27px;outline:none;} .ui-slider .ui-slider-handle:before, .ui-slider .ui-slider-handle:after {content:"";position:absolute;bottom:0px;left:0%;margin-left:2px;background: url('../images/slider-cursor.png');width:20px;height:20px;z-index:1000;} #slider .ui-widget-header {background: url('../images/slider-vert-background-hover.png');} #slider-b {width:100%;height:14px;margin: 0px 0px 0px 0px;background: url('../images/slider-background.png');border:none;border-radius:0px;z-index:1000;} #slider-b.ui-slider .ui-slider-handle{left:0%;;margin-left:-45px;font-size:18px;} #slider-b.ui-slider-horizontal .ui-slider-handle{top:-20px;} #slider-b.ui-slider .ui-slider-handle:before, #slider-b.ui-slider .ui-slider-handle:after {bottom:-26px;left:50%;margin-left:-10px;background: url('../images/slider-cursor.png');} #slider-b .ui-widget-header {background: url('../images/slider-background-hover.png');} .container-blue {background-color:#edf7fe;height:220px;position:relative;} .container-left .container-blue {padding-top:0px;} .container-center .container-blue {padding-top:30px;} .container-right .container-blue {padding-top:0px;} .orange, .orange-link {color:#ec691a !important;} .orange-link:hover {text-decoration:underline;color:#ec691a;} .container-blue .orange-link {color:#ec691a;display:inline-block;width:100%;position:absolute;left:0px;bottom:20px;} .hp-product-logo-container {height:120px;} .hp-mastercard-logo-container {padding-top:5px;} .hp-bpr-logo-container, .hp-pat-logo-container {padding-top:15px;} .hp_products_text {height:190px;} .hp_products_text_nl {height:220px;} #pp_button, #pp_button_b {line-height:55px;padding:0px;} .hp_resp_more_infos_button {display:inline-block;text-align:center;line-height:53px;} .faqbot-alert, .faqbot-bubble {z-index:999 !important;} #hp_bw_app, #hp_pay_apps {padding-top:0px;margin-top:0px;} #hp_bw_app h3, #hp_pay_apps h3 {font-size:25px;line-height:34px;font-weight:bold;} #hp_bw_app .left, #hp_bw_app .right, #hp_pay_apps .left, #hp_pay_apps .right {float:left;display:inline-block;} #hp_bw_app .right, #hp_pay_apps .left {font-family:'Muli',Arial,Helvetica,sans-serif;font-size:16px;line-height:26px;color:#101a39;} #hp_bw_app .buttons_container, #hp_pay_apps .buttons_container {display:inline-block;float:left;width:100%;padding-top:30px;} #hp_bw_app {background-color:#ffffff;} #hp_bw_app .container {background-color:#ffffff;padding:60px 80px 0px;box-sizing:border-box;} #hp_bw_app .left {width:280px;} #hp_bw_app .right {width:700px;} #hp_pay_apps {background-color:#a0c6ea;} #hp_pay_apps .container {background-color:#a0c6ea;padding:60px 80px 60px;box-sizing:border-box;} #hp_pay_apps .left {width:660px;padding-right:60px;} #hp_pay_apps .right {text-align:right;width:320px;} #hp_bw_app .bottom {display: none;} /**************************/ /* PRODUCTS PAGE ELEMENTS */ /**************************/ #slider-container-b {display:none;} .exempleSlider {font-size:16px;line-height:1.3;margin-bottom:14px;} #exemple_mastercard_homepage, #exemple_buywayline_homepage, #exemple_pat_homepage {width:100%;margin-bottom:14px;font-size:17px;} #exemple_pat_homepage {margin-bottom:0px;} #illu_product_page {position:absolute;top:70px;right:30px;} .pp_illu {top:280px !important;} .mastercarddata {background-color:#a0c6ea;text-align:left;padding:30px 30px;} .mastercarddata div {color:#005e96;font-size:17px;margin-bottom:10px;font-weight:700;} .mastercarddata div span {font-weight:600;font-size:21px;color:#ec691a;} .product-data {background-color:#a0c6ea;text-align:left;padding:30px 30px;} .product-data div {color:#005e96;font-size:17px;margin-bottom:10px;font-weight:700;} .product-data div span {font-weight:600;font-size:21px;color:#ec691a;} #card_mirror, #bpr_mirror, #pp_mirror {text-align:left;padding-top:20px;padding-left:30px;} #bpr_mirror,#pp_mirror{padding-bottom:20px;} .credit_exemple {font-size:17px;} .big_credit_exemple {font-size:20px;} .product-title {margin-left:130px;} .product_amounts {font-size:20px;color:#ec691a;font-weight:600;text-align:center;padding-bottom:15px;background-color:#1d71b8;} .product-tab {float:left;width:372px;} .product-tab .wrapper {background-color:#edf7fe;width:100%;height:660px;border-radius:0px;margin-bottom:0px;} .product-tab .wrapper_nl {height:690px;} .product-tab .product-infos {height:350px;text-align:center;padding-top:30px;} .product-tab .product_infos_nl {height:380px;} .product-tab .product-infos .title {font-family:'Mercury',Calibri,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:600;font-size:24px;color:#37454a;text-transform:uppercase;} .product-tab .product-infos .product-logo {height:100px;margin-top:40px;margin-bottom:30px;} .product-tab .product-infos ul {text-align:left;margin-top:10px;margin-right:20px;margin-left:37px;color:#464646;font-size:16px;font-weight:400;font-family:'Muli',Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;} .product-tab .product-infos ul li, .responsive-product-infos li {background-image: url('../images/arrow_black.png');background-position-y:3px;background-repeat:no-repeat;padding-left:20px;padding-bottom:4px;} .product-tab .product-infos .product-sup-ul {text-align:left;color:#464646;font-size:16px;font-weight:400;padding-left:20px;padding-right:20px;margin-top:20px;} .product-tab .product-caracts {height:160px;position:relative;} .product-tab .product-caracts .product-caract {height:40px;font-size:16px;font-weight:400;padding-top:10px;padding-left:15px;color:#464646;} .product-tab .product-caracts .product-caract-highl {background-color:#c0e8f4;} #product-tabs-container {display:inline-block;margin-bottom:50px;} #responsive-product-tabs-container, #responsive-credit-choice-row{display:none;} .responsive-product-tab {margin-bottom:20px;background-color:#ffffff;display: inline-block;width:100%;} .responsive-product-tab:first-child {margin-top:20px;} .responsive-product-title-tab {position:relative;background-color:#dcf2f9;height:70px;width:100%;transition: all 0.5s ease 0s;cursor: pointer;} .title-arrow {position:absolute;top:15px;left:20px;} .title-image {position:absolute;top:5px;right:20px;} .responsive-product-title {padding-left:40px;color:#005e96;padding-top:15px;} .responsive-product-infos {margin-left:15px;margin-top:15px;} .responsive-product-buttons {float:none;display:inline-block;margin-bottom:15px;} .responsive-product-buttons .demande {float:left;margin-left:15px;} .responsive-product-buttons .infos {float:left;margin-top:15px;margin-left:15px;} .check{float: left;margin-right: 10px;color: #ec5d07;} ul.text li{font-size:13px;color:#767879;line-height: 18px;} #insurance h2, #other_products h2 {margin-bottom:20px;} #insurance span, #other_products span {font-size:21px;} #insurance button, #other_products button {width:380px;} .need_help_container {width:343px;height:230px;text-align:center;padding:20px 0px;display: inline-block;} #mensualites {font-size:20px;font-weight:bold;z-index:2;} .responsive-product-buttons .transparent-button {display:inline-block;text-align:center;line-height:53px;} #mastercard-page, #buywayline-page, #pp-page {min-width:350px;} #banner-bpr-app #banner-bpr-app-full, #banner-bpr-app #banner-bpr-app-responsive {width:100%;} #banner-bpr-app #banner-bpr-app-full {display:block;} #banner-bpr-app #banner-bpr-app-responsive {display:none;} /***************/ /* BUY WAY APP */ /***************/ #smartphone-page {min-width:350px;} .smartphone-responsive {display:none;} .store-buttons-responsive {display:none;} .smartphone-question-responsive {display:none;} .horizontal-row-smartphone {background-color:#ffffff;} #title-smartphone {background-color:#1e67e0;padding-top:0px;padding-bottom:30px;} #title-smartphone .container {display:inline:block;text-align:center;padding-top:30px;} #title-smartphone .container span {font-family:'Mercury';font-weight:bold;color:#ffffff;font-size:60px;line-height:60px;} #illu-smartphone {display:inline-block;width:100%;height:330px;background-repeat:no-repeat;background-position:center;margin:auto;text-align:center;padding-top:0px;} #illu-smartphone span {color:#ffffff;font-size:20;line-height:20px;} #illu-smartphone-b {display:inline-block;/*width:585px;*/width:100%;height:246px;font-family:'Mercury';color:#1e67e0;font-size:30px;line-height:48px;font-weight:bold;padding-top:80px;} #smartphone-args-a .title, #smartphone-args-b .title, #smartphone-args-c .title {font-family:'Mercury';font-weight:bold;color:#1c3058;font-size:25px;line-height:30px;} #smartphone-args-a .text, #smartphone-args-b .text, #smartphone-args-c .text {line-height:26px;} #smartphone-args-a .video-container, #smartphone-args-a .video-container iframe {width:620px;height:348px;padding-bottom:0px;} #smartphone-args-b .video-container {width:620px;height:348px;padding-bottom:0px;} #smartphone-args-b .video-container iframe {width:620px;height:348px;} #smartphone-text-c .text {line-height:26px;} #smartphone-illu-title-a {display:inline-block;} #smartphone-illu-title-ab {display:none;} .store_button {height:70px;} .bwm_products_fonc, .bwm_products_fonc_responsive {float:left;width:50%;} .bwm_products_fonc_responsive {display:none;} .bwm_products_fonc .cont, .bwm_products_fonc_responsive .cont {background-color:#648ac7;border-radius:30px;padding:60px;padding-top:20px;color:#ffffff;} #smartphone-concours {font-size:20px;line-height:28px;margin-top:0px;background-color:#e7f8ff;padding:40px 60px;box-sizing:border-box;color:#1e67e0;border-radius:10px;} #smartphone-concours .s-c-title {text-align:center;font-family:Mercury,Calibri,'Helvetica Neue', Helvetica, Arial, sans-serif;} #smartphone-concours .sc-full {position:relative;width:100%;display:inline-block;} #smartphone-concours .sc-full .sc-full-left {float:left;width:75%;display:inline-block;padding-right:20px;box-sizing:border-box;} #smartphone-concours .sc-full .sc-full-right {float:left;width:25%;text-align:right;} #smartphone-concours .sc-full .sc-full-right img {width:95%;} #smartphone-concours .sc-resp {display:none;} #smartphone-concours .sc-resp .sc-resp-b {text-align:center;} #smartphone-concours .sc-resp .sc-resp-b img {width:100%;max-width:250px;} .sc-resp-c {padding-top:40px;} .concours-title {font-size:46px;line-height:46px;font-weight:bold;} .concours-subtitle {font-size:32px;line-height:50px;} .store-buttons-full {width:100%;} .store-buttons-responsive {display:none;} #concours-title {font-size:46px;line-height:50px;font-weight:bold;width:100%;display:inline-block;margin-bottom:10px;} #concours-subtitle {font-size:32px;line-height:36px;font-weight:bold;width:100%;display:inline-block;margin-bottom:50px;} /********/ /* JOBS */ /********/ #jobs_page .product-tab {width:372px;} #jobs_page .productdatamiddle {margin-left:12px;margin-right:12px;} #jobs_illus {background-color:#a0c6ea;height:350px;} #jobs_illus .container {height:255px;padding-top:100px;position:relative;text-align:left;color:#1e1e1c;} .jobs_tabs_container {display:block !important;margin-bottom:0px !important;} #jobs_illus #main_picture {position:absolute;top:130px;left:50%;margin-left:-250px;z-index:999;} #jobs_illus #main_picture img {height:350px;} #jobs_illus #left_picture {position:absolute;top:95px;left:-40px;} #jobs_illus #left_picture img {height:200px;} #jobs_illus #right_picture {position:absolute;top:45px;right:-140px;} #jobs_illus #right_picture img {height:250px;} table.jobs {border-spacing: 0} table.jobs tr:nth-child(even) {background: #CCC} table.jobs tr:nth-child(odd) {background: #FFF} #fil_gauche, #fil_center, #fil_droit {position:absolute;padding-bottom:10px;z-index:1000;left:50%;} .fil_texte {position:absolute;width:50px;height:2px;background-color:#ec691a;} #fil_gauche {top:70px;margin-left:-410px;} #fil_gauche .fil_texte {bottom:-20px;right:20px;transform: rotate(35deg);} #fil_center {top:30px;margin-left:-90px;} #fil_center .fil_texte {left:120px;bottom:-25px;transform: rotate(-80deg);} #fil_droit {top:110px;margin-left:220px;} #fil_droit .fil_texte {bottom:-20px;left:10px;transform: rotate(-40deg);} .avantage_extra {margin-left:10px;padding-top:5px;padding-bottom:30px;width:100%;display:inline-block;} .job-video-container {display:inline-block;width:50%;text-align:center;float:left;margin-bottom:60px;} .job-video-container img {width:340px;margin-top:10px;} /****************************/ /* INSURANCES PAGE ELEMENTS */ /****************************/ #insurance_page {min-width: 420px;} #insurance_illus {background-color:#a0c6ea;height:350px;} #insurance_illus .container {height:285px;padding-top:100px;position:relative;text-align:center;color:#1e1e1c;} #insurance_illus .title, #insurance_illus .subtitle {font-family:'Mercury';font-weight:bold;} #insurance_illus .title_nl {font-size: 35px !important;} #insurance_illus .title {font-size:35px;line-height:70px;} #insurance_illus .subtitle {font-size:25px;line-height:20px;padding-left:1px;} #insurance_illus .subtitle_nl {font-size:20px;line-height:20px;padding-left:1px;} #insurance_illus #illu_gauche {width:195px;height:213px;position:absolute;bottom:-17px;left:0px;} #insurance_illus #illu_droite {width:235px;height:217px;position:absolute;bottom:-17px;right:0px;} #insurance_illus #illu_gauche img, #insurance_illus #illu_droite img {width:100%;height:100%;} #insurance_illus .green-back {height:65px;} .insurance-table {width:100%;margin: 0px auto;padding-left:20px;padding-right:20px;} .insurance-table table {width:100%;border-collapse: separate;border-spacing: 5px;} .insurance-table table td {padding:10px !important;vertical-align:middle;} .insurance-table .title {background-color: #f3f8fd;width:120px;text-align: center;color: #969899;font-weight: 600;font-size:16px !important;} .insurance-table .texte .strong {color: #666869;} .basic, .standard, .premium {width:95px;text-align:center;} .basic {background-color:#eff4e2;} .standard {background-color:#d2e0b0;} .premium {background-color:#c4e1f6;} .column-title {color: #666869;font-weight: 600;font-size:16px !important;} .insurance_accor_line {display:inline-block !important;position:relative;padding:0px !important; padding-top: 0px !important;} .insurance_accor_line.ui-state-default {background-position-y: 40px;} .insurance_accor_icon {display:inline-block;position:relative;float:left;height:71px;padding-top:25px;width:40px;top:0;left:0;} .insurance_accor_text {display:inline-block;position:relative;float:left;/*height:71px;*/padding-top:25px;padding-bottom:15px;} .insurance_accor_standard {display:inline-block;width:80px;text-align:center;position:relative;float:right;height:71px;padding-top:20px;margin-right:40px;} .insurance_accor_premium {display:inline-block;width:80px;text-align:center;position:relative;float:right;height:71px;padding-top:20px;margin-right:8px;} .title_standard {float:left;width:80px;height:45px;border-bottom: 2px solid #00a19a;margin-right:4px;text-align:center;} .title_premium {float:left;width:80px;height:45px;border-bottom: 2px solid #00a19a;margin-left:4px;text-align:center;} .insurance_col_titles_container {width:168px;} .insurance_sta_pre_container {padding-right:30px;padding-top:60px;} /*******/ /* FAQ */ /*******/ #faq-response .video-container{padding-top:0px;padding-left:0px;padding-right:0px;margin-bottom:0px;} #faq-response div {font-family:'Muli',Calibri,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:17px;} div.two-column {width:100%;float:left;} div.two-column .left, div.two-column .right {float:left;width:50%;} div.two-column .left div, div.two-column .right div {background-color:#648ac7;border-radius:30px;box-sizing:border-box;padding:30px;color:#ffffff;} div.two-column .left div {margin-right:10px;} div.two-column .right div {margin-left:10px;} div.two-column span {font-size:22px;font-weight:bold;} div.two-column ul {list-style: disc;} div.two-column ul li {margin-left:30px;} #faq_7_2_table_full, #faq_7_15_table_full {display:table;} #faq_7_15_table_full {width:80%;margin:auto;} #faq_7_2_table_responsive, #faq_7_15_table_responsive {display:none;} /****************/ /* CONTACT PAGE */ /****************/ #contact_illus {background-color:#a0c6ea;height:300px;} #contact_illus .container {height:235px;padding-top:100px;position:relative;text-align:center;color:#1e1e1c;} #contact_illus .title, contact_illus .subtitle {font-family:'Mercury';font-weight:bold;} #contact_illus .title_nl {font-size: 30px !important;} #contact_illus .title {font-size:40px;line-height:70px;} #contact_illus .subtitle {font-size:20px;line-height:20px;} #contact_illus #illu_gauche {width:195px;height:213px;position:absolute;bottom:-17px;left:0px;} #contact_illus #illu_droite {width:208px;height:217px;position:absolute;bottom:-26px;right:0px;} #contact_illus #illu_gauche img, contact_illus #illu_droite img {width:100%;height:100%;} #contact_illus .green-back {height:65px;} #inputSubject {width:360px;float:left;display:inline-block;} .controls {text-align:left;} .contact_wrapper {text-align:center;} .contact_wrapper .contact_form {display: inline-block;width:571px;margin-bottom:40px;} .contact_select_container {display: inline-block;} #contact_page .select_infobulle img {display:inline-block;margin-top:6px;margin-left:3px;} #contact_page .contact_form textarea {width:360px;height:150px;margin-bottom:10px;font-size:14px;} .contact_submit_container {display:inline-block;width:100%;} .contact_submit_wrapper {float:left;margin-left:190px;} .contact_others_container {text-align:center;} .contact_others_container:first-child {border-right:1px solid grey;} .contact_others_container .title {font-weight:bold;} .contact_others_container .icon_1 {width:30px;height:45px;float:left;padding-top:17px;} .contact_others_container .icon_2 {width:30px;height:25px;float:left;padding-top:7px;} .contact_others_container .text {width:280px;float:left;padding-left:20px;} .contact_others_container .claims_text {font-weight:bold;font-style:italic;font-size:15px;} .contact_others_wrapper {display:inline-block;text-align:left;width:330px;} .reinit_wrapper {float:left;margin-left:20px;} .reinit {height:28px;line-height:28px;vertical-align:middle;margin-top:5px;cursor:pointer;} #inputFile {width:360px;} .input-file-container {width:360px !important;float:left;margin-right:5px;box-sizing: border-box;} .input-file-container label {width:100%;padding:0px;padding-top:14px;padding-bottom:14px;text-align:center;} /* styles de base si JS est activé */ .js .input-file-container {position: relative;width: 225px;} .js .input-file-trigger, .js .input-file-b-trigger {display: block;padding: 0px;padding-top:5px;background: #edf7fe;color: #33454B;font-size: 1em;transition: all .4s;cursor: pointer;text-align:left;text-decoration:underline;cursor:pointer;} .js .input-file, .js .input-file-b {position: absolute;top: 0; left: 0;width: 100%;padding: 14px 0;opacity: 0;cursor: pointer;} /* styles du retour visuel */ .file-return, .file-return-b {margin: 0;} .file-return:not(:empty), .file-return-b:not(:empty) {margin: 1em 0;} .js .file-return, .js .file-return-b {font-style: italic;font-size: .9em;font-weight: bold;} .js .file-return:not(:empty):before, .js .file-return-b:not(:empty):before {content: "Fichier sélectionné : ";font-style: normal;font-weight: normal;} #infobulle_file_a, #infobulle_file_b, #infobulle_file_c, #infobulle_file_d, #infobulle_file_e, #infobulle_file_f, #infobulle_file_g, #infobulle_file_h {display:inline-block !important;padding-top:20px;} #infobulle_file_a img, #infobulle_file_b img, #infobulle_file_c img, #infobulle_file_d img {vertical-align: top;} #delete_file_a, #delete_file_b, #delete_file_c, #delete_file_d {display:inline-block;} .infobulle_file {padding-top:0px !important;} /*******************/ /* OTHERS ELEMENTS */ /*******************/ /* Cookie box */ .cookie_box{background-color:white;border:1px solid #ccc;border-bottom:4px solid #ec5d07;bottom:10px;box-sizing:border-box;display:none;max-width:350px;padding:20px 25px;position:fixed;left:10px;z-index:1000;} .cookie_box h3 {color:#ec5d07;cursor:pointer;font-size:18px;font-weight:600;margin:0;padding:0px;position:relative;} .cookie_box p {color:#666;display:inline-block;font-size:13px;line-height:15px;margin-top:20px;} .cookie_box .accept_button {color:#e2001a;color:#ec5d07;font-size:13px;font-weight:bold;text-decoration:none;} .cookie_box .close_button {color:#888;font-size:12px;opacity:1;position:absolute;right:20px;top:15px;z-index:999;} .cookie_box .closed { display:none;} .btn {border-radius:0px;} .btn-simu{padding:6px 30px;margin-top:20px;background-color:#e4e2e2;border:0px !important;color:#0067ac;transition: all 0.5s ease 0s;float:right;margin-right:80px;border-radius: 0px;} .btn-simu:focus,.btn-simu:hover{color:#e4e2e2;background-color:#0067ac;border-color:#0067ac;} .form-horizontal .control-group{margin-bottom:12px;*zoom:1;} .form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;line-height:0;content:"";} .form-horizontal .control-group:after{clear:both;} .form-horizontal .control-label{float:left;width:190px;padding-top:5px;text-align:left;} .form-horizontal .controls{display:inline-block; width:381px;padding-left:0px;} .form-horizontal .controls:first-child{*padding-left:180px;} .form-horizontal .controls input[type="text"], .form-horizontal .controls input[type="email"], .form-horizontal .controls input[type="tel"], .form-horizontal .controls input[type="select"] {background-color:white;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);color:#555;display:inline-block;font-size:14px;height:31px;line-height:31px;margin-bottom:10px;padding:4px 6px;-webkit-transition:border linear 0.2s, box-shadow linear 0.2s;-moz-transition:border linear 0.2s, box-shadow linear 0.2s;-o-transition:border linear 0.2s, box-shadow linear 0.2s;transition:border linear 0.2s, box-shadow linear 0.2s;vertical-align:middle;width: 360px;} select{background-color:white;border:1px solid #ccc;border-radius: 0px;height:31px;line-height:31px;font-size:14px;color:#555;margin-bottom:10px;padding:4px 6px;vertical-align:middle;display:inline-block;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);} textarea{width:381px;height:250px;border-radius: 4px;-webkit-border-radius:0px;-moz-border-radius:0px;background-color:white;border:1px solid #ccc;} .form-horizontal .help-block{margin-bottom:0;} .form-horizontal input + .help-block,.form-horizontal select + .help-block,.form-horizontal textarea + .help-block,.form-horizontal .uneditable-input + .help-block,.form-horizontal .input-prepend + .help-block,.form-horizontal .input-append + .help-block{margin-top:10px;} .form-horizontal .form-actions{padding-left:180px;} .infobulle{padding-top:5px;cursor:help;text-align:left;} .infobulle {position:relative;cursor:help;outline:none;} .infobulle span{visibility: hidden;color:#000;position: absolute;bottom: 30px;left: 50%;z-index: 999;width: 350px;margin-top:23px;margin-left:-175px;padding:15px;border: 2px solid #ccc;background-color: #eee;background-color: rgba(221,221,221,.8);background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));-moz-border-radius: 0px;border-radius: 0px;-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;text-shadow: 0 1px 0 rgba(255,255,255,.4);-Moz-transform: scale(0);-Moz-transition:all 0.5s ease; -O-transform: scale(0);-O-transition:all 0.5s ease; -Webkit-transform: scale(0);-Webkit-transition:all 0.5s ease;} .infobulle:hover { border: 0; /* IE6 fix */ } .infobulle:hover span{visibility:visible;-Moz-transform:scale(1);-O-transform:scale(1);-Webkit-transform:scale(1);} .infobulle span:before, .infobulle span:after{content:"";position:absolute;z-index:1000;bottom:-7px;left:50%;margin-left:-9px;border-top:8px solid #ddd;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:0;} .infobulle span:before{border-top-color:#ccc;bottom:-8px;} #control-group-question .infobulle span {bottom:172px;} .control-group-file .controls {position:relative;} .control-group-file .infobulle {position:absolute;} .control-group-file .infobulle_file {top:0px;} .control-group-file .delete_button {top:20px;right:0px;} textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);} .control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853;} .control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853;} .control-group.warning input,.control-group.warning select,.control-group.warning textarea{border:1px solid #c09853 !important;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);} .control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border:1px solid #a47e3c !important;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;} .control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border:1px solid #c09853 !important;} .control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline,.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#b94a48;} .control-group.error input,.control-group.error select,.control-group.error textarea{border:1px solid #953b39 !important;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);} .control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border: 1px solid #953b39 !important;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;} .control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border: 1px solid #953b39 !important;} .control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline{color:#468847;} .control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847;} .control-group.success input,.control-group.success select,.control-group.success textarea{border:1px solid #468847 !important;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);} .control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border:1px solid #356635 !important;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;} .control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border:1px solid #468847 !important;} .control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline{color:#3a87ad;} .control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea{color:#3a87ad;} .control-group.info input,.control-group.info select,.control-group.info textarea{border:1px solid #3a87ad !important;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);} .control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus{border:1px solid #2d6987 !important;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;} .control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on{color:#3a87ad;background-color:#d9edf7;border:1px solid #3a87ad !important;} /* Datepicker for Bootstrap */ .input-append,.input-prepend{display:inline-block;font-size:0;white-space:nowrap;vertical-align:middle;} .input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu{font-size:14px;} .input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0 4px 4px 0;border-radius:0px;} .input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus{z-index:2;} .input-append .add-on,.input-prepend .add-on{display:inline-block;width:auto;height:31px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:31px;text-align:center;text-shadow:0 1px 0 white;background-color:#eee;border:1px solid #ccc;} .input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group > .dropdown-toggle,.input-prepend .btn-group > .dropdown-toggle{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .input-append .active,.input-prepend .active{background-color:#a9dba9;border-color:#46a546;} .input-prepend .add-on,.input-prepend .btn{margin-right:-1px;} .input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;} .input-append input,.input-append select,.input-append .uneditable-input{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;} .input-append input + .btn-group .btn:last-child,.input-append select + .btn-group .btn:last-child,.input-append .uneditable-input + .btn-group .btn:last-child{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;} .input-append .add-on,.input-append .btn,.input-append .btn-group{margin-left:-1px;} .input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child > .dropdown-toggle{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;} .input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .input-prepend.input-append input + .btn-group .btn,.input-prepend.input-append select + .btn-group .btn,.input-prepend.input-append .uneditable-input + .btn-group .btn{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;} .input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;} .input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;} .input-prepend.input-append .btn-group:first-child{margin-left:0;} .datepicker{top:0;left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .datepicker:before{display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:6px;} .datepicker:after{display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;position:absolute;top:-6px;left:7px;} .datepicker > div{display:none;} .datepicker table{width:100%;margin:0;} .datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .datepicker td.day:hover{background:#eee;cursor:pointer;} .datepicker td.day.disabled{color:#eee;} .datepicker td.old,.datepicker td.new{color:#999;} .datepicker td.active,.datepicker td.active:hover{color:white;background-color:#006dcc;background-image:-moz-linear-gradient(top, #08c, #04c);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));background-image:-webkit-linear-gradient(top, #08c, #04c);background-image:-o-linear-gradient(top, #08c, #04c);background-image:linear-gradient(to bottom, #08c, #04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:white;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);} .datepicker td.active:hover,.datepicker td.active:hover:hover,.datepicker td.active:focus,.datepicker td.active:hover:focus,.datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.active,.datepicker td.active:hover.active,.datepicker td.active.disabled,.datepicker td.active:hover.disabled,.datepicker td.active[disabled],.datepicker td.active:hover[disabled]{color:white;background-color:#0044cc;*background-color:#003bb3;} .datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.active,.datepicker td.active:hover.active{background-color:#003399 \9;} .datepicker td span{display:block;width:47px;height:54px;line-height:54px;float:left;margin:2px;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .datepicker td span:hover{background:#eee;} .datepicker td span.active{color:white;background-color:#006dcc;background-image:-moz-linear-gradient(top, #0088cc, #0044cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);background-image:-o-linear-gradient(top, #0088cc, #0044cc);background-image:linear-gradient(to bottom, #0088cc, #0044cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);border-color:#0044cc #0044cc #002a80;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#0044cc;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:white;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);} .datepicker td span.active:hover,.datepicker td span.active:focus,.datepicker td span.active:active,.datepicker td span.active.active,.datepicker td span.active.disabled,.datepicker td span.active[disabled]{color:white;background-color:#0044cc;*background-color:#003bb3;} .datepicker td span.active:active,.datepicker td span.active.active{background-color:#003399 \9;} .datepicker td span.old{color:#999;} .datepicker th.switch{width:145px;} .datepicker th.next,.datepicker th.prev{font-size:21px;} .datepicker thead tr:first-child th{cursor:pointer;} .datepicker thead tr:first-child th:hover{background:#eee;} .input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px;} [class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;margin-top:1px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("../images/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;} .icon-calendar{background-position:-192px -120px;} /* Alert style for form fields */ .alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;} .small-alert{width:315px;padding:8px 14px 8px 14px;margin-bottom:5px;} .alert,.alert h4{color:#c09853;} .alert h4{margin:0;} .alert .close{position:relative;top:-2px;right:-21px;line-height:20px;} .alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6;} .alert-success h4{color:#468847;} .alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7;} .alert-error h4{color:#b94a48;} .alert-block{padding-top:14px;padding-bottom:14px;} .alert-block > p,.alert-block > ul{margin-bottom:0;} .alert-block p + p{margin-top:5px;} .responsive-product-title-tab .title-image {margin-top:10px;} .mastercard-responsive-product-tab .title-image {margin-top:0px;} #responsive-mastercard-title .title-image {margin-top:0px;} .navbar-toggle, #fidi-box, #homebanking-box {display: none;} /*************/ /* APPLE PAY */ /*************/ #apple_pay_illu {background-color:#a0c6ea;height:300px;} #apple_pay_illu .container {height:285px;padding-top:150px;position:relative;text-align:center;color:#1e1e1c;} #apple_pay_illu .title {font-family:'Mercury';font-weight:bold;font-size:60px;line-height:70px;position:absolute;left:50%;} #apple_pay_illu .green-back {height:65px;} #apple_pay_illu .illu {position:absolute;top:45px;left:25%;margin-left:-112px;} #apple_pay_illu .illu img {height:240px;width:225px;} #apple_pay_page {min-width:470px;} #apple_pay_page .big-blue-title {text-align:center;} #main-apple-pay-container {background-color:#edf7fe;display:inline-block;} #apple-pay-intro-container {width:100%;display:inline-block;} #apple-pay-intro {width:100%;float:left;display:inline-block;padding-top:60px;padding-left:60px;padding-right:60px;} #apple-pay-intro span {font-size:24px;line-height:28px;} #apple-pay-activate {width:100%;display:inline-block;padding-top:80px;} #apple-pay-activate-img {width:40%;float:left;display:inline-block;padding-left:60px;} #apple-pay-activate-text {width:60%;float:left;display:inline-block;padding-right:60px;} #apple-pay-activate-video {width:100%;text-align:center;} #apple-pay-activate-text-a {width:100%;display:inline-block;margin-bottom:16px;} #apple-pay-activate-text-b {width:100%;display:inline-block;margin-bottom:11px;} #apple-pay-activate-text-b-a {float:left;padding-right:7px;display:inline-block;} #apple-pay-activate-text-b-b {float:left;display:inline-block;} #apple-pay-activate-text-b-b img {width:20px;} #apple-pay-activate-text-c {width:100%;display:inline-block;margin-bottom:32px;} #apple-pay-how-to-pay {width:100%;display:inline-block;padding-top:80px;padding-left:60px;} #apple-pay-how-to-pay-container {width:100%;display:inline-block;vertical-align:middle;} #apple-pay-how-to-pay-text {float:left;height:43px;padding-right:20px;position:relative;display:table;} #apple-pay-how-to-pay-text-a {display:table-cell;vertical-align:middle;padding-right:20px;} #apple-pay-how-to-pay-img {height:43px;display:table-cell;vertical-align:middle;} #apple-pay-how-to-pay-img img {display:inline-block;} #apple-pay-videos {width:100%;display:inline-block;padding:60px;} #apple-pay-video-a, #apple-pay-video-b {float:left;width:50%;text-align:center;} #apple-pay-videos .video-title {display:inline-block;height:30px;vertical-align:middle;margin-bottom:20px;} #apple-pay-videos .video-title .video-title-img {display:inline;width:30px;height:30px;float:left;} #apple-pay-videos .video-title .video-title-img img {display:inline-block;width:30px;} #apple-pay-video-a .video-title {width:202px;} #apple-pay-video-b .video-title {width:212px;} #apple-pay-videos .video-title .video-title-text {display:inline-block;margin-top:7px;padding-left:10px;float:left;} #apple-pay-videos #more-infos {width:100%;display:inline-block;text-align:center;padding-top:80px;font-size:20px;} #apple-pay-cg-container {padding:0px 0px 30px 0px;color:#005754;} #apple-pay-cg-container h3 {color:#005754;} #apple-inner-container {width:344px;height:220px;display:inline-block;position:relative;} #apple-pay-home-img {top:7px;left:30px;position:absolute;} #apple-pay-home-img img {width:104px;} #apple-pay-home-container {position:absolute;width:180px;height:100%;left:50%;padding: 20px 20px 10px 0px;box-sizing:border-box;} #apple-pay-home-text {font-size:18px;line-height:18px;font-weight:bold;text-align:left;display:inline-block;width:100%;float:left;color:#000000;} #apple-pay-home-link {display:inline-block;height:40px;float:left;text-align:left;margin-top:20px;border:1px solid black;border-radius:10px;color:#000000;padding:10px;display:inline-block;position:relative;bottom:0px;font-size:11px;font-weight:bold;background-color:#ffffff;} /*************/ /* GOOGLE PAY */ /*************/ #google-inner-container {width:344px;height:220px;display:inline-block;position:relative;} #google-pay-home-img {height:200px;bottom:0px;left:0px;position:absolute;} #google-pay-home-img img {height:200px;} #google-pay-home-container {position:absolute;width:200px;height:100%;left:42%;padding: 20px 20px 10px 0px;box-sizing:border-box;} #google-pay-home-text {font-size:18px;line-height:16px;font-weight:bold;text-align:left;display:inline-block;width:100%;float:left;color:#000000;} #google-pay-home-link {display:inline-block;height:40px;width:100%;float:left;text-align:left;margin-top:20px;color:#f37329;display:inline-block;font-size:13px;font-weight:bold;} #google_pay_illu {background-color:#a0c6ea;height:300px;} #google_pay_illu .container {height:285px;padding-top:0px;position:relative;text-align:center;color:#1e1e1c;} #google_pay_illu .title {font-family:'Mercury';font-size:57px;line-height:57px;position:absolute;left:50%;top:80px;} #google_pay_illu .green-back {height:65px;} #google_pay_illu .illu {position:absolute;top:45px;left:25%;margin-left:-108px;} #google_pay_illu .illu img {height:240px;} #main-google-pay-container {background-color:#edf7fe;display:inline-block;} #google-pay-cg-container {padding:0px 0px 30px 0px;color:#005754;} #google-pay-cg-container h3 {color:#005754;} #google-pay-how-pay-container {padding:30px;padding-bottom:60px;display:inline-block;background-color:#fafaf8;} .google-pay-line {display:inline-block;width:100%;float:left;} .google-pay-line .left, .google-pay-line .center, .google-pay-line .right {float:left;width:33%;text-align:center;} .google-pay-line .center {width:34%;} .google-pay-how-pay-number {display:inline-block;width:30px;height:30px;border-radius:20px;background-color:#1d71b8;color:#ffffff;padding-top:2px;box-sizing:border-box;} .google-pay-how-pay-text {width:100%;float:left;height:240px;padding:10px 45px 30px 45px;box-sizing:border-box;display:inline-block;} .google-pay-line .text {display:inline-block;} .google-pay-line h3 {font-size:19px;font-weight:bold;width:100%;height:50px;float:left;margin-top:30px;padding:0px 30px;} .google-pay-line img {display:inline-block;height:400px;} #google-pay-intro-container {padding:30px 0px 0px 60px;display:inline-block;background-color:#fafaf8;position:relative;} #google-pay-intro-text {font-size:24px;line-height:30px;float:left;width:60%;height:400px;} #google-pay-intro-container #phone_a, #google-pay-intro-container #phone_b {height:400px;display:inline-block;position:absolute;right:0px;bottom:-2px;} #google-pay-intro-container #phone_b {display:none;} #google-pay-where {padding:30px;padding-top:60px;display:inline-block;background-color:#fafaf8;width:100%;} #google-pay-where .text {width:50%;float:left;text-align:left;padding-top:0px;padding-left:60px;font-size:20px;line-height:24px;} #google-pay-where .img {width:50%;float:left;text-align:center;} #google-pay-where .more-infos {display:inline-block;width:100%;float:left;text-align:center;padding: 60px 0px 30px 0px;} #previouspagea {cursor:pointer;position:absolute;top:380px;left:50%;margin-left:-440px;background-color:#ec691a;width:40px;height:40px;color:#ffffff;font-size:30px;line-height:34px;text-align:center;border-radius:20px;padding-right:3px;box-sizing:border-box;} #nextpagea {cursor:pointer;position:absolute;top:380px;right:50%;margin-right:-440px;background-color:#ec691a;width:40px;height:40px;color:#ffffff;font-size:30px;line-height:34px;text-align:center;border-radius:20px;padding-left:3px;box-sizing:border-box;} #previouspageb {cursor:pointer;position:absolute;top:380px;left:50%;margin-left:-260px;background-color:#ec691a;width:40px;height:40px;color:#ffffff;font-size:30px;line-height:34px;text-align:center;border-radius:20px;padding-right:3px;box-sizing:border-box;} #nextpageb {cursor:pointer;position:absolute;top:380px;right:50%;margin-right:-260px;background-color:#ec691a;width:40px;height:40px;color:#ffffff;font-size:30px;line-height:34px;text-align:center;border-radius:20px;padding-left:3px;box-sizing:border-box;} .guide_cover {height:251px;width:100px;margin:10px 30px;display:inline-block;font-size:12px;vertical-align:top;} .guide_cover a {float:left;} .guide_cover .guide_name {display:inline-block;width:100px;height:36px;vertical-align:middle;position:relative;float:left;} .guide_cover .guide_name div {display:inline-block;width:100px;position:absolute;top: 50%;left:50%;transform: translateY(-50%) translateX(-50%);} #cg-app #main .text-div{display:inline-block;width:100%;margin: 0px;background-color: #edf7fe;box-sizing: border-box;padding: 60px;font-size: 17px;line-height:22px;margin-bottom:40px;} #cg-app #main ul li {margin-left:40px;list-style-type:disc;} #cg-app #main ul li ul li {list-style-type:circle;} #cg-app #main .title_one {font-size:24px;text-decoration:underline;font-weight:bold;} #cg-app #main .title_two {font-size:20px;text-decoration:underline;} #cg-app #main .title_three {text-decoration:underline;} .slider_a, .slider_b {width:100%;height:auto;} .slider_a {display:inline-block;} .slider_b {display:none;} #faq_app_qr_codes_cont {width:100%;display:inline-block;} #faq_app_qr_codes_cont #ios, #faq_app_qr_codes_cont #android {width:50%;float:left;text-align:center;} ol.decimal {list-style:decimal;} ol.decimal li {margin-top:20px;margin-left:40px;} /***********************************/ /* NEW POP UP BOX & YOUTUBE PLAYER */ /***********************************/ .popup {display:none;width:100%;position:fixed;top:0px;left:0px;bottom:0px;right:0px;z-index:1001;} .popup .popup-shadow {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000;opacity:0.5;z-index:1002;} .popup .popup-content {position:absolute;width:800px;left:50%;top:100px;margin-left:-400px;z-index:1003;background-color:#ffffff;padding:40px 40px 60px 40px;box-sizing:border-box;border-radius:10px;} .popup .video-container {width:720px;height:405px;padding-bottom:0px;margin-bottom:0px;} .popup-display {cursor:pointer;} .popup .popup-close {position:absolute;top:-15px;right:-15px;z-index:1004;cursor:pointer;} .popup .player {width:720px;height:405px;} @media screen and (max-width: 860px){ .popup .popup-content {width:700px !important;margin-left:-350px !important;} .popup .player {width:620px !important;height:349px !important;} } @media screen and (max-width: 760px){ .popup .popup-content {width:600px !important;margin-left:-300px !important;} .popup .player {width:520px !important;height:293px !important;} } @media screen and (max-width: 660px){ .popup .popup-content {width:500px !important;margin-left:-250px !important;} .popup .player {width:420px !important;height:236px !important;} } @media screen and (max-width: 560px){ .popup .popup-content {width:450px !important;margin-left:-225px !important;padding:40px 30px 40px 30px !important;} .popup .player {width:390px !important;height:220px !important;} } @media screen and (max-width: 510px){ .popup .popup-content {width:376px !important;margin-left:-188px !important;} .popup .player {width:316px !important;height:179px !important;} } @media screen and (max-width: 460px){ .popup .popup-content {width:350px !important;margin-left:-175px !important;} .popup .player {width:290px !important;height:164px !important;} } @media screen and (max-width: 410px){ .popup .popup-content {width:300px !important;margin-left:-150px !important;} .popup .player {width:240px !important;height:136px !important;} } /**********************/ /* RESPONSIVE LAYOUTS */ /**********************/ @media screen and (max-width: 1199px){ .container {width:1140px;padding:0px;} #responsive-menu {padding-right:0px;} #main-responsive-menu {width:700px;} #product-tabs-container .product-tab {margin-left:0px;margin-right:0px;width:33%;} #product-tabs-container .product-tab-left {padding-right:6px;} #product-tabs-container .product-tab-right {padding-left:6px;} #product-tabs-container .productdatamiddle {width:34%;padding-left:4px;padding-right:4px;} #jobs_page .product-tab {margin-left:0px;margin-right:0px;width:33%;} #jobs_page .product-tab-left {padding-right: 8px;} #jobs_page .productdatamiddle {width: 34%;padding-left: 4px;padding-right: 4px;} #jobs_page .product-tab-right {padding-left: 8px;} .product-tab .product-infos .title {font-size:26px;} .need_help_container {margin-top:20px;width:100%;} #insurance_illus .subtitle_nl {font-size:17px !important;} #contact_illus #illu {left:20px;} #contact_illus .title {font-size:30px;} #contact_illus .subtitle {font-size:16px;} } @media screen and (max-width: 1180px){ .container {padding-left:10px;padding-right:10px;width:100%;} #slider-container {display:none;} #slider-container-b {display:block;} #credit-choice-row {width:100%;} .productdata {width:33%;} #mastercarddata {padding-right:8px;} #ppdata {padding-left:8px;} #buywaylinedata {width:34%;margin:0px;padding-left:4px;padding-right:4px;} .product-infos-container {width:100%;} .smartphone-args {padding-left:20px;padding-right:20px;box-sizing:border-box;} #homepage_illus #illu_gauche {left:60px !important;} #homepage_illus .title {left:30%;} } @media screen and (max-width: 1176px){ #credit-choice-row {height:auto;} } @media screen and (max-width: 1174px){ #accordion {width:100% !important;} } @media screen and (max-width: 1160px){ #hp_pay_apps .left {width:630px;} #hp_bw_app .right {width: 600px !important;float:left !important;} } @media screen and (max-width: 1131px){ #main-responsive-menu {width:660px;} .product-tab .product-infos .title {font-size:25px;} } @media screen and (max-width: 1120px){ #compare_product .producttext {height:220px;} .responsive-product-infos .producttext {height:auto !important;} .store_button {height:60px !important;} #hp_pay_apps .left {width:600px;} } @media screen and (max-width: 1112px){ .product-tab .wrapper_nl {height:710px;} .product-tab .product_infos_nl {height:400px;} } @media screen and (max-width: 1100px){ .product-tab .product-infos .title {font-size:23px;} .double-blue-box .container {padding:0px;} .double-blue-box .container-left {padding-left:20px;padding-right:10px;width:50%;} .double-blue-box .container-right {padding-left:10px;padding-right:20px;width:50%;} #jobs_illus #left_picture, #jobs_illus #right_picture {display:none;} } @media screen and (max-width: 1081px){ #compare_product .product-tab .product-infos {height:370px;} .product-tab .wrapper_nl {height:710px;} .product-tab .product_infos_nl {height:400px !important;} #hp_pay_apps .left {width:560px;} #homepage_illus #illu_gauche {left:40px !important;} } @media screen and (max-width: 1070px){ /*#homepage_illus .title {font-size:30px !important;}*/ /*#homepage_illus .title, #homepage_illus .subtitle {width:450px;}*/ /*#homepage_illus #illu {left:43% !important;}*/ .title_wrapper .title {left:45%;} #hp_bw_app .right {width: 560px !important;} .bwm-concours-title {font-size:30px !important;} } @media screen and (max-width: 1042px){ #contact_illus, #insurance_illus {display:none;} #contact_page #main, #insurance_page #main {padding-top:60px !important;} #hp_pay_apps .left {width:500px;} } @media screen and (max-width: 1020px){ /*#homepage_illus .title {font-size:24px !important;} #homepage_illus #illu {left:38% !important;}*/ /*#homepage_illus .title, #homepage_illus .subtitle {width:360px;}*/ .hp_products_text {height:220px;} .google-pay-line img {height:300px;} .google-pay-line .left, .google-pay-line .center, .google-pay-line .right {width:100%;} .google-pay-how-pay-text {height:auto;} .google-pay-line .center, .google-pay-line .right {margin-top:60px;} .google-pay-line .text, .google-pay-line .img {width:50%;float:left;} .google-pay-line .left .text {margin-top:15px;} .google-pay-line .right .text {margin-top:20px;} #hp_bw_app .right {width: 500px !important;} } @media screen and (max-width: 1000px){ .bottom-menu ul li{margin-right:40px;} .bwm_products_fonc, .bwm_products_fonc_responsive {float:left;width:100%;} .bwm_products_fonc .cont, .bwm_products_fonc_responsive .cont {margin:0px !important;} .bwm_products_fonc .right, .bwm_products_fonc_responsive .right {margin-top:20px !important;} .bwm_products_fonc .cont img, .bwm_products_fonc_responsive .cont img{max-width:400px;} #homepage_illus #illu_gauche {left:20px !important;} } @media screen and (max-width: 991px){ .insurance-table {width:100%;} .insurance_sta_pre_container {padding-left:10px;padding-right:10px;} } @media screen and (max-width: 990px){ .smartphone-full {display:none;} .smartphone-responsive {display:inline-block;} #hp_pay_apps .left {width:450px;} } @media screen and (max-width: 980px){ #main-responsive-menu {width:625px;} .double-blue-box .container-left, .double-blue-box .container-right {width:100%;padding-left:20px;padding-right:20px;} .double-blue-box .container-left {padding-bottom:60px;} } @media screen and (max-width: 966px){ .hp_products_text_nl {height:240px;} } @media screen and (max-width: 960px){ .product-tab .product-infos .title {font-size:19px;} .faq_billing_left {padding-left:60px;} #hp_bw_app .container {padding: 60px 50px 0px;} #hp_pay_apps .container {padding: 60px 50px 60px;} } @media screen and (max-width: 945px){ #fidi-box, #fidi-link, #homebanking-box, #homebanking-link {width:180px;} .product-tab .product-infos ul li, .producttext,.product-tab .product-infos .product-sup-ul, .product-tab .product-caracts .product-caract {font-size:15px;} .infobulle span{left:auto;right:-150px;} } @media screen and (max-width: 932px){ .hp_products_text_nl {height:270px;} #apple-pay-activate-img img {width:240px;} #hp_pay_apps .left {width:460px;} } @media screen and (max-width: 920px){ #homepage_illus, .morphing_fond, .morphing_side {display:none !important} #reader_a {display:none;} #reader_b {display:block !important;} .navbar-toggle {display: block;} #responsive-menu {display:block;} #main-responsive-menu {width:100%;} #top-menu {display:none;} .navbar-header select {display:inline-block;} .main-nav {height:10px;min-height:10px;} .main-menu-ul {margin-left:0px;} .bottom-menu ul {display:none;} #fidi-box, #fidi-link, #homebanking-box, #homebanking-link {width:150px;} #language_selection {right:60px;} } @media screen and (max-width: 920px){ #homepage_products {padding-top:80px;} #hp_bw_app .left {display: none !important;} #hp_bw_app .right {width:100% !important;padding-bottom:40px;} #hp_bw_app .bottom {width:100% !important;display: inline-block !important;text-align:center;} #hp_bw_app .bottom img {display:inline-block;} #hp_google_play, #hp_apple_pay {width:50% !important;padding-right:15px !important;text-align:right;} #hp_apple_play, #hp_google_pay {width:50% !important;padding-left:15px !important;text-align:left;} #hp_pay_apps .left, #hp_pay_apps .right {width:100%;padding-right:0px;} #hp_pay_apps .right {padding-top:40px;text-align:center !important;} .bwm-concours .container {padding-top:40px !important;} .bwm-concours .buttons_container {text-align:center;} } @media screen and (max-width: 905px){ .accordion .content{padding-left:10px;} } @media screen and (max-width: 900px){ .product-tab .product-infos .title {font-size:17px;} .product-title {margin-left:110px;} .infobulle span {right:-120px;} #apple-pay-activate-img {width:45%;} #apple-pay-activate-text {width:55%;} } @media screen and (max-width: 895px){ .product .wrapper {font-size:18px;} } @media screen and (max-width: 893px){ #apple_pay_page .big-blue-title {padding-left:20px;padding-right:20px;} } @media screen and (max-width: 865px){ .hp_products_text {height:250px;} .hp_products_text_nl {height:270px;} #apple-pay-videos {padding:60px 30px;} .job-video-container{width:100%;} #google-pay-intro-text {width:55%;height:500px;} } @media screen and (max-width: 850px){ .infobulle span {right:-90px;} .hp_products_text_nl {height:300px;} .google-pay-line .text, .google-pay-line .img {width:100%;float:left;} } @media screen and (max-width: 850px){ #fil_gauche {margin-left:-350px;} #fil_gauche .fil_texte {right:80px;} #google_pay_illu .title {left:45%;} #smartphone-concours .sc-full {display:none;} #smartphone-concours .sc-resp {display:block;} } @media screen and (max-width: 847px){ #compare_product .product-tab .product-infos {height:400px;} #compare_product .product-tab .wrapper {height:690px;} .product-tab .wrapper_nl {height:740px !important;} .product-tab .product_infos_nl {height:430px !important;} } @media screen and (max-width: 840px){ #illu_product_page {display:none;} #google-pay-where .text, #google-pay-where .img {width:100%;} #google-pay-where .img {margin-top:30px;} } @media screen and (max-width: 830px){ #fidi-box, #fidi-link, #homebanking-box, #homebanking-link {width:200px;} .product .wrapper {font-size:16px;} .infobulle span {right:-70px;} #faq_7_15_table_full {width:100% !important;} } @media screen and (max-width: 823px){ .insurance-table table td{padding:10px 5px;} .insurance-table .title{width:100px;} .basic, .standard, .premium {width:70px;} .accordion .title{padding:10px 5px;} } @media screen and (max-width: 817px){ .hp_products_text {height:280px;} .hp_products_text_nl {height:300px;} } @media screen and (max-width: 804px){ .hp_products_text_nl {height:330px;} } @media screen and (max-width: 802px){ .product-tab .product-caracts .product-caract{font-size:14px;} } @media screen and (max-width: 800px){ .bottom-menu ul li {font-size:18px;margin-right:30px;} .hp-product-logo-container {height:120px;} .hp-mastercard-logo-container {padding-top:5px;} .hp-bpr-logo-container, .hp-pat-logo-container {padding-top:15px;} .hp-product-logo-container img {height:65px;} .hp-mastercard-logo-container img {height:80px;} #responsive-credit-choice-row {display:block;} #mastercarddata, #buywaylinedata, #ppdata {display:none;} .sim_taeg, .sim_tada {display:block;} .responsive_sim_taeg, .responsive_sim_tada {display:none;} } @media screen and (max-width: 799px){ .product-tab .product-infos {height:490px;} } @media screen and (max-width: 790px){ .product-tab .product-infos {height:510px;} } @media screen and (max-width: 778px){ .product-tab .product-infos {height:530px;} #google-pay-intro-text {width:100%;height:auto;padding-right:60px;margin-bottom:430px;} #google-pay-intro-container #phone_a {display:none;} #google-pay-intro-container #phone_b {left:50%;margin-left:-80px;display:inline-block;} } @media screen and (max-width: 768px){ .product-tab .product-infos {height:500px;} .product-tab .product-caracts .product-caract {font-size:13px;} .navbar-nav > li {float:left;} .navbar-nav {margin:0px;} #apple-pay-activate-img img {width:220px;} } @media screen and (max-width: 750px){ .jobs_tabs_container .product-tab {width:100% !important;margin:0px !important;padding:0px !important;margin-bottom:10px !important;} .jobs_tabs_container .product-tab .title {margin-bottom:0px;} .jobs_tabs_container .product-tab .product-logo {margin-top:20px;margin-bottom:0px;} .jobs_tabs_container .product-tab .wrapper {height:350px !important;} .jobs_tabs_container .product-tab .product-infos {height:250px !important;} .product-title {margin-left:0px;} #product-tabs-container {display:none;} #responsive-product-tabs-container {display:block;} .responsive-product-infos .producttext span {margin-left:0px;} .hp-product-logo-container img {height:60px;} .hp-mastercard-logo-container img {height:75px;} .responsive-product-infos li {margin-left:20px;} #google_pay_illu .title {font-size:50px;} #google_pay_illu .title img {width:305px;} .faq_billing_left {padding-left:20px;} } @media screen and (max-width: 740px){ #apple-pay-activate {padding-top:40px;padding-left:60px;padding-right:60px;} #apple-pay-activate-img {width:100%;padding-left:0px;text-align:center;} #apple-pay-activate-text {width:100%;padding-top:60px;} div.two-column .left, div.two-column .right {width:100% !important;} div.two-column .left div, div.two-column .right div {margin:0 !important;} div.two-column .right div {margin-top:20px !important;} } @media screen and (max-width: 728px){ #fidi-box, #homebanking-box {margin-top:15px;margin-bottom:15px;} #fidi-box, #fidi-link, #homebanking-box, #homebanking-link {width:280px;position:relative;display: inline-block;} #fidi-box {float:left;margin-left:15px;} #homebanking-box {float:right;margin-right:15px;} #fidi-link ,#homebanking-link {padding:12px 0px;font-size:18px;position:absolute;left:0px;right:0px;} .navbar-inverse .navbar-nav > li > a{font-size:13px;} .product .wrapper {font-size:20px;} .productdata .productinfo .subtitle {font-size:18px;} .product-tab .product-infos .title {font-size:21px;} #header-buttons {display:none;} #bs-example-navbar-collapse-1 {padding-bottom: 0px;} #jobs_illus {display:none;} .main_jobs h1 {margin-top:60px;} #apple-pay-videos {padding:60px 10px;} } @media screen and (max-width: 720px){ #slider-container {width:100%;} .slider-range #slider{width:99%;} #banner-bpr-app #banner-bpr-app-full {display:none;} #banner-bpr-app #banner-bpr-app-responsive {display:block;} } @media screen and (max-width: 691px){ .transparent-button {font-size:13px;} .productdata .productinfo {padding-left:10px;padding-right:10px;} .hp-product-logo-container img {height:55px;} .hp-mastercard-logo-container img {height:70px;} } @media screen and (max-width: 677px){ .slider_a {display:none;} .slider_b {display:inline-block;} } @media screen and (max-width: 670px){ #smartphone-args-a .video-container, #smartphone-args-a .video-container iframe, #smartphone-args-b .video-container, #smartphone-args-b .video-container iframe {width:520px;height:292px;} } @media screen and (max-width: 660px){ #contact_page .contact_wrapper .contact_form {width:100% !important;} #contact_page .control-group {width:100% !important;} #contact_page .controls {display:inline-block !important;width:100% !important;} .contact_select_container {width:100% !important;} #contact_page .controls input[type="text"], #contact_page .controls input[type="tel"], #contact_page .controls input[type="email"], #contact_page .contact_form textarea, #inputSubject, #inputFile, .input-file-container {width:90% !important;} .contact_submit_wrapper {margin-left:0px !important;} .infobulle span{right:-30px;} } @media screen and (max-width: 650px){ .insurance_accor_text {width:250px;} #apple-pay-video-a, #apple-pay-video-b {width:100%;} #apple-pay-video-b {margin-top:40px;} #reader_b .turnjs-slider {width:100% !important;} #slider_b_container {padding:0px 40px !important;box-sizing:border-box;} #reader_b .turnjs-slider .ui-slider-horizontal {width:100% !important;position:relative;margin-left:0px;} } @media screen and (max-width: 641px){ #apple_pay_illu .title{bottom:20px;} } @media screen and (max-width: 640px){ #fidi-box, #homebanking-box, #fidi-link, #homebanking-link {float:left;width:100%;margin-left:0px;} #homebanking-box {margin-top:0px;} #fidi-link, #homebanking-link {margin:0px 15px;width:auto;} } @media screen and (max-width: 620px){ #google_pay_illu .title {font-size:40px;} #google_pay_illu .title img {width:245px;} #illu-smartphone-b {width:100%;background-repeat:no-repeat !important;background-size:100% !important;padding-top:0px;min-height:240px;width:100%;display:table-cell;} #smartphone-illu-title-a {display:none;} #smartphone-illu-title-ab {display:inline-block;} } @media screen and (max-width: 600px){ #faq_app_qr_codes_cont #ios, #faq_app_qr_codes_cont #android {width:100%;} #faq_app_qr_codes_cont #ios {margin-bottom:60px;} #faq_7_2_table_full, #faq_7_15_table_full {display:none !important;} #faq_7_2_table_responsive, #faq_7_15_table_responsive {display:table !important;} #smartphone-concours {padding:40px 40px;} } @media screen and (max-width: 570px){ .productdata .wrapper {margin-left:5px;margin-right:5px;} .productdata .product {padding-left:10px;padding-right:10px;} .insurance_accor_text {width:200px;} } @media screen and (max-width: 570px){ #smartphone-args-a .video-container, #smartphone-args-a .video-container iframe, #smartphone-args-b .video-container, #smartphone-args-b .video-container iframe {width:420px;height:236px;} .store-buttons-full {display:none;} .store-buttons-responsive {display:table;} } @media screen and (max-width: 540px){ #apple_pay_illu .illu img {height:192px;width:180px;} #apple_pay_illu .illu {top:93px;} #apple_pay_illu .title {left:40%;padding-right:10px;} #previouspageb {left:0%;margin-left:0px;z-index:1000;} #nextpageb {right:0%;margin-right:0px;z-index:1000;} .bwm_products_fonc {display:none;} .bwm_products_fonc_responsive {display:block;} .bwm_products_fonc_responsive .cont {padding:40px;} } @media screen and (max-width: 527px){ .light-blue-button {width:100%;} } @media screen and (max-width: 520px){ .insurance_accor_text {width:160px;font-size:16px;} } @media screen and (max-width: 500px){ .product .wrapper {font-size:14px;} .productdata .productinfo .subtitle {font-size:14px;} .sim_taeg, .sim_tada, .responsive_sim_taeg, .responsive_sim_tada {font-size:13px;} .insurance_disco {font-size:16px;line-height:14px;} #contact_page .product-tab {width:100% !important;float:left;padding-right:0px !important;padding-left:0px !important;margin-bottom:20px !important;} .icons-smart-text-a {width:70px;} } @media screen and (max-width: 475px){ .insurance-table table td {padding:10px 2px;} .insurance-table .title {width:80px;} .basic,.standard,.premium {width:60px;} #google_pay_illu .title {font-size:36px;} #google-inner-container {width:100%;} } @media screen and (max-width: 470px){ #smartphone-args-a .video-container, #smartphone-args-a .video-container iframe, #smartphone-args-b .video-container, #smartphone-args-b .video-container iframe {width:370px;height:208px;} } @media screen and (max-width: 460px){ .insurance_accor_premium, .insurance_accor_standard, .title_standard, .title_premium {width:60px;font-size:14px !important;} .insurance_col_titles_container {width:128px;} } @media screen and (max-width: 451px){ #mastercard_title, #bpr_title {text-align:center;} #mastercard_avantages {text-align:center;} .product .wrapper {font-size:13px;} .productdata .productinfo .subtitle {font-size:13px;} .transparent-button {font-size:12px;padding-left:10px;padding-right:10px;} .infobulle span {right:-30px;} } @media screen and (max-width: 450px){ .smartphone-question-full {display:none;} .smartphone-question-responsive {display:block;} .icons-smart-text-a {width:60px;} } @media screen and (max-width: 429px){ .sim_taeg, .sim_tada, .responsive_sim_taeg, .responsive_sim_tada {font-size:12px;} .transparent-button {font-size:11px;} .form-horizontal .controls input[type="text"], .form-horizontal .controls input[type="email"], form-horizontal .controls input[type="tel"], .form-horizontal .controls input[type="select"] {width:100%;} #title-smartphone .container span {font-size:50px; } @media screen and (max-width: 420px){ .insurance_accor_premium, .insurance_accor_standard, .title_standard, .title_premium {width:50px;font-size:12px !important;} .insurance_col_titles_container {width:108px;} #concours-title {font-size:40px;} #concours-subtitle {font-size:28px;} } @media screen and (max-width: 400px){ .insurance_accor_premium, .insurance_accor_standard, .title_standard, .title_premium {width:40px;font-size:10px !important;} .insurance_col_titles_container {width:88px;} .icons-smart-text-a {width:50px;} } @media screen and (max-width: 370px){ #smartphone-args-a .video-container, #smartphone-args-a .video-container iframe, #smartphone-args-b .video-container, #smartphone-args-b .video-container iframe {width:320px;height:180px;} } @media screen and (max-width: 369px){ .cookie_box {bottom:0px;margin:0;width:100%;min-width:100%;right:0;left:0;} .responsive-product-title {font-size:13px;} } @media screen and (max-width: 350px){ #title-smartphone .container span {font-size:40px;} }