*, *:after, *:before{box-sizing:border-box;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0.05);} .clearfix{display:table;content:'';clear:both;} .clearfix:before, .clearfix:after{content:". ";clear:both;visibility:hidden;line-height:0;height:0;} 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;} body{font-family:'Roboto'} .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;} 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;} a{text-decoration:none;color:inherit;} a:focus, a:active{outline:0 !important;outline:0 -webkit-focus-ring-color;outline-offset:0;} .btn-3d{background-color:#458CFF;color:#fff;border:0;border-bottom:4px solid #3067BF;border-radius:5px;font-weight:600;font-size:16px;-webkit-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);-khtml-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);-moz-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);-ms-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);-o-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);} .btn-3d.compta{background-color:#FF7345;border-color:#c85c38;} .btn-3d.financement{background-color:#3FCAB3;border-color:#00896F;} .btn-3d:target, .btn-3d:focus, .btn-3d:active{border-color:transparent;-webkit-transform:translate3d(0, 4px, 0);-khtml-transform:translate3d(0, 4px, 0);-moz-transform:translate3d(0, 4px, 0);-ms-transform:translate3d(0, 4px, 0);-o-transform:translate3d(0, 4px, 0);transform:translate3d(0, 4px, 0);} #conseil *::-moz-selection{background-color:transparent;color:#458CFF;} #compta *::-moz-selection{background-color:transparent;color:#FF7345;} #financement *::-moz-selection{background-color:transparent;color:#3FCAB3;} #conseil *::-moz-selection{background-color:transparent;color:#458CFF;} #compta *::-moz-selection{background-color:transparent;color:#FF7345;} #financement *::-moz-selection{background-color:transparent;color:#3FCAB3;} .nav-toggle{display:none;position:absolute;text-align:center;color:white;} .nav-toggle span{display:block;width:25px;height:2px;background-color:white;position:relative;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .nav-toggle span:after, .nav-toggle span:before{content:'';display:block;height:2px;width:25px;background-color:white;position:absolute;-webkit-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-khtml-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-moz-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-ms-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-o-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;} .nav-toggle span:before{top:-8px;} .nav-toggle span:after{top:8px;} .nav-toggle.ShowMenu span{background-color:transparent;} .nav-toggle.ShowMenu span:before{-webkit-transform:rotate(45deg) translate(8px, 3.5px);-khtml-transform:rotate(45deg) translate(8px, 3.5px);-moz-transform:rotate(45deg) translate(8px, 3.5px);-ms-transform:rotate(45deg) translate(8px, 3.5px);-o-transform:rotate(45deg) translate(8px, 3.5px);transform:rotate(45deg) translate(8px, 3.5px);-webkit-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-khtml-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-moz-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-ms-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-o-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;} .nav-toggle.ShowMenu span:after{-webkit-transform:rotate(-45deg) translate(8px, -3.5px);-khtml-transform:rotate(-45deg) translate(8px, -3.5px);-moz-transform:rotate(-45deg) translate(8px, -3.5px);-ms-transform:rotate(-45deg) translate(8px, -3.5px);-o-transform:rotate(-45deg) translate(8px, -3.5px);transform:rotate(-45deg) translate(8px, -3.5px);-webkit-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-khtml-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-moz-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-ms-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-o-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;} .mobile-menu{display:none;position:fixed;top:0;left:0;bottom:0;width:100%;z-index:99;background-color:#1c1c1c;color:#eee;-webkit-transform:translate3d(100%, 0, 0);-khtml-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);-webkit-transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1);-khtml-transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1);-moz-transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1);-ms-transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1);-o-transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1);} .mobile-menu .vertical-positionner{height:auto;width:100%;display:block;position:absolute;top:40%;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);} .mobile-menu .vertical-positionner a{width:100%;display:block;text-align:center;font-size:18px;line-height:80px;font-weight:600;} .mobile-menu .vertical-positionner a i{margin-right:10px;} .mobile-menu .vertical-positionner a:focus{color:#888;} .header{width:100%;top:0;height:65px;background-color:#1C1C1C;box-shadow:0 1px 2px rgba(0, 0, 0, 0.37);position:fixed;z-index:99;overflow:hidden;-webkit-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);-khtml-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);-moz-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);-ms-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);-o-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);} .header a.header-logo{position:relative;display:inline-block;padding-left:25px;width:auto;max-width:225px} .header a.header-logo h1{margin-top:10px;} .header .menu{display:inline-block;position:absolute;top:0;height:65px;left:49%;-webkit-transform:translate(-40%, 0);-khtml-transform:translate(-40%, 0);-moz-transform:translate(-40%, 0);-ms-transform:translate(-40%, 0);-o-transform:translate(-40%, 0);transform:translate(-40%, 0);color:white;} .header .menu a{padding:0 15px;line-height:65px;position:relative;float:left;text-align:center;font-weight:600;text-transform:uppercase;overflow:hidden;} .header .menu a:after{content:'';position:absolute;bottom:0;height:3px;background-color:#458CFF;left:0;width:100%;-webkit-transform:scaleX(0);-khtml-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-khtml-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-moz-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-ms-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-o-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;} .header .menu a:hover:after{-webkit-transform:scaleX(1);-khtml-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);-webkit-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;-khtml-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;-moz-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;-ms-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;-o-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;} .header .menu a:before{content:"";display:block;position:absolute;border-radius:100%;left:50%;top:50%;width:0;padding-top:0;background-color:rgba(255, 255, 255, 0.7);-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .header .menu a.active{color:#458CFF;} .header .menu a:focus, .header .menu a:active{color:#458CFF;} .header .menu a:focus:before, .header .menu a:active:before{animation:ripple 0.6s cubic-bezier(0.55, 0, 0.1, 1);} .header .menu a#mobile-a{display:none;} .header .menu a i{margin-right:12px;} .header .user{position:absolute;right:0;height:65px;top:0;color:white;} .header .user a{width:160px;line-height:65px;position:relative;float:left;text-align:center;font-weight:600;text-transform:uppercase;overflow:hidden;} .header .user a:after{content:'';position:absolute;bottom:0;height:3px;background-color:#458CFF;left:0;width:100%;-webkit-transform:scaleX(0);-khtml-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-khtml-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-moz-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-ms-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-o-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;} .header .user a:hover:after{-webkit-transform:scaleX(1);-khtml-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);-webkit-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;-khtml-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;-moz-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;-ms-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;-o-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;} .header .user a:before{content:"";display:block;position:absolute;border-radius:100%;left:50%;top:50%;width:0;padding-top:0;background-color:rgba(255, 255, 255, 0.7);-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .header .user a.active{color:#458CFF;} .header .user a:focus, .header .user a:active{color:#458CFF;} .header .user a:focus:before, .header .user a:active:before{animation:ripple 0.6s cubic-bezier(0.55, 0, 0.1, 1);} .header .user a i{margin-right:12px;position: relative;} .sub-header{z-index:98;position:fixed;top:65px;width:100%;height:45px;padding:0 0;background-color:rgba(0, 0, 0, 0.5);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);color:white;text-align:center;text-shadow:0 0 5px rgba(0, 0, 0, 0.5);-webkit-transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);-khtml-transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);-moz-transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);-ms-transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);-o-transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);} .sub-header a{line-height:45px;opacity:0.7;padding:0 25px;-webkit-transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);-khtml-transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);-moz-transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);-ms-transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);-o-transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);} .sub-header a:hover{opacity:1;} .sub-header a:not(:last-child){border-right:1px solid #fff;} .sub-header.nav-collapse{top:0;} body.ShowForm .site-content{filter:blur(3px);-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:url("data:image/svg+xml;utf9,#blur");filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');-webkit-transition:filter 0.3s ease-out;-khtml-transition:filter 0.3s ease-out;-moz-transition:filter 0.3s ease-out;-ms-transition:filter 0.3s ease-out;-o-transition:filter 0.3s ease-out;transition:filter 0.3s ease-out;} body.ShowForm .form-overlay{opacity:0.74;visibility:visible;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} body.ShowForm .form-container{opacity:1;-webkit-visibility:visible;-khtml-visibility:visible;-moz-visibility:visible;-ms-visibility:visible;-o-visibility:visible;visibility:visible;-webkit-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-khtml-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-moz-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-ms-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-o-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);} body.show-form-overlay .site-content{filter:blur(3px);-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:url("data:image/svg+xml;utf9,#blur");filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');-webkit-transition:filter 0.3s ease-out;-khtml-transition:filter 0.3s ease-out;-moz-transition:filter 0.3s ease-out;-ms-transition:filter 0.3s ease-out;-o-transition:filter 0.3s ease-out;transition:filter 0.3s ease-out;} body.show-form-overlay .form-contact-overlay{opacity:0.74;visibility:visible;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #form-close{display:none} .show-form-overlay #form-close{display:block} .form-overlay{height:100%;top:0;left:0;right:0;bottom:0;position:fixed;opacity:0;visibility:hidden;z-index:1001;backface-visibility:hidden;background:black;} .form-container{z-index:1002;width:100%;max-width:1024px;display:block;opacity:0;-webkit-visibility:hidden;-khtml-visibility:hidden;-moz-visibility:hidden;-ms-visibility:hidden;-o-visibility:hidden;visibility:hidden;position:fixed;left:50%;top:50%;-webkit-transform:translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 0.8);-khtml-transform:translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 0.8);-moz-transform:translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 0.8);-ms-transform:translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 0.8);-o-transform:translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 0.8);transform:translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 0.8);-webkit-transition:all 0.25s cubic-bezier(0.42, 0.22, 0, 0.1);-khtml-transition:all 0.25s cubic-bezier(0.42, 0.22, 0, 0.1);-moz-transition:all 0.25s cubic-bezier(0.42, 0.22, 0, 0.1);-ms-transition:all 0.25s cubic-bezier(0.42, 0.22, 0, 0.1);-o-transition:all 0.25s cubic-bezier(0.42, 0.22, 0, 0.1);transition:all 0.25s cubic-bezier(0.42, 0.22, 0, 0.1);height:auto;padding:40px 50px 15px;background:white;border-radius:5px;box-shadow:0 10px 20px rgba(0, 0, 0, 0.15);} .form-container .form-title{padding-bottom:20px;} .form-container .form-title h1{font-size:1.5rem;font-weight:600;} .form-container .form-title h4{font-size:0.9rem;opacity:.6;font-weight:400;} .form-container button#closeFromBtn{position:absolute;right:-12.5px;top:-50px;height:50px;width:50px;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;} .form-container button#closeFromBtn span, .form-container button#closeFromBtn span:after{display:block;position:relative;width:25px;height:3px;background:white;} .form-container button#closeFromBtn span{-webkit-transform:rotate(45deg);-khtml-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);} .form-container button#closeFromBtn span:after{content:'';position:absolute;top:0;left:0;-webkit-transform:rotate(90deg);-khtml-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);} .form-container .counter{position:absolute;right:0;top:0;font-size:2rem;padding:40px 50px;} .form-container .q-legend{font-size:2rem;font-weight:800;margin-bottom:1em;position:relative;display:inline-block;} .form-container .q-legend:after{content:'i';display:block;font-size:12px;width:21px;height:21px;line-height:17.5px;border:2px solid #3B3F45;text-align:center;border-radius:100%;opacity:.6;position:absolute;right:-30px;top:0;cursor:pointer;} .form-container .q-legend:before{content:attr(data-info);display:block;position:absolute;bottom:0px;left:0;font-size:0.75rem;opacity:0;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} .form-container .q-legend:hover::before{opacity:.4;bottom:-15px;} .form-container fieldset{position:relative;margin:0;width:100%;height:auto;} .form-container fieldset span{display:inline-block;width:23%;height:auto;position:relative;text-align:center;vertical-align:top;margin-bottom:35px;} .form-container fieldset span:active{background-color:#F9F9FF;} .form-container fieldset span label.button-check{width:100%;min-height:170px;position:relative;display:block;cursor:pointer;border-radius:5px;overflow:hidden;box-shadow:0 1px 2px rgba(0, 0, 0, 0.27);-webkit-transition:box-shadow 0.2s ease-in-out;-khtml-transition:box-shadow 0.2s ease-in-out;-moz-transition:box-shadow 0.2s ease-in-out;-ms-transition:box-shadow 0.2s ease-in-out;-o-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;} .form-container fieldset span label.button-check:before{content:"";display:block;position:absolute;border-radius:100%;left:50%;top:50%;width:0;padding-top:0;background-color:rgba(69, 140, 255, 0.7);-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .form-container fieldset span label.button-check:hover{box-shadow:0 10px 20px rgba(0, 0, 0, 0.15);} .form-container fieldset span label.button-check h2{position:absolute;display:block;padding:12px 10px;width:100%;bottom:0;left:0;background-color:white;} .form-container fieldset span input[type="checkbox"]{position:absolute;right:0;top:0;display:none;} .form-container fieldset span input[type="checkbox"]:checked ~ label.button-check{color:#458CFF;background-color:#F9F9FF;box-shadow:0 10px 20px rgba(0, 0, 0, 0.15);} .form-container fieldset span input[type="checkbox"]:checked ~ label.button-check:before{animation:ripple 0.3s cubic-bezier(0.55, 0, 0.1, 1);} .form-container fieldset.input{width:50%;display:inline-block;margin-bottom:1em;} .form-container fieldset.input:nth-of-type(even){padding-right:0.5em;} .form-container fieldset.input:nth-of-type(odd){padding-left:0.5em;} .form-container fieldset.input input[type="text"], .form-container fieldset.input select{width:100%;padding:10px;z-index:1;position:relative;background-color:transparent;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border:0;border:1px solid rgba(0, 0, 0, 0.27);border-radius:5px;} .form-container fieldset.input i{position:absolute;top:14px;right:20px;} #next, #prev{font-size:14px;background:#458CFF;color:white;padding:24.5px 0;width:65px;border:0;border-radius:65px;height:65px;text-align:center;-webkit-transition:transform 0.1s ease-out;-khtml-transition:transform 0.1s ease-out;-moz-transition:transform 0.1s ease-out;-ms-transition:transform 0.1s ease-out;-o-transition:transform 0.1s ease-out;transition:transform 0.1s ease-out;position:absolute;top:50%;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);} #next{right:-35px;} #prev{left:-35px;} body{ background:#212121;} body.showVideo .site-content{filter:blur(3px);-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:url("data:image/svg+xml;utf9,#blur");filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');-webkit-transition:filter 0.3s ease-out;-khtml-transition:filter 0.3s ease-out;-moz-transition:filter 0.3s ease-out;-ms-transition:filter 0.3s ease-out;-o-transition:filter 0.3s ease-out;transition:filter 0.3s ease-out;} body.showVideo #video-displayer{visibility:visible;opacity:1;-webkit-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-khtml-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-moz-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-ms-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-o-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);} body.showVideo .video-overlay{opacity:0.74;visibility:visible;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #video-displayer{z-index:1002;position:fixed;top:50%;left:50%;width:54.2%;height:61.39%;background-color:black;box-shadow:0 40px 80px rgba(0, 0, 0, 0.87);opacity:0;visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-khtml-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-moz-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-ms-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-o-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-webkit-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-khtml-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-ms-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);} #video-displayer iframe{width:100%;height:100%;position:absolute;left:0;top:0;} #closeBtn{cursor:pointer;position:fixed;top:-50px;right:-12.5px;z-index:1001;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-color:transparent;border:0;height:50px;width:50px;} #closeBtn span:before, #closeBtn span:after{height:3px;width:25px;left:50%;background:rgba(255, 255, 255, 0.95);position:absolute;display:block;content:'';} #closeBtn span:before{-webkit-transform:translateX(-50%) rotate(45deg);-khtml-transform:translateX(-50%) rotate(45deg);-moz-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);-o-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);} #closeBtn span:after{-webkit-transform:translateX(-50%) rotate(-45deg);-khtml-transform:translateX(-50%) rotate(-45deg);-moz-transform:translateX(-50%) rotate(-45deg);-ms-transform:translateX(-50%) rotate(-45deg);-o-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg);} .video-overlay{width:100%;height:100%;top:0;left:0;position:fixed;opacity:0;visibility:hidden;z-index:1001;backface-visibility:hidden;background:black;} .site-content{width:100vh;width:100%;position:relative;overflow:hidden;} #mobile-menu-a{display:none;} hr{border:1px inset rgba(0, 0, 0, 0.1);margin:1.5em 0;} .content{background-color:#F9F9F9;width:100%;height:auto !important;position:relative;box-shadow:0px -1px 8px 0px rgba(0, 0, 0, 0.33);padding:50px 0 50px;} .container{width:100%;position:relative;background-color:#fff;border-radius:5px;overflow:hidden;box-shadow:0 1px 2px rgba(0, 0, 0, 0.27);-webkit-transition:all 0.1s ease-out;-khtml-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;} .container:hover{box-shadow:0 10px 20px rgba(0, 0, 0, 0.15);} .main-content{width:65%;height:100%;padding-right:30px;position:absolute;top:0;left:0;display:block;} .main-content .btn-3d{position:relative;width:48.485%;border-radius:5px;padding:20px 25px;display:inline-block;-webkit-transition:all 0.1s ease-in-out;-khtml-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;font-size:18px;cursor:pointer;} .main-content .btn-3d:first-of-type{margin-right:2.3825%;} .main-content .btn-3d i{margin-right:10px;} .main-content .btn-3d:active, .main-content .btn-3d:target, .main-content .btn-3d:focus{-webkit-transform:translate3d(0, 4px, 0);-khtml-transform:translate3d(0, 4px, 0);-moz-transform:translate3d(0, 4px, 0);-ms-transform:translate3d(0, 4px, 0);-o-transform:translate3d(0, 4px, 0);transform:translate3d(0, 4px, 0);} .aside-content{width:auto;margin-left:65%;position:relative;display:inline-block;} .horizontal-wrapper{position:relative;max-width:1500px;margin:0 auto;} .slider-holder{position:relative;display:block;width:100%;height:350px;overflow:hidden;background-color:#222;} .slider-holder .slider{background:none repeat scroll 0 0 rgba(34, 34, 36, 0.57);bottom:0;content:" ";left:0;/*position:absolute;*/right:0;top:0;height:350px;padding-top:0;position:relative;width:100%;overflow:hidden;} .slider-holder .slider:before{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.1);display:block;bottom:0;content:" ";left:0;position:absolute;right:0;top:0;z-index:1;-webkit-transition:all 0.2s cubic-bezier(0.42, 0, 0.22, 1);-khtml-transition:all 0.2s cubic-bezier(0.42, 0, 0.22, 1);-moz-transition:all 0.2s cubic-bezier(0.42, 0, 0.22, 1);-ms-transition:all 0.2s cubic-bezier(0.42, 0, 0.22, 1);-o-transition:all 0.2s cubic-bezier(0.42, 0, 0.22, 1);transition:all 0.2s cubic-bezier(0.42, 0, 0.22, 1);} .slider-holder .slider .slider-item{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;color:white;opacity:0;visibility:hidden;-webkit-transition:all 0.2s cubic-bezier(0.42, 0, 0.22, 1);-khtml-transition:all 0.2s cubic-bezier(0.42, 0, 0.22, 1);-moz-transition:all 0.2s cubic-bezier(0.42, 0, 0.22, 1);-ms-transition:all 0.2s cubic-bezier(0.42, 0, 0.22, 1);-o-transition:all 0.2s cubic-bezier(0.42, 0, 0.22, 1);transition:all 0.2s cubic-bezier(0.42, 0, 0.22, 1);} .slider-holder .slider .slider-item .caption{position:absolute;top:45%;left:10%;right:10%;display:block;color:white;z-index:3;background-color:transparent;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:left;text-shadow:0 2px 3px rgba(0, 0, 0, 0.4);} .slider-holder .slider .slider-item .caption span{display:block;overflow:hidden;} .slider-holder .slider .slider-item .caption span.number{display:inline;} .slider-holder .slider .slider-item .caption .title{display:block;font-size:2.2rem;text-transform:uppercase;letter-spacing:-0.075rem;font-weight:bold;} .slider-holder .slider .slider-item .caption .subtitle{max-width:95rem;width:auto;display:block;font-size:1.6rem;margin:0.1rem 0;letter-spacing:-.5px;font-weight:100;} .slider-holder .slider .slider-item .caption a{box-shadow:0 2px 3px rgba(0, 0, 0, 0.27);display:inline-block;padding:15px 25px;text-transform:uppercase;background-color:#458CFF;border:0;-webkit-transition:all 0.05s cubic-bezier(0.42, 0, 0.22, 1);-khtml-transition:all 0.05s cubic-bezier(0.42, 0, 0.22, 1);-moz-transition:all 0.05s cubic-bezier(0.42, 0, 0.22, 1);-ms-transition:all 0.05s cubic-bezier(0.42, 0, 0.22, 1);-o-transition:all 0.05s cubic-bezier(0.42, 0, 0.22, 1);transition:all 0.05s cubic-bezier(0.42, 0, 0.22, 1);border-radius:5px;border-bottom:4px solid #3067BF;font-size:0.9rem;font-weight:600;margin-top:1rem;text-shadow:none;} .slider-holder .slider .slider-item .caption a:target, .slider-holder .slider .slider-item .caption a:active, .slider-holder .slider .slider-item .caption a:focus{border-color:transparent;-webkit-transform:translate3d(0, 4px, 0);-khtml-transform:translate3d(0, 4px, 0);-moz-transform:translate3d(0, 4px, 0);-ms-transform:translate3d(0, 4px, 0);-o-transform:translate3d(0, 4px, 0);transform:translate3d(0, 4px, 0);box-shadow:0 0 0 transparent;} .slider-holder .slider .slider-item img{min-width:100%;min-height:100%;width:100%;object-fit:cover;} .slider-holder .slider .slider-item.show{opacity:1;visibility:visible;-webkit-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);-khtml-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);-moz-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);-ms-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);-o-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);} .slider-holder #slider-item-1{background:url(../../4_images/conseil-fiscal-impot.jpg) 50% 10%/cover;} .slider-holder #slider-item-2{background:url(../../4_images/conseil-immobiler.jpg) 50% 15%/cover;} .slider-holder #slider-item-2 .caption{text-align:right;} .slider-holder #slider-item-3{background:url(../../4_images/declaration.jpg) 50% 50%/cover;} .slider-holder #slider-item-3 .caption{text-align:right;} .slider-holder #slider-item-4{background:url(../../4_images/conseil-slide4.jpg) 50% 50%/cover;} .slider-holder .slider-nav-btn{position:absolute;z-index:2;padding:10px 20px;width:auto;display:block;font-size:14px;background-color:transparent;color:white;opacity:.6;cursor:pointer;-webkit-transition:all 0.2s;-khtml-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;} .slider-holder .slider-nav-btn:hover{opacity:1;-webkit-transition:all 0.2s;-khtml-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;} .slider-holder .slider-nav-btn.go-prev, .slider-holder .slider-nav-btn.go-next{top:50%;font-size:48px;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);} .slider-holder .slider-nav-btn.go-next{right:0;} .slider-holder .slider-nav-btn.start-autoplay, .slider-holder .slider-nav-btn.stop-autoplay{bottom:0;left:30px;padding:10px;display:none;} .slider-holder .slider-nav-btn.start-autoplay{left:0px;} .residence-card{background:#fff;overflow:hidden;position:relative;width:48.485%;border-radius:5px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.27);display:inline-block;-webkit-transition:all 0.1s ease-out;-khtml-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;vertical-align:top;} .residence-card:hover{box-shadow:0 10px 20px rgba(0, 0, 0, 0.15);} .residence-card .thumb-card{overflow:hidden;height:180px;} .residence-card .thumb-card img{min-height:100%;min-width:100%;height:100%;} .residence-card .thumb-card .title-card{position:absolute;z-index:1;color:#fff;font-size:18px;text-shadow:0 0 5px rgba(0, 0, 0, 0.5);bottom:75px;left:25px;right:25px;} .residence-card .footer-card{padding:15px 25px;font-weight:600;color:#458CFF;} .video-play-button{cursor:pointer;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border:0;position:absolute;z-index:10;top:38%;left:50%;-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-sizing:content-box;display:block;width:32px;height:44px;border-radius:50%;padding:18px 20px 18px 28px;} .video-play-button::before{content:"";position:absolute;z-index:0;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:block;width:80px;height:80px;background:#fff;border-radius:40px;-webkit-animation:pulse-border 1500ms ease-out infinite;-khtml-animation:pulse-border 1500ms ease-out infinite;-moz-animation:pulse-border 1500ms ease-out infinite;-ms-animation:pulse-border 1500ms ease-out infinite;-o-animation:pulse-border 1500ms ease-out infinite;animation:pulse-border 1500ms ease-out infinite;} .video-play-button::after{content:"";position:absolute;z-index:1;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:block;width:80px;height:80px;background:rg;border-radius:40px;-webkit-transition:all 200ms;-khtml-transition:all 200ms;-moz-transition:all 200ms;-ms-transition:all 200ms;-o-transition:all 200ms;transition:all 200ms;} #play-csoft::after,#play-csoft::before{top:100%;} #conseil .video-play-button:hover:after{background-color:#458CFF;} #conseil .video-play-button:hover:after{background-color:#458CFF;} #gestion .video-play-button:hover:after{background-color:#FF7345;} #gestion .video-play-button:after{background-color:#FF7345;} #conseil .video-play-button img{position:relative;z-index:3;max-width:100%;width:auto;height:auto;} #conseil .video-play-button span{display:block;position:relative;z-index:3;width:0;height:0;border-left:32px solid #fff;border-top:22px solid transparent;border-bottom:22px solid transparent;} #gestion .video-play-button span{display:block;position:relative;z-index:3;width:0;height:0;border-left:32px solid #fff;border-top:22px solid transparent;border-bottom:22px solid transparent;} #form-container h1, #form-container h2{font-weight:700;color:#FFF;font-size:2.5em;margin:0;padding:0 20px;} .form-contact-overlay{height:100%;top:0;left:0;right:0;bottom:0;position:fixed;opacity:0;visibility:hidden;z-index:1001;backface-visibility:hidden;background:black;} #form-container{z-index:1;cursor:pointer;color:#FFF;position:absolute;left:50%;top:490px;-webkit-transform:translate3d(-50%, -50%, 0);-khtml-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-o-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);background-color:#458CFF;overflow:hidden;border-radius:50%;width:100px;max-width:100px;height:100px;text-align:center;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);-webkit-transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1);-khtml-transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1);-ms-transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1);} #form-container i.fa-envelope{font-size:28px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} #form-container.expand{z-index:1002;position:fixed;top:50%;-webkit-transform:translate3d(-50%, -50%, 0);-khtml-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-o-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);cursor:auto;box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 20px rgba(0, 0, 0, 0.4);border-radius:3px;width:70%;height:645px;max-width:610px;padding:0;-webkit-transition:all 0.2s, max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, height 0.3s ease 0.25s;transition:max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, height 0.3s ease 0.25s;} #form-container.expand .icon:before{cursor:pointer;font-size:30px;line-height:60px;display:block;-webkit-transition:all 0.7s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.7s cubic-bezier(0.4, 0, 0.2, 1);} #form-close{cursor:pointer;position:absolute;right:20px;z-index:1;} #joinus{cursor:pointer} #joinus:hover > .fa-envelope::before{-webkit-animation:wiggle 0.1s linear infinite;animation:wiggle 0.1s ease-in-out infinite;} .fa-envelope::before{display:block;} .fa-close::before{display:visible;} .expand.fa-envelope::before{display:none;} .expand.fa-close::before{display:block;-webkit-animation:none;animation:none;} .expand #form-content{padding-top:38px;opacity:1;} #form-content{width:100%;opacity:0;text-align:left;} #form-content form{color:#FFF;width:100%;height:100%;padding:0 20px 20px 20px;margin-bottom:10px;box-sizing:border-box;text-align:left;} #form-head{font-size:100%;padding:0;margin:0 20px;color:#FFF;text-align:center;-webkit-transition:all 0.8s 0.6s;transition:all 0.8s 0.6s;} #form-head h1{padding:0;margin:0;} #form-head p{padding:0;margin:0 0 26px;} #form-head .pre{display:block;} #form-head .post{display:none;} .form-submitted #form-content{background-color:#00c955;-webkit-transition:background 0.6s;-khtml-transition:background 0.6s;-moz-transition:background 0.6s;-ms-transition:background 0.6s;-o-transition:background 0.6s;transition:background 0.6s;} .form-submitted#form-head{-webkit-transform:translateY(200%);-khtml-transform:translateY(200%);-moz-transform:translateY(200%);-ms-transform:translateY(200%);-o-transform:translateY(200%);transform:translateY(200%);} .form-submitted#form-head .pre{display:none;} .form-submitted#form-head .post{display:block;} .input{background:rgba(0, 0, 0, 0.2);display:block;height:50px;width:100%;margin:10px 0;padding:0 15px;border-width:0;box-sizing:border-box;border:none;outline:none;box-shadow:none;-webkit-transform:translateX(0);-khtml-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);} ::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.8);font-size:100%;} #form-container:-moz-placeholder{color:rgba(255, 255, 255, 0.8);font-size:100%;} #form-container::-moz-placeholder{color:rgba(255, 255, 255, 0.8);font-size:100%;} #form-container:-ms-input-placeholder{color:rgba(255, 255, 255, 0.8);font-size:100%;} #form-container::-ms-input-placeholder{color:rgba(255, 255, 255, 0.8);font-size:100%;} #form-container:placeholder-shown{color:rgba(255, 255, 255, 0.8);font-size:100%;} .input, .select{color:#FFF;border-radius:3px;} .input.message{resize:none;height:150px;padding:15px;} .input.submit{cursor:pointer;background-color:#FFF;color:#458CFF;font-weight:600;font-size:120%;height:80px;border-radius:3px;box-shadow:0 5px rgba(255, 255, 255, 0.5);-webkit-transition:all 0.1s, -webkit-transform 0s 0.6s;transition:all 0.1s, -webkit-transform 0s 0.6s;transition:all 0.1s, transform 0s 0.6s;transition:all 0.1s, transform 0s 0.6s, -webkit-transform 0s 0.6s;} .input.submit:active{margin-top:15px;box-shadow:0 0 rgba(0, 0, 0, 0.5);} .input.form-error{-webkit-animation:error 0.8s ease;animation:error 0.8s ease;background:rgba(0, 0, 0, 0.7);} select option{background:#3770CC;color:#FFF;border:none;box-shadow:none;appearance:none;outline:none;padding:6px 15px;} select option:nth-child(1){font-style:italic;color:rgba(255, 255, 255, 0.25) !important;font-size:100%;} .input{-webkit-transition:-webkit-transform 0s 1s;transition:-webkit-transform 0s 1s;transition:transform 0s 1s;transition:transform 0s 1s, -webkit-transform 0s 1s;} .form-submitted .input{-webkit-transform:translateX(150%);transform:translateX(150%);opacity:0;-webkit-transition:all 0.5s, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;transition:all 0.5s, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;transition:all 0.5s, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;transition:all 0.5s, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;} .form-submitted .input:nth-child(1){-webkit-transition-delay:0.1s;transition-delay:0.1s;} .form-submitted .input:nth-child(2){-webkit-transition-delay:0.2s;transition-delay:0.2s;} .form-submitted .input:nth-child(3){-webkit-transition-delay:0.3s;transition-delay:0.3s;} .form-submitted .input:nth-child(4){-webkit-transition-delay:0.4s;transition-delay:0.4s;} .form-submitted .input:nth-child(5){-webkit-transition-delay:0.5s;transition-delay:0.5s;} input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #FFF inset;} section.accordion{position:fixed;top:65px;width:100%;height:auto;z-index:98;} section.accordion .close{display:none;} section.accordion .acc-input{display:none;} section.accordion label.acc-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;display:block;padding:0 25px;height:45px;cursor:pointer;color:white;line-height:45px;font-size:16px;background-color:#242424;box-shadow:0 1px 2px rgba(0, 0, 0, 0.27);border-top:1px solid #2b2b2b;text-transform:uppercase;-webkit-transition:margin 0.3s ease-in-out;-khtml-transition:margin 0.3s ease-in-out;-moz-transition:margin 0.3s ease-in-out;-ms-transition:margin 0.3s ease-in-out;-o-transition:margin 0.3s ease-in-out;transition:margin 0.3s ease-in-out;} section.accordion label.acc-label:hover{background-color:#2b2b2b;} #conseil, #gestion, #financement, #bureaux{width:100%;max-height:0;position:fixed;overflow:hidden;overflow-y:auto;background-color:#f7f7f7;} #conseil{top:110px;} #gestion{top:155px;} #financement{top:200px;} #bureaux{top:245px;} #input-conseil:checked ~ label[for='input-conseil'],#input-gestion:checked ~ label[for='input-gestion'],#input-financement:checked ~ label[for='input-financement'],#input-bureaux:checked ~ label[for='input-bureaux']{background-color:#2b2b2b;box-shadow:0 2px 3px rgba(0, 0, 0, 0.3);} #input-conseil:checked ~ #conseil, #input-gestion:checked ~ #gestion, #input-financement:checked ~ #financement, #input-bureaux:checked ~ #bureaux{bottom:0;height:auto;max-height:100%;-webkit-transition:max-height 0.4s cubic-bezier(0.42, 0, 0.22, 1);-khtml-transition:max-height 0.4s cubic-bezier(0.42, 0, 0.22, 1);-moz-transition:max-height 0.4s cubic-bezier(0.42, 0, 0.22, 1);-ms-transition:max-height 0.4s cubic-bezier(0.42, 0, 0.22, 1);-o-transition:max-height 0.4s cubic-bezier(0.42, 0, 0.22, 1);transition:max-height 0.4s cubic-bezier(0.42, 0, 0.22, 1);} #input-conseil:checked ~ label[for='input-conseil']{z-index:7;} #input-conseil:checked ~ #conseil{z-index:6;} #input-gestion:checked ~ label[for='input-gestion']{z-index:5;} #input-gestion:checked ~ #gestion{z-index:4;} #input-financement:checked ~ label[for='input-financement']{z-index:3;} #input-financement:checked ~ #financement{z-index:2;} #input-bureaux:checked ~ label[for='input-bureaux']{z-index:1;} #input-bureaux:checked ~ #bureaux{z-index:0;} .tab-container{position:relative;background-color:#fff;height:850px;width:100%;margin-bottom:2.5rem;} .tab-container input.input-menu{display:none;} .tab-container label.input-menu{width:33.35%;float:left;position:absolute;display:block;text-align:center;font-size:0.9rem;text-transform:uppercase;line-height:60px;height:60px;font-weight:600;cursor:pointer;color:#999;border:none;background-color:white;overflow:hidden;box-shadow:0 0 0 transparent;} .tab-container label.input-menu:before{content:"";display:block;position:absolute;border-radius:100%;left:50%;top:50%;width:0;padding-top:0;background-color:rgba(69, 140, 255, 0.33);-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .tab-container label.input-menu:after{content:"";display:block;position:absolute;height:3px;background-color:#458CFF;width:0;right:0;bottom:0;z-index:3;-webkit-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-khtml-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-moz-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-ms-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-o-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;} .tab-container label.input-menu:hover{color:#458CFF;background-color:white;box-shadow:0 0 0 transparent;-webkit-transition:width cubic-bezier(0.42, 0, 0.22, 1) 0.6s;-khtml-transition:width cubic-bezier(0.42, 0, 0.22, 1) 0.6s;-moz-transition:width cubic-bezier(0.42, 0, 0.22, 1) 0.6s;-ms-transition:width cubic-bezier(0.42, 0, 0.22, 1) 0.6s;-o-transition:width cubic-bezier(0.42, 0, 0.22, 1) 0.6s;transition:width cubic-bezier(0.42, 0, 0.22, 1) 0.6s;-webkit-transition:color cubic-bezier(0.42, 0, 0.22, 1) 0.1s;-khtml-transition:color cubic-bezier(0.42, 0, 0.22, 1) 0.1s;-moz-transition:color cubic-bezier(0.42, 0, 0.22, 1) 0.1s;-ms-transition:color cubic-bezier(0.42, 0, 0.22, 1) 0.1s;-o-transition:color cubic-bezier(0.42, 0, 0.22, 1) 0.1s;transition:color cubic-bezier(0.42, 0, 0.22, 1) 0.1s;} .tab-container label.input-menu:first-of-type{left:0;} .tab-container label.input-menu:nth-last-of-type(2){left:33.33%;} .tab-container label.input-menu:last-of-type{left:66.66%;} .tab-container input[type='radio']:checked + label{color:#458CFF;} .tab-container input[type='radio']:checked + label:after{left:0;right:0;width:100%;} .tab-container input[type='radio']:checked + label:before{animation:ripple 0.6s cubic-bezier(0.55, 0, 0.1, 1);} .tab-container #defisc:checked ~ .defisc{opacity:1;visibility:visible;backface-visibility:hidden;-webkit-transition:all ease-out 0.3s 0.3s;-khtml-transition:all ease-out 0.3s 0.3s;-moz-transition:all ease-out 0.3s 0.3s;-ms-transition:all ease-out 0.3s 0.3s;-o-transition:all ease-out 0.3s 0.3s;transition:all ease-out 0.3s 0.3s;} .tab-container #audit:checked ~ .audit{opacity:1;visibility:visible;backface-visibility:hidden;-webkit-transition:all ease-out 0.3s 0.3s;-khtml-transition:all ease-out 0.3s 0.3s;-moz-transition:all ease-out 0.3s 0.3s;-ms-transition:all ease-out 0.3s 0.3s;-o-transition:all ease-out 0.3s 0.3s;transition:all ease-out 0.3s 0.3s;} .tab-container #declaration:checked ~ .declaration{opacity:1;visibility:visible;backface-visibility:hidden;-webkit-transition:all ease-out 0.3s 0.3s;-khtml-transition:all ease-out 0.3s 0.3s;-moz-transition:all ease-out 0.3s 0.3s;-ms-transition:all ease-out 0.3s 0.3s;-o-transition:all ease-out 0.3s 0.3s;transition:all ease-out 0.3s 0.3s;} .tab-container .defisc, .tab-container .audit, .tab-container .declaration{width:100%;position:absolute;top:60px;left:0;bottom:0;opacity:0;visibility:hidden;backface-visibility:hidden;-webkit-transition:all ease-out 0.3s;-khtml-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s;transition:all ease-out 0.3s;} .defisc-slider .prev, .defisc-slider .next{position:absolute;top:100px;z-index:2;padding:10px 20px;width:auto;display:block;font-size:48px;background-color:transparent;color:white;text-shadow:0 2px 4px rgba(0, 0, 0, 0.37);cursor:pointer;-webkit-transition:all 0.2s;-khtml-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;} .defisc-slider .next{right:0;} .defisc-slider .slide{width:100%;height:100%;position:absolute;left:0;visibility:hidden;opacity:0;} .defisc-slider .slide .slide-thumb{position:absolute;top:0;left:0;width:100%;height:180px;overflow:hidden;} .defisc-slider .slide .slide-thumb .title{width: 100%; text-align: center;z-index:1;font-weight:bold;font-size:2.25rem;color:white;text-shadow:0 2px 4px rgba(0, 0, 0, 0.37);position:absolute;bottom:20px;} .defisc-slider .slide .slide-thumb:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:black;background:-webkit-linear-gradient(bottom, black 0%, transparent 50%);background:linear-gradient(to top, black 0%, transparent 50%);opacity:.5;} .defisc-slider .slide:first-of-type .slide-thumb{;background-size:cover;} .defisc-slider .slide:nth-of-type(2) .slide-thumb{background-size:cover;background-position:50% 25%;} .defisc-slider .slide:last-of-type .slide-thumb{background-size:cover;background-position:50% 25%;} .defisc-slider .slide .slide-text{display:block;position:absolute;left:0;right:0;top:180px;bottom:60px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);-webkit-transition:all ease-out 0.3s;-khtml-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s;transition:all ease-out 0.3s;overflow:hidden;overflow-y:auto;padding:30px;font-weight:300;color:#454545;} .defisc-slider .slide .slide-text strong{font-weight:500;} .defisc-slider .slide .slide-text a{color:#458CFF;} .defisc-slider .slide .slide-text:hover{box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);} .defisc-slider .slide .slide-footer{position:absolute;left:0;right:0;bottom:0;height:60px;text-align:right;} .defisc-slider .slide .slide-footer a{line-height:60px;padding:0 25px;font-weight:600;color:#888;overflow:hidden;position:relative;display:inline-block;text-transform:uppercase;} .defisc-slider .slide .slide-footer a:before{content:"";display:block;position:absolute;border-radius:100%;left:50%;top:50%;width:0;padding-top:0;background-color:rgba(69, 140, 255, 0.33);-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .defisc-slider .slide .slide-footer a:hover{color:#458CFF;} .defisc-slider .slide .slide-footer a:hover:before{animation:ripple 0.6s cubic-bezier(0.55, 0, 0.1, 1);} .defisc-slider .slide .slide-footer a i{margin-right:5px;} .defisc-slider .slide.show{opacity:1;visibility:visible;-webkit-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);-khtml-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);-moz-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);-ms-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);-o-transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);transition:all 0.3s cubic-bezier(0.42, 0, 0.22, 1);} .tab .tab-thumb{position:absolute;height:180px;top:0;left:0;width:100%;} .tab .tab-text{position:absolute;bottom:60px;top:180px;left:0;width:100%;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);overflow:hidden;overflow-y:auto;padding:30px;font-weight:300;color:#454545;-webkit-transition:all 0.2s ease-out;-khtml-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .tab .tab-text strong{font-weight:500;} .tab .tab-text a{color:#458CFF;} .tab .tab-text:hover{box-shadow:0 5px 10px rgba(0, 0, 0, 0.07);} .tab .tab-footer{position:absolute;left:0;right:0;bottom:0;height:60px;text-align:right;} .tab .tab-footer a{line-height:60px;padding:0 25px;font-weight:600;color:#888;overflow:hidden;position:relative;display:inline-block;text-transform:uppercase;} .tab .tab-footer a:before{content:"";display:block;position:absolute;border-radius:100%;left:50%;top:50%;width:0;padding-top:0;background-color:rgba(69, 140, 255, 0.33);-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .tab .tab-footer a:hover{color:#458CFF;} .tab .tab-footer a:hover:before{animation:ripple 0.6s cubic-bezier(0.55, 0, 0.1, 1);} .tab .tab-footer a i{margin-right:5px;} .audit .tab-thumb{background-size:cover;background-position:50% 25%;} .declaration .tab-thumb{background-size:cover;background-position:50% 25%;} .call-center{min-height:100px;height:auto;margin-bottom:20px;} .call-center .thumb{;background-size:cover;background-position:50% 25%;position:absolute;top:0;left:0;width:120px;bottom:0;} .call-center .text{margin-left:120px;padding:15px 20px;} .call-center .text h3{font-size:1.1rem;font-weight:600;color:#333;} .call-center .text a{font-size:18px;color:#458CFF;margin-top:5px;display:inline-block;letter-spacing:-0.5px;} .call-center .text a i{margin-right:7px;} .simulateur{padding:15px 20px 25px;text-align:center;margin-bottom:25px;} .simulateur h3{text-align:center;font-size:1.5rem;margin-bottom:0.5rem;font-weight:600;color:#333;text-transform:uppercase;} .simulateur h3 i{margin-right:7px;} .simulateur p{color:#454545;margin-bottom:10px;} .simulateur a{display:inline-block;padding:15px 25px;} .news h3{text-align:center;font-size:1.5rem;margin:15px 0;font-weight:600;color:#333;text-transform:uppercase;} .news h3 i{margin-right:7px;} .news ul li{padding:15px 20px;border-top:1px solid #eee;cursor:pointer;position:relative;overflow:hidden;} .news ul li .titre-news{font-weight:600;font-weight:'Raleway';color:#454545;-webkit-transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1);-khtml-transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1);-moz-transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1);-ms-transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1);-o-transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1);transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1);} .news ul li .date-news{font-size:12px;color:#616161;} .news ul li:before{content:"";display:block;position:absolute;border-radius:100%;left:50%;top:50%;width:0;padding-top:0;background-color:rgba(0, 0, 0, 0.03);-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .news ul li:hover .titre-news{color:#458CFF;} .news ul li:hover:before{animation:ripple .4s ease-out;} .contact{margin:25px 0;height:auto;} .contact h3{text-align:center;font-size:1.5rem;margin:1.5rem 0 1rem;font-weight:600;color:#333;text-transform:uppercase;} .contact h3 i{margin-right:7px;} .contact form{width:100%;padding:0 25px;position:relative;margin-bottom:25px;} .contact form fieldset{display:inline-block;width:48.5%;margin:0;float:left;position:relative;} .contact form fieldset:nth-of-type(2n+1){margin-right:3%;} .contact form fieldset.full{width:100%;margin:0;} .contact form fieldset label{display:block;width:100%;font-weight:600;color:#646464;font-size:14px;margin-top:8px;margin-left:3px} .contact form fieldset input, .contact form fieldset textarea{width:100%;padding:15px;margin-top:5px;resize:none;border:1px solid #ddd;border-radius: 5px;font-family: 'Roboto';} .contact form fieldset input:hover, .contact form fieldset input:focus, .contact form fieldset textarea:hover, .contact form fieldset textarea:focus{border-color:#458CFF;} .contact form .btn-3d{padding:15px 25px;width:40%;margin-top:10px;} .contact form .btn-3d:focus, .contact form .btn-3d:active, .contact form .btn-3d:target{border-color:transparent;margin:10px 0 0;} .gestion .main-content{width:auto;margin-right:35%;height:auto;padding-right:30px;display:inline-block;position:relative;} .gestion .main-content h2{font-size:1.5rem;margin-bottom:0.5rem;font-weight:600;color:#333;} .gestion .main-content p{color:#454545;margin-bottom:10px;} .gestion .main-content li{margin:0.5em 0;font-weight:600;color:#454545;} .gestion .aside-content{height:100%;width:35%;position:absolute;top:0;left:0;display:block;} .gestion .call-center .thumb{background-image:url(../../4_images/center-call.jpg);} .gestion .call-center .text a{color:#FF7345;} .gestion .devis{padding:15px 20px 25px;text-align:center;margin-bottom:25px;} .gestion .devis h3{text-align:center;font-size:1.5rem;margin-bottom:0.5rem;margin-top:1.5rem;font-weight:600;color:#333;text-transform:uppercase;} .gestion .devis h3 i{margin-right:7px;} .gestion .devis p{color:#454545;margin-bottom:10px;} .gestion .devis a{display:inline-block;padding:15px 25px;} .gestion .contact form fieldset input:focus, .gestion .contact form fieldset input:hover, .gestion .contact form fieldset textarea:hover, .gestion .contact form fieldset textarea:focus{border-color:#FF7345;} .gestion .compta-header{height:450px;position:relative;width:100%;background-image:url(../../4_images/juridique.jpg);background-size:cover;background-position:50% 60%;} .gestion .wrapper{position:absolute;left:10%;right:10%;height:auto;top:50%;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);} .gestion .caption{color:white;text-shadow:0 2px 3px rgba(0, 0, 0, 0.37);} .gestion .caption span{display:block;overflow:hidden;} .gestion .caption span.number{display:inline;} .gestion .caption .title, .gestion .caption h2{display:block;font-size:2.5rem;text-transform:uppercase;letter-spacing:-0.075rem;font-weight:bold;} .gestion .caption .sub-caption{max-width:95rem;width:auto;display:block;font-size:1.8rem;margin:0.1rem 0;letter-spacing:-.5px;font-weight:600;} .gestion .subscribe{position:absolute;right:0;top:0;color:white;text-align:center;font-weight:600;text-shadow:0 2px 3px rgba(0, 0, 0, 0.37);} .gestion .subscribe span{display:block;overflow:hidden;} .gestion .subscribe .small, .gestion .subscribe .number{display:inline;} .gestion .subscribe .xsmall-text{font-weight:300;} .gestion .subscribe .number{font-size:2.5rem;letter-spacing:-0.075rem;font-weight:bold;} .gestion .subscribe .btn-3d{padding:15px 25px;margin:10px 0;} .gestion .subscribe a{font-size:18px;font-weight:600;margin-top:15px;display:inline-block;} .gestion .subscribe a i{margin-right:8px;} .gestion .Small_Card{position:relative;display:inline-block;overflow:hidden;background-color:#fff;border-radius:2px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.27);-webkit-transition:all 0.1s ease-out;-khtml-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;width:48%;margin-bottom:25px;} .gestion .Small_Card:nth-of-type(2n+1){margin-right:3%;} .gestion .Small_Card:hover{box-shadow:0 10px 20px rgba(0, 0, 0, 0.15);} .gestion .Small_Card:hover .Small_Card_thumb h3{opacity:1;} .gestion .Small_Card:hover .Small_Card_thumb img{opacity:0.6;transform:scale(1.05);} .gestion .Small_Card a{color:inherit;text-decoration:none;} .gestion .Small_Card img{display:block;opacity:1;transition:opacity cubic-bezier(0.35, 1, 0.65, 0.99) 0.5s, transform cubic-bezier(0.35, 1, 0.65, 0.99) 0.5s;transform:scale(1);width:101%;height:auto;transform-origin:center;} .gestion .Small_Card_thumb{height:240px;overflow:hidden;background-color:#000;transition:height cubic-bezier(0.35, 1, 0.65, 0.99) 0.5s;} .gestion .Small_Card_thumb h3{position:absolute;text-align:center;top:40%;transform:translateY(-40%);left:35px;right:35px;color:#fff;text-shadow:0 2px 10px rgba(0, 0, 0, 0.8);font-weight:600;opacity:0;transition:opacity ease-in-out 0.3s;} .gestion .Small_Card__subtitle{margin:0 16px;padding:0;font-size:18px;font-weight:400;color:#FF7345;} .gestion .Small_Card__footer{position:absolute;bottom:0px;left:0px;right:0px;padding:16px 0px 16px 0px;background-color:#fff;font-size:11px;} .gestion .compta-soft-wrapper{width:100%;height:auto;display:inline-block;position:relative;} .gestion .compta-soft-text{position:relative;display:block;width:auto;text-align:center;margin:25px 50% 0 0;padding-right:15px;} .gestion .compta-soft-text strong{font-weight:bold;} .gestion .compta-soft-text h3{text-align:center;font-size:1.5rem;margin-bottom:0.5rem;font-weight:600;color:#333;text-transform:uppercase;} .gestion .compta-soft-text h3 i{margin-right:7px;} .gestion .compta-soft-text p{color:#454545;margin-bottom:10px;} .gestion .compta-soft-text .btn-3d{width:250px;margin-top:20px;} .gestion .compta-soft-text .os i{color:#999;font-size:28px;margin-top:15px;padding:10px;} .gestion .compta-soft-png{position:absolute;right:0;top:0;bottom:0;left:50%;background-image:url(../../4_images/2.png);background-size:95%;background-repeat:no-repeat;background-position:50% 50%;} .financement .financement-header{position:relative;width:100%;background:url(http://pkconsulting.fr/images/Financement-bg.jpg) 50% 75%/cover no-repeat fixed;height:300px;} .financement .financement-header span.caption{position: absolute;color:#fff;text-align: center; top: 45%;left: 50%;-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width: 100%;max-width: 1400px;} .financement .financement-header span.caption h2{font-weight: bold;font-size: 38px;text-transform: uppercase;margin-bottom: 5px;} .financement .financement-header span.caption p{text-transform: uppercase; letter-spacing: 0.15em;font-size: 21px;} .financement .financement-header span.caption a.btn-3d{display: inline-block;padding: 0 25px; line-height: 50px;margin-top: 10px;background-color: #3FCAB3; } .financement .financement-taux-section{left:50%;position:absolute;top:-60px;-webkit-transform:translateX(-50%);-khtml-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:62.5%;height:120px;background:#EFEFEF;position:absolute;padding:10px;} .financement .main-content{width:65%;height:100%;padding-right:30px;display:block;position:absolute;} .financement .main-content h2{font-size:1.5rem;margin-bottom:0.5rem;margin-top:2rem;font-weight:600;color:#333;} .financement .text-wrapper{position:relative;width:100%;display:inline-block;margin-bottom:25px;min-height:150px;} .financement .text-wrapper p{margin-right:300px;display:inline-block;padding-right:15px;} .financement .call-center{margin-top:50px;margin-bottom:25px;} .financement .call-center .thumb{background-image:url(../../4_images/call-center3.jpg);} .financement .call-center .text a{color:#3FCAB3;} .financement .pret, .financement .pret-perso, .financement .pret-immo, .financement .pret-vehicule{padding:15px 20px 25px;text-align:center;margin-bottom:25px;} .financement .pret h2, .financement .pret-perso h2, .financement .pret-immo h2, .financement .pret-vehicule h2{text-align:center;font-size:1.5rem;margin-bottom:0.5rem;margin-top:1.5rem;font-weight:600;color:#333;text-transform:uppercase;} .financement .pret h2 i, .financement .pret-perso h2 i, .financement .pret-immo h2 i, .financement .pret-vehicule h2 i{margin-right:7px;} .financement .pret p, .financement .pret .sub-title, .financement .pret-perso p, .financement .pret-perso .sub-title, .financement .pret-immo p, .financement .pret-immo .sub-title, .financement .pret-vehicule p, .financement .pret-vehicule .sub-title{color:#454545;margin-bottom:10px;} .financement .pret a, .financement .pret button, .financement .pret-perso a, .financement .pret-perso button, .financement .pret-immo a, .financement .pret-immo button, .financement .pret-vehicule a, .financement .pret-vehicule button{display:inline-block;padding:20px 25px;margin-top:10px;cursor:pointer;} .financement .pret a i, .financement .pret button i, .financement .pret-perso a i, .financement .pret-perso button i, .financement .pret-immo a i, .financement .pret-immo button i, .financement .pret-vehicule a i, .financement .pret-vehicule button i{margin-right:8px;} .financement .aside-content{height:auto;width:auto;position:relative;display:inline-block;} .financement .residence-wrapper{position:relative;width:100%;} .financement .residence-card .footer-card{color:#3FCAB3;} .financement .financement-box{position:relative;display:inline-block;width:17%;margin-right:0.5em;height:100%;text-align:center;} .financement .financement-box .label-box{position:relative;background-color:#353535;height:40px;line-height:40px;color:#fff;font-size:18px;font-weight:600;} .financement .financement-box .taux-box{position:relative;background-color:#fff;height:60px;line-height:60px;font-size:28px;color:#78D0C7;font-weight:800;} .financement .financement-box-btn{position:absolute;top:-15px;padding:15px 15px 15px 15px;right:10px;width:25.5%;bottom:-15px;background:#42d2c4;background:-webkit-linear-gradient(top, #42d2c4 0%, #0ba091 51%, #009485 53%, #00876c 100%);background:linear-gradient(to bottom, #42d2c4 0%, #0ba091 51%, #009485 53%, #00876c 100%);border:0;color:#fff;font-size:18px;overflow:hidden;transition:all .3s ease;cursor:pointer;} .financement .financement-box-btn:hover{padding:15px 50px 15px 15px;} .financement .financement-box-btn:hover i{right:15px;opacity:1;} .financement .financement-box-btn i{position:absolute;top:50%;transform:translateY(-50%);right:-40px;font-size:36px;opacity:0;transition:all ease .3s;} .financement .thumb-video{position:absolute;top:0;bottom:0;right:0;width:290px;overflow:hidden;border-radius: 5px;} .financement .thumb-video img{min-width:100%;min-height:100%;height:100%;} .financement .video-play-button{position:absolute;z-index:10;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);-khtml-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-o-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);box-sizing:content-box;display:block;width:25px;height:25px;border-radius:50%;padding:18px 20px 18px 28px;} .financement .video-play-button img{position:relative;z-index:3;max-width:100%;width:auto;height:auto;} .financement .video-play-button span{display:block;position:relative;z-index:3;width:0;height:0;border-left:20px solid #fff;border-top:15px solid transparent;border-bottom:15px solid transparent;} .financement .video-play-button:hover:after{background-color:#3FCAB3;} .financement .video-play-button:before, .financement .video-play-button:after{content:"";position:absolute;z-index:0;left:50%;top:50%;-webkit-transform:translate3d(-50%, -50%, 0);-khtml-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-o-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);display:block;width:80px;height:80px;background:#fff;border-radius:40px;} .financement .video-play-button:before{-webkit-animation:pulse-border 1500ms ease-out infinite;-khtml-animation:pulse-border 1500ms ease-out infinite;-moz-animation:pulse-border 1500ms ease-out infinite;-ms-animation:pulse-border 1500ms ease-out infinite;-o-animation:pulse-border 1500ms ease-out infinite;animation:pulse-border 1500ms ease-out infinite;} .financement .video-play-button:after{-webkit-transition:all 200ms;-khtml-transition:all 200ms;-moz-transition:all 200ms;-ms-transition:all 200ms;-o-transition:all 200ms;transition:all 200ms;} #bureaux{background-color:#212121;} .bureaux .location{float:left;color:#fff;width:calc(40% - 25px);margin-right:25px;padding:50px 75px;} .bureaux .location .location-office{margin-bottom:2.5em;} .bureaux .location .location-office .location-title{font-size:24px;font-weight:600;margin-bottom:0.35em;} .bureaux .pic-section{float:left;width:60%;padding:50px 75px;} .bureaux .pic-section .location-pic{width:100%;margin-bottom:35px;height:120px;} .bureaux .pic-section .location-pic img{width:30%;height:100%;} .bureaux .pic-section .location-pic img:not(:last-child){margin-right:3%;} .bg{position:relative;width:100%;margin-top:241px;height:250px;overflow:hidden; background-position :100% 50%; background-repeat :no-repeat; background-size:cover ; } .bg .contact-bg{position:relative;text-shadow:0 1px 5px rgba(0, 0, 0, 0.6);} .bg .cache-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.17);} .bg .bg-logo{position:relative;width:380px;margin:0 auto;height:100px;z-index:1;} .bg .bg-text{position:relative;display:none;text-align:center;font-size:16px;color:#fff;width:100%;padding:0 15px;z-index:1;margin-bottom:5px;} .bg .bg-wrapper{position:absolute;width:100%;height:auto;text-align:center;text-shadow:0 2px 4px rgba(0, 0, 0, 0.37);color:white;z-index:1;top:42%;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);} .footer{position:relative;width:100%;height:550px;background:#181818;} .footer .column{width:33.33%;float:left;} .footer .column.left{text-align:left;} .footer .column.center{text-align:center;} .footer .column.right{text-align:right;} .footer .column .column-title{color:#458CFF;font-size:24px;font-weight:600;margin-bottom:15px;} .footer .column a{color:#555;display:block;padding:7px 0;} .footer .column a:hover{color:#fff;} .footer-link{position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:100%;padding:0 25px;margin-top:90px;} .inner_footer{position:fixed;bottom:0;height:45px;font-size:12px;width:100%;padding:0 25px;color:white;line-height:45px;background:#161616;} .social_link{display:inline-block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);} .social_link a{height:45px;padding:16px 15px;opacity:.3;cursor:pointer;-webkit-transition:opacity 300ms ease-in-out;-moz-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out;} .social_link a:hover{opacity:1;} .copyright{float:left;opacity:.3;-webkit-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out;} .copyright:hover{opacity:1;} .powered-Encorp{float:right;opacity:.3;-webkit-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out;} .powered-Encorp:hover{opacity:1 !important;} .flag-icon{float: left;margin-right: 10px;top:2px} #clip{ margin-left: 10px; left: 300px; position: absolute; line-height: 50px; } #clip::before{padding: 15px;} .acc-label:hover #clip:active,#clip.active{transform:rotate(45deg);} .acc-label:hover #clip,#clip.active{display:inline-block} #clip.active{color:#ed9017} .header .menu {width: auto} #conseil .video-play-button::after { background-color: #458CFF;} .financement .video-play-button::after { background-color: #3fcab3;} .location{cursor:pointer;} .metal_logo{position: relative;width: 200px;display: block;} .video-play-button i{ display: inline-block; z-index: 5; position: relative; color: #fff; top: 100%; left: 2%; font-size:35px } @media only screen and (max-width:1028px){ .header a.header-logo { display: block; left: 50%; padding: 5px 0; -khtml-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: fixed; z-index:9999; } } @media only screen and (max-width:1028px){ #clip{display:none!important} .mobile-menu{display:block;} .ShowMenu .mobile-menu{-webkit-transform:translate3d(0, 0, 0);-khtml-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} .nav-toggle{display:block;position:fixed;top:0;right:0;z-index:996;width:50px;height:50px;background-color:#1c1c1c;} .header{height:50px;} /*.header a.header-logo{display:none;}*/ .header a.header-logo h1{margin-top:0;min-height:100%;min-width:100%;height:100%;position:relative;} .header .menu{display:none;} .header .user{display:none;} .sub-header{top:0;height:65px;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.27);background-color:#212121;overflow:hidden;} .sub-header a{line-height:65px;opacity:1;padding:25px;-webkit-transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);-khtml-transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);-moz-transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);-ms-transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);-o-transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);transition:all 300ms cubic-bezier(0.55, 0, 0.1, 1);font-weight:600;position:relative;} .sub-header a:not(:last-child){border-right:none;} .sub-header a:after{display:none;} .sub-header a:before{content:"";display:block;position:absolute;border-radius:100%;left:50%;top:50%;width:0;padding-top:0;background-color:rgba(255, 255, 255, 0.7);-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .sub-header a.active{color:#458CFF;} .sub-header a:focus, .sub-header a:active{color:#458CFF;} .sub-header a:focus:before, .sub-header a:active:before{animation:ripple 0.4s cubic-bezier(0.55, 0, 0.1, 1);} .sub-header.nav-collapse{top:0;} } @media only screen and (max-width:640px){.sub-header{white-space:nowrap;overflow-x:auto;} .sub-header a:last-of-type{margin-right:60px;} } @media only screen and (max-width:320px){.header a.header-logo{left:50px !important;-webkit-transform:inherit !important;-khtml-transform:inherit !important;-moz-transform:inherit !important;-ms-transform:inherit !important;-o-transform:inherit !important;transform:inherit !important;} } @media only screen and (max-width:280px){.header a.header-logo{right:50px;} .header a.header-logo h1{width:100%;} } @-webkit-keyframes ripple{0%{width:0%;padding-top:0%;opacity:1;} 100%{width:120%;padding-top:120%;opacity:0;} } @-moz-keyframes ripple{0%{width:0%;padding-top:0%;opacity:1;} 100%{width:120%;padding-top:120%;opacity:0;} } @keyframes ripple{0%{width:0%;padding-top:0%;opacity:1;} 100%{width:120%;padding-top:120%;opacity:0;} } @media only screen and (max-width:1028px){.pic-section{float:left;width:60%;padding:50px 25px;} .bg{margin-top:65px;} .footer-link{padding:0 35px;} .option-open-button{display:none;} } @media only screen and (max-width:860px){.location{color:#fff;width:calc(45% - 25px);padding:50px 30px;} .location .location-office{margin-bottom:2.5em;} .location .location-office .location-title{font-size:24px;font-weight:600;margin-bottom:0.35em;} .pic-section{float:left;width:55%;padding:50px 25px;} } @media only screen and (max-width:680px){#form-container{width:75px;max-width:75px;height:75px;-webkit-transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1), right 0.2s cubic-bezier(0.4, 0, 0.2, 1);-khtml-transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1), right 0.2s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1), right 0.2s cubic-bezier(0.4, 0, 0.2, 1);-ms-transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1), right 0.2s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1), right 0.2s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1), right 0.2s cubic-bezier(0.4, 0, 0.2, 1);} #form-container i.fa-envelope{font-size:24px;} #form-container.expand{height:100%;width:100%;max-width:100%;overflow:initial;overflow-x:hidden;border-radius:0;box-shadow:none;-webkit-transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, width 0.2s cubic-bezier(0.4, 0, 0.2, 1), right 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;-khtml-transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, width 0.2s cubic-bezier(0.4, 0, 0.2, 1), right 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;-moz-transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, width 0.2s cubic-bezier(0.4, 0, 0.2, 1), right 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;-ms-transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, width 0.2s cubic-bezier(0.4, 0, 0.2, 1), right 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;-o-transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, width 0.2s cubic-bezier(0.4, 0, 0.2, 1), right 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;transition:all 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, width 0.2s cubic-bezier(0.4, 0, 0.2, 1), right 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;} #form-container h1{font-size:300%;} .icon:hover::before{-webkit-animation:none;animation:none;} .form-overlay{display:none;-webkit-transition:none;transition:none;} .video-overlay-close{position:absolute;z-index:1000;top:0;right:25px;font-size:75px;line-height:1;font-weight:100;color:#fff;text-decoration:none;cursor:pointer;-webkit-transition:all 200ms;transition:all 200ms;} .video-overlay-close:hover{color:#fa183d;} .video-overlay iframe{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);-khtml-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-o-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);width:100%;height:auto;min-height:62vh;box-shadow:0 0 15px rgba(0, 0, 0, 0.75);} .location{color:#fff;width:100%;padding:50px;text-align:center;} .location .location-office{margin-bottom:2.5em;} .location .location-office .location-title{font-size:24px;font-weight:600;margin-bottom:0.35em;} } @media only screen and (max-width:16500px){.horizontal-wrapper{max-width:1400px;} } @media only screen and (max-width:1440px){.horizontal-wrapper{max-width:1300px;} } @media only screen and (max-width:1368px){.horizontal-wrapper{max-width:1190px;} } @media only screen and (max-width:1280px){.horizontal-wrapper{max-width:1120px;} .financement .financement-taux-section{width:80%;} #video-displayer{width:75%;height:69.5%;} } @media only screen and (max-width:1028px){body{background:#181818;} #video-displayer{width:100%;height:57%;} #closeBtn{right:-10px;} .bg{margin-top:100px;} .bg .bg-text{display:inline-block;font-size:120%;font-weight:600;text-transform:uppercase;padding-bottom:5px;} .bg .contact-bg{font-size:16px;} .bg .bg-logo{display:none;} .bg .bg-cache{background:rgba(0, 0, 0, 0.3);} .bureaux .location, .bureaux .pic-section{width:100%;margin:0;padding:35px 0 0 3%;} .location-office, .bureaux .pic-section .location-pic{width:100%;text-align:center;display:block;padding: 25px 15px;} .bureaux .pic-section .location-pic img:not(:last-child){margin-right:0;} .bureaux .pic-section .location-pic img{display:inline-block;height:auto;width:100%;margin-bottom:15px;} .bureaux .pic-section .location-pic{height:auto;} .bureaux .location .location-office{margin-bottom:0px;} .tab-container{height:1000px;} .horizontal-wrapper{max-width:1028px;padding:0 20px;} .financement .financement-taux-section{width:95%;} .financement .financement-box{width:15%;} .financement .financement-box-btn{width:32%;} .main-content{width:100%;margin-right:0;padding-right:0px;height:auto;position:relative;top:inherit;right:inherit;left:inherit;margin:0;margin-bottom:25px;} .aside-content{margin-top:25px;width:100%;height:auto;position:relative;top:inherit;right:inherit;left:inherit;margin:0;} .gestion .main-content, .financement .main-content{width:100%;padding:0;height:auto;position:relative;top:inherit;right:inherit;left:inherit;margin:0;margin-bottom:25px;} .gestion .aside-content, .financement .aside-content{margin-top:25px;width:100%;height:auto;position:relative;top:inherit;right:inherit;left:inherit;margin:0;} .gestion .compta-soft-text{position:relative;display:block;width:100%;margin:0;padding:0;margin-top:350px;} .gestion .compta-soft-png{position:absolute;right:0;top:0;bottom:inherit;left:0;height:350px;background-size:60%;background-repeat:no-repeat;background-position:50% 50%;} .gestion .compta-header{height:300px;} .gestion .caption{text-align:center;} .gestion .caption h2{font-size:1.8rem;} .gestion .caption .sub-caption{display:none;} .gestion .subscribe{display:none;} section.accordion{position:fixed;top:50px;width:100%;height:auto;z-index:98;box-shadow:0 2px 3px rgba(0, 0, 0, 0.37);} section.accordion .acc-input{display:none;} section.accordion label.acc-label{z-index:97;position:absolute;padding:0 25px;overflow:hidden;height:50px;width:25%;display:inline-block;font-weight:600;letter-spacing:-0.5px;float:left;color:transparent;font-size:16px;background-color:#212121;border:0;border-right:1px solid #262626;} section.accordion label.acc-label:hover{background-color:#262626;} section.accordion label.acc-label:after{content:attr(data-name);position:absolute;display:block;color:white;top:50%;left:10px;right:10px;text-align:center;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);} section.accordion label.acc-label:before{position:fixed;top:52px;display:block;z-index:1;color:white;font-size:16px;visibility:hidden;opacity:0;-webkit-transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1);-khtml-transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1);-moz-transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1);-ms-transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1);-o-transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1);transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1);} label[for='input-conseil']{left:0;right:25%;z-index:99;} label[for='input-gestion']{left:25%;right:50%;z-index:99;} label[for='input-financement']{left:50%;right:75%;z-index:99;} label[for='input-bureaux']{left:75%;right:100%;z-index:99;} #input-conseil:checked ~ label[for='input-conseil'], #input-gestion:checked ~ label[for='input-gestion'], #input-financement:checked ~ label[for='input-financement'], #input-bureaux:checked ~ label[for='input-bureaux']{width:100%;z-index:100;left:0;right:0;-webkit-transition:all 0.4255s cubic-bezier(0.42, 0, 0.22, 1);-khtml-transition:all 0.4255s cubic-bezier(0.42, 0, 0.22, 1);-moz-transition:all 0.4255s cubic-bezier(0.42, 0, 0.22, 1);-ms-transition:all 0.4255s cubic-bezier(0.42, 0, 0.22, 1);-o-transition:all 0.4255s cubic-bezier(0.42, 0, 0.22, 1);transition:all 0.4255s cubic-bezier(0.42, 0, 0.22, 1);} #input-conseil:checked ~ label[for='input-conseil']:before, #input-gestion:checked ~ label[for='input-gestion']:before,#input-financement:checked ~ label[for='input-financement']:before,#input-bureaux:checked ~ label[for='input-bureaux']:before{visibility:visible;opacity:1;-webkit-transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1) 0.3s;-khtml-transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1) 0.3s;-moz-transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1) 0.3s;-ms-transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1) 0.3s;-o-transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1) 0.3s;transition:all 0.1s cubic-bezier(0.42, 0, 0.22, 1) 0.3s;} #input-conseil:checked ~ label[for='input-conseil'] i, #input-gestion:checked ~ label[for='input-gestion'] i{ left:22px; color: #fff; font-size: 24px; vertical-align: middle; position: absolute; line-height: 50px;} #input-financement:checked ~ label[for='input-financement'] i, #input-bureaux:checked ~ label[for='input-bureaux'] i{ right:22px; color: #fff; font-size: 24px; vertical-align: middle; position: absolute; line-height: 50px;} #conseil, #gestion, #financement, #bureaux{width:100%;top:100px;bottom:0px;box-shadow:0 0 0 transparent;max-height:inherit;position:fixed;overflow:hidden;overflow-y:auto;background-color:#f7f7f7;-webkit-transition:transform 0.4s cubic-bezier(0.42, 0, 0.22, 1);-khtml-transition:transform 0.4s cubic-bezier(0.42, 0, 0.22, 1);-moz-transition:transform 0.4s cubic-bezier(0.42, 0, 0.22, 1);-ms-transition:transform 0.4s cubic-bezier(0.42, 0, 0.22, 1);-o-transition:transform 0.4s cubic-bezier(0.42, 0, 0.22, 1);transition:transform 0.4s cubic-bezier(0.42, 0, 0.22, 1);} #bureaux{background-color:#212121;} #conseil, #gestion{-webkit-transform:translate3d(-100%, 0, 0);-khtml-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} #financement, #bureaux{-webkit-transform:translate3d(100%, 0, 0);-khtml-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} #input-conseil:checked ~ #conseil, #input-gestion:checked ~ #gestion, #input-financement:checked ~ #financement, #input-bureaux:checked ~ #bureaux{bottom:0px;height:inherit;max-height:inherit;-webkit-transform:translate3d(0, 0, 0);-khtml-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 0.4s cubic-bezier(0.42, 0, 0.22, 1);-khtml-transition:all 0.4s cubic-bezier(0.42, 0, 0.22, 1);-moz-transition:all 0.4s cubic-bezier(0.42, 0, 0.22, 1);-ms-transition:all 0.4s cubic-bezier(0.42, 0, 0.22, 1);-o-transition:all 0.4s cubic-bezier(0.42, 0, 0.22, 1);transition:all 0.4s cubic-bezier(0.42, 0, 0.22, 1);} .copyright{display:none;} .powered-Encorp{display:block;width:100%;text-align:center;top: -10px; position: relative;} .social_link{width:134px;} #form-container{position: absolute; top: 350px; right: 0px; z-index: 3;} } @media only screen and (max-width:680px){ .video-play-button:before{top:80%;} .video-play-button:after{top:80%;} .video-play-button i{top: 65%;} .horizontal-wrapper{padding:0 10px;} #form-container h1{font-size:200%;} .input.message{height:125px;} #form-container.expand{right:0;} .acc-label:after{font-size:12px;left:5px;right:5px;} .content{padding:25px 0;} .financement .main-content{margin:0;} .financement .financement-header{height:300px;} .financement .financement-taux-section{display:none;} .financement .main-content h2{margin-top:0;text-align:center;} .financement .text-wrapper{min-height:auto;} .financement .text-wrapper p{text-align:center;margin:0;} .financement .thumb-video{display:none;} .financement .residence-card{margin-bottom:25px;} .gestion .main-content{margin:0;} .gestion .compta-header{height:250px;} .gestion .caption{text-align:center;} .gestion .caption h2{font-size:1.2rem;} .gestion .caption .sub-caption{display:none;} .gestion .compta-soft-png{height:200px;} .gestion .compta-soft-text{margin-top:200px;} .gestion .subscribe{display:none;} .gestion .compta-soft-text .os{margin-bottom:16px;} .gestion .compta-soft-text .os i{padding:5px;font-size:24px;} .contact form .btn-3d{width:55%;} .slider-holder{height:300px;} .slider-holder .slider{height:300px;} .slider-holder .slider .slider-item .caption{top:50%;left:30px;right:30px;text-align:center;} .slider-holder .slider .slider-item .caption .title{font-size:1.25rem;letter-spacing:-0.05rem;text-align:center;} .slider-holder .slider .slider-item .caption .subtitle{display:none;} .slider-holder #slider-item-2 .caption{text-align:center;} .slider-holder #slider-item-3 .caption{text-align:center;} .slider-holder .slider-nav-btn{padding:10px;color:white;opacity:1;} .slider-holder .slider-nav-btn.go-prev, .slider-holder .slider-nav-btn.go-next{font-size:32px;} .Small_Card{width:100% !important;margin:0 0 25px !important;} .residence-card{width:100%;margin:0 !important;margin-bottom:25px !important;} .main-content{margin:0;} .main-content .btn-3d{width:100%;margin:0;margin-bottom:25px;} .bureaux .location, .bureaux .pic-section{width:100%;margin:0 0 25px;padding:0;} .location-office{width:100%;padding:25px 15px;} .bureaux .pic-section .location-pic{display:none;} .bureaux .location .location-office{margin-bottom:0px;} .footer .column{width:100%;} .footer{height:600px;} .footer-link{position:absolute;width:100%;padding:0 25px;margin-top:40px;} .footer .column{width:100%;margin-bottom:10px;text-align:left !important;} .footer .column .column-title{margin-bottom:10px;font-size:18px;} .footer .column a{color:#454545;display:block;padding:0;height:inherit;line-height:35px;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .footer .column a:hover{color:#fff;} } @media only screen and (max-width:640px){ body.showVideo .site-content{filter:none;-webkit-filter:none;-moz-filter:none;-o-filter:none;-ms-filter:none;filter:none;filter:none;-webkit-transition:inherit;-khtml-transition:inherit;-moz-transition:inherit;-ms-transition:inherit;-o-transition:inherit;transition:inherit;} body.showVideo #video-displayer{visibility:visible;opacity:1;-webkit-transform:translate3d(-50%, -50%, 0);-khtml-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-o-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);} body.showVideo .video-overlay{opacity:1;visibility:visible;-webkit-transition:all 0.3s ease;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} #video-displayer{background-color:black;box-shadow:0 0 0 0 transparent;box-shadow:inherit;-webkit-transform:translate3d(-50%, -50%, 0);-khtml-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-o-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);-webkit-transition:all 0.15s ease;-khtml-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-ms-transition:all 0.15s ease;-o-transition:all 0.15s ease;transition:all 0.15s ease;} .contact form .btn-3d, .btn-3d.compta{width:100%;} .call-center .thumb{display:none;} .call-center .text{margin:0;width:100%;text-align:center;padding:15px 10px;} .horizontal-wrapper{padding:10px;} .content{padding:0;} .tab-container, .contact, .call-center, .main-content .btn-3d, .residence-card, .simulateur{margin:0 0 15px;} .tab-container{height:840px;} .tab-container label.input-menu{font-size:0.75rem;} .tab .tab-thumb{height:100px;} .tab .tab-text{top:100px;padding:20px;} h3{font-size:18px !important;} .btn-3d{font-size:14px;} .defisc-slider .prev, .defisc-slider .next{top:0px;} .defisc-slider .slide .slide-thumb{background-image:none;height:75px;background:#eee;} .defisc-slider .slide .slide-thumb .title{left:50%;bottom:inherit;top:25px;width:175px;text-align:center;-webkit-transform:translateX(-50%);-khtml-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);font-size:20px;letter-spacing:0;} .defisc-slider .slide .slide-thumb:before{background:rgba(0, 0, 0, 0.6);} .defisc-slider .slide .slide-text{top:75px;padding:20px;} .defisc-slider .slide .slide-footer{text-align:center;} .defisc-slider .slide .slide-footer a{width:50%;display:block;float:left;padding:0 10px;} .defisc-slider .slide .slide-footer a i{margin-right:0px;} .container, .residence-card{box-shadow:0 0 0 transparent;border:1px solid rgba(0, 0, 0, 0.1);} .container:hover, .residence-card:hover{box-shadow:0 0 0 transparent;} .residence-card{margin:0 0 15px !important;} .gestion .devis{margin-bottom:15px;} .gestion .main-content h2, .financement .main-content h2{font-size:21px !important;} .financement .pret, .financement .pret-perso, .financement .pret-immo, .financement .pret-vehicule{margin:0 0 15px;} .financement .pret h2, .financement .pret-perso h2, .financement .pret-immo h2, .financement .pret-vehicule h2{font-size:18px !important;} .acc-label:after{font-size:13px;} .news ul li .titre-news{font-size:14px;} } @media only screen and (max-width:280px){.slider-holder{height:250px;} .slider-holder .slider{height:250px;} .slider-holder .slider .slider-item .caption{top:50%;left:10%;right:10%;text-align:center;} .slider-holder .slider .slider-item .caption .title{font-size:1.1rem;} .slider-holder .slider .slider-item .caption a{padding:15px;} .slider-holder .slider-nav-btn.go-prev, .slider-holder .slider-nav-btn.go-next{top:50%;font-size:28px;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);} } @media only screen and (max-width:1028px){ /*#form-container{display:none;}*/ .financement .financement-header span.caption h2 { font-size: 22px;} } @media only screen and (max-width:640px){.inner_footer{height : 27px; } } @media only screen and (max-width:1368px){.form-container .counter{padding:40px;} .form-container button#closeFromBtn{position:absolute;right:-10px;top:-5px;} .form-container button#closeFromBtn span, .form-container button#closeFromBtn span:after{display:block;position:relative;width:20px;height:3px;background:#888;} } @media only screen and (max-width:1028px){ .header a.header-logo h1{witdh:178px;max-width:178px} .form-container{width:95%;height:95%;padding:50px;} .form-container .counter{padding:40px;} #next, #prev{background:transparent;color:#458CFF;width:50px;} #next{right:0px;} #prev{left:0px;} .flag-icon {float: unset;} .nophone{display:none} .bg{background-position :50% 100%;} } @media only screen and (min-width:1028px){ .acc-label i{display:none} .metal_logo{top:15px} } @media only screen and (max-width:640px){ body.ShowForm .site-content{ -webkit-filter:none; -moz-filter:none; -o-filter:none; -ms-filter:none; filter:none; -webkit-transition:inherit; -khtml-transition:inherit; -moz-transition:inherit; -ms-transition:inherit; -o-transition:inherit; transition:inherit;} body.ShowForm .form-overlay{opacity:1;visibility:visible;-webkit-transition:all 0.3s ease;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} .form-container{width:100%;height:100%;padding:50px;} .form-container .counter{padding:40px;} #next, #prev{background:transparent;color:#458CFF;width:50px;} #next{right:0px;} #prev{left:0px;} #video-displayer{background-color:black;box-shadow:0 0 0 0 transparent;box-shadow:inherit;-webkit-transform:translate3d(-50%, -50%, 0);-khtml-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-o-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);-webkit-transition:all 0.15s ease;-khtml-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-ms-transition:all 0.15s ease;-o-transition:all 0.15s ease;transition:all 0.15s ease;} } @-webkit-keyframes error{0%, 100%{-webkit-transform:translateX(0);transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-6px);transform:translateX(-6px);} 20%, 40%, 60%, 80%{-webkit-transform:translateX(6px);transform:translateX(6px);} } @keyframes error{0%, 100%{-webkit-transform:translateX(0);transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-6px);transform:translateX(-6px);} 20%, 40%, 60%, 80%{-webkit-transform:translateX(6px);transform:translateX(6px);} } @-webkit-keyframes wiggle{0%, 100%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg);} 50%{-webkit-transform:rotate(15deg);transform:rotate(15deg);} } @keyframes wiggle{0%, 100%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg);} 50%{-webkit-transform:rotate(15deg);transform:rotate(15deg);} } @-webkit-keyframes pulse-border{0%{-webkit-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-khtml-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-moz-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-ms-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-o-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);opacity:1;} 100%{-webkit-transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);-khtml-transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);-moz-transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);-ms-transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);-o-transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);opacity:0;} } @-moz-keyframes pulse-border{0%{-webkit-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-khtml-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-moz-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-ms-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-o-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);opacity:1;} 100%{-webkit-transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);-khtml-transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);-moz-transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);-ms-transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);-o-transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);opacity:0;} } @keyframes pulse-border{0%{-webkit-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-khtml-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-moz-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-ms-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-o-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);opacity:1;} 100%{-webkit-transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);-khtml-transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);-moz-transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);-ms-transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);-o-transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);transform:translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5);opacity:0;} } @-webkit-keyframes ripple{0%{width:0%;padding-top:0%;opacity:1;} 100%{width:120%;padding-top:120%;opacity:0;} } @-moz-keyframes ripple{0%{width:0%;padding-top:0%;opacity:1;} 100%{width:120%;padding-top:120%;opacity:0;} } @keyframes ripple{0%{width:0%;padding-top:0%;opacity:1;} 100%{width:120%;padding-top:120%;opacity:0;} } .Esvg svg{width: 18px; height: 18px; top: 3px; position: relative; }