@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css'); html { font-family: 'Poppins', sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { top: 0px !important; } .fa:before { font-family: "Font Awesome 6 Free" !important; } /*Color ------------------------- Noir - 000000 Orange - ff3a03 Orange - FF3A03 End Color ----------------------*/ .txt-orange { color: #ff3a03 !important } .txt-white { color: #fff !important } .txt-black { color: #000 !important } .bg-white { background-color: #fff; } .bg-black { background-color: #000000; } .bg-orange { background-color: #ff3a03; } .bg-grey { background-color: #f1f3f5; } .bg-fond { background-size: cover!important; background-position: center!important; background-repeat: no-repeat!important; position: relative;} /*.bg-fond > .block { background-color: rgba(0,0,0,0.75)!important; background-blend-mode: multiply;}*/ .bg-fond::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.75)!important; } .bg-fond > .block { position: relative; z-index: 1;} .bg-pattern-dark { background-size: 40px; background-color: #000!important; background-image: url('../images/interface/pattern-dark.svg')!important;background-repeat: repeat!important;background-position: center!important; } .bg-pattern-light { background-size: 40px; background-color: #fff!important; background-image: url('../images/interface/pattern-white.svg')!important;background-repeat: repeat!important;background-position: center!important; } #page { background-size: 40px; background-color: #000!important; background-image: url('../images/interface/black.svg')!important;background-repeat: repeat!important;background-position: center!important; } /* General ========================================================================== */ *, *:after, *:before { box-sizing: border-box } a, .anim, .uk-button { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s } a, a img { outline: none !important; border: none; text-decoration: none } a, .uk-link { color: #ff3a03; } a:hover, .uk-link:hover { color: #000; } a.readmore:hover > i, span.readmore:hover > i, .posts a:hover i, .k2post:hover i { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards } a:hover, a:focus { text-decoration: none !important; } .br { clear: both; display: block } .float-left { float: left } .float-right { float: right } .float-none { float: none } .size-auto { width: 100%; max-width: 100%; height: auto } .v-align { display: table !important; width: 100%; position: relative; height: 100% } .v-align > .v-align-middle { display: table-cell !important; vertical-align: middle; width: 100%; margin: 0 auto !important; padding: 0 !important } .image-cover { background-size: cover; background-position: center; background-repeat: no-repeat; } .uk-text-small { font-size: 14px; line-height: 25px; } .uk-text-medium { font-size: 16px !important; line-height: 30px !important; } .max-width { max-width: 1400px !important; margin: 0 auto; padding-left: 50px; padding-right: 50px; } .max-content { max-width: 1050px !important; margin: 0 auto; padding-left: 50px; padding-right: 50px; } .max-rse-content { max-width: 850px !important; margin: 0 auto; padding-left: 50px; padding-right: 50px; } .max500 { max-width: 500px !important; margin: 0 auto; } .max600 { max-width: 600px !important; margin: 0 auto; } .max700 { max-width: 700px !important; margin: 0 auto; } .max800 { max-width: 800px !important; margin: 0 auto; } .max900 { max-width: 900px !important; margin: 0 auto; } .max1100 { max-width: 1100px !important; margin: 0 auto; } .bg-pattern { background: #fff url('../images/interface/pattern.png') top left repeat; } .uk-button { border-radius: 0; padding: 6px 15px; text-align: center; } .uk-button-large { padding: 0px 35px; letter-spacing: 0.5px; } .uk-button-plain.uk-button-primary { background: #FF3A03; color: #fff; border: 2px solid transparent; } .uk-button-plain.uk-button-primary:hover, .uk-button-plain.uk-button-primary:focus, .uk-button-plain.uk-button-primary:active { background: transparent; color: #FF3A03; border: 2px solid #FF3A03; } .uk-button-border.uk-button-primary { background: #fff; color: #000; border: 2px solid #000; } .uk-button-border.uk-button-primary:hover, .uk-button-border.uk-button-primary:focus, .uk-button-border.uk-button-primary:active { background: #FF3A03; color: #fff; border: 2px solid #FF3A03; } .poly-image-left { clip-path: polygon(0% 0%, calc(100% - 260px) 0, 100% 50%, calc(100% - 260px) 100%, 0% 100%); } .poly-right { position: relative; } .poly-right::before { content: ""; background-color: #FF3A03; position: absolute; top: -3px; bottom: -3px; left: -3px; right: 0; clip-path: polygon(260px 0%, 100% 0%, 100% 100%, 260px 100%, 0% 50%); } .poly-right-image { clip-path: polygon(260px 0%, 100% 0%, 100% 100%, 260px 100%, 0% 50%); position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; /*clip-path: polygon(0% 0%, calc(100% - 260px) 0, 100% 50%, calc(100% - 260px) 100%, 0% 100%);*/ } .poly-image { position: relative; display: inline-block; } .poly-image img { clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); } .poly-image span { position: absolute; top: -4px; bottom: -4px; right: -4px; left: -4px; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); background-color: #FF3A03; } .poly-text-right { position: relative; display: inline-block; max-width: 500px; } .poly-text-right .poly-text { padding: 30px 90px 30px 30px; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); background: #fff; } .poly-text-right span { position: absolute; top: -4px; bottom: -4px; right: -4px; left: -4px; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); background-color: #FF3A03; } /* Interface ----------------------------------------------------------------------------------------------------*/ .tm-page { border: 0 !important; } .uk-section { padding: 0 !important; } /*Toolbar*/ #toolbar-right { margin-left: auto; } .toolbar-wrapper { background: #000; padding: 0; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .menubar-wrapper { background: #000 !important; padding: 0 20px; box-shadow: 0 5px 15px rgba(0, 0, 0, .08); } .toolbar-centre { position: absolute; transform: translateX(-50%); margin: 0 auto; left: 50%; } .toolbar-menu { margin: 0; padding: 0; } .toolbar-menu { display: block; margin: 0 !important; padding: 0 !important; } .toolbar-menu li { margin: 0 !important; padding: 0 24px 0 0 !important; display: inline-block; } .toolbar-menu li a { display: block; margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: 14px !important; line-height: 12px !important; font-family: 'Poppins', sans-serif; } .toolbar-menu li a:hover { background: transparent !important; color: #ff3a03 !important; } .toolbar-right-wrapper { display: flex; justify-content: flex-end; align-items: stretch; position: relative; } .country-selector { display: block; } .country-default { border-left: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.3);} .country-default a { display: block; color: #fff; padding: 0 8px; line-height: 35px; } .country-default a img { width: 100%; max-width: 20px; height: auto; border: 1px solid rgba(255, 255, 255, 0.3); } .country-default a span { font-size: 11px; font-weight: 400; line-height: 15px; letter-spacing: 0.04em; text-transform: uppercase; } .country-default a:hover { color: #FF3A03; } #offcanvas-countries { background: rgba(0, 0, 0, 0.6); } #offcanvas-countries .uk-offcanvas-bar { background: #000; box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.8); padding: 0; } #offcanvas-countries .off-canvas-panel { padding: 0 !important; } #offcanvas-countries .close-countries { background: #fff; text-align: center; font-size: 35px; color: #000; border-radius: 50%; cursor: pointer; position: absolute; right: 25px; top: 25px; left: auto; width: 35px; height: 35px; line-height: 20px; opacity: 0.8; z-index: 10001; } #offcanvas-countries .countries-items-holder { padding: 0 0 0px; overflow-x: hidden; overflow-y: scroll !important; height: calc(100vh - 65px); position: relative; } #offcanvas-countries .countries-items { display: block; } #offcanvas-countries .countries-items .country-item { display: block; } #offcanvas-countries .countries-items .country-item a { display: block; padding: 25px 30px; border-bottom: 1px solid #222 } #offcanvas-countries .countries-items .country-item .country-info { display: flex; justify-content: flex-start; align-items: center; align-content: center; } #offcanvas-countries .countries-items .country-item .country-info img { max-width: 60px; } #offcanvas-countries .countries-items .country-item .country-info span { display: inline-block; margin-left: 20px; color: #fff; font-weight: 400; font-size: 34px; line-height: 34px; } #offcanvas-countries .countries-items .country-item a:hover span { color: #ff3a03; margin-left: 25px; } #offcanvas-countries h4 { display: block; text-align: center; text-transform: uppercase; font-weight: 600; color: #fff; font-size: 15px; line-height: 15px; margin: 15px 0 0; padding: 15px 10px; } #lang-selector { display: none; margin: 0; padding: 0; z-index: 10; border-left: 1px solid rgba(255, 255, 255, 0.2); } #lang-selector select { font-size: 11px; font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; width: 90px !important; height: 35px; line-height: 35px; margin: 0 !important; background-color: transparent !important; border: 0px !important; font-family: "Poppins" !important; color: #fff !important; background-position: 100% 43%;background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%201%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E"); } #google_translate_element { display: none !important; } .VIpgJd-ZVi9od-aZ2wEe-wOHMyf, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf table, .skiptranslate iframe { display: none !important; } #goog-gt-tt, .goog-te-balloon-frame { display: none !important; } .goog-text-highlight { background: none !important; box-shadow: none !important; } #toolbar-module-mobile { margin-top: 20px!important} #toolbar-module-mobile > .uk-panel { padding: 0 15px!important;} #toolbar-options-mobile { display: flex; flex-wrap:nowrap; border: 1px solid #e5e5e5!important; } #toolbar-options-mobile #lang-selector { } #toolbar-options-mobile #lang-selector select { width: 100% !important; text-align: center; height: 45px; line-height: 45px; font-size: 13px; font-weight: 400; letter-spacing: 0em; text-transform: uppercase; margin: 0 !important; color: #000 !important; background-position: 100% 43%;background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%280%2C%200%2C%200%2C%201%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E"); } #toolbar-options-mobile .country-default-mobile { } #toolbar-options-mobile .country-default-mobile a { display: block; color: #000; padding: 0; text-align: center; line-height: 45px; } #toolbar-options-mobile .country-default-mobile a img { width: 100%; max-width: 20px; height: auto; border: 1px solid rgba(255, 255, 255, 0.3); } #toolbar-options-mobile .country-default-mobile a span { font-size: 11px; font-weight: 400; line-height: 15px; letter-spacing: 0.04em; text-transform: uppercase; } #toolbar-options-mobile .country-default-mobile a:hover { color: #FF3A03; } #toolbar-options-mobile > :not(.uk-first-column)::before { left: 0px!important;} #countries-mobile { display: none; background: #fff; border-radius: 40px 40px 0 0 ; box-shadow: 0 10px 30px 45px rgba(0, 0, 0, .08); position: fixed; bottom: 0px; height: 80vh; left: 0; width: 100%; z-index: 1030; } #countries-mobile.countries-mobile-open { display: block;} #countries-mobile .close-countries-mobile { background: #000; text-align: center; font-size: 20px; color: #fff; border-radius: 50%; cursor: pointer; position: absolute; right: 15px; top: 50%; transform:translateY(-50%); left: auto; width: 35px; height: 35px; line-height: 35px; opacity: 1; z-index: 10001; } #countries-mobile .countries-items-holder { padding: 0 0 0px; overflow-x: hidden; overflow-y: scroll !important; height: calc(80vh - 60px); position: relative; } #countries-mobile .countries-items { display: block; } #countries-mobile .countries-items .country-item { display: block; } #countries-mobile .countries-items .country-item a { display: block; padding: 25px 30px; border-bottom: 1px solid #e5e5e5; } #countries-mobile .countries-items .country-item .country-info { display: flex; justify-content: flex-start; align-items: center; align-content: center; } #countries-mobile .countries-items .country-item .country-info img { max-width: 60px; } #countries-mobile .countries-items .country-item .country-info span { display: inline-block; margin-left: 20px; color: #000; font-weight: 400; font-size: 34px; line-height: 34px; } #countries-mobile .countries-items .country-item a:hover span { color: #ff3a03; margin-left: 25px; } #countries-mobile h4 { border-bottom: 1px solid #e5e5e5; position: relative; display: block; text-align: center; text-transform: uppercase; font-weight: 600; color: #000; font-size: 13px; margin: 0; padding: 0;height: 60px;line-height: 60px; } /*MenuBar*/ a.tm-logo { margin: 0 auto; text-align: center; display: block; position: relative; } a.tm-logo img { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s } a.tm-logo img.logo { width: 100%; max-width: 240px; height: auto; opacity: 1.0; transform: translateX(0); } a.tm-logo img.logo-symbole { position: absolute;left: 0;top: 50%;transform: translate(-300px,-50%); width: 100%; width: 60px; max-width: 60px; height: auto; opacity: 0.0; } .menubar-link { display: flex; } .menubar-link a { display: inline-block; background: #000; margin: 0; padding: 0 10px; color: #fff; font-size: 13px; line-height: 35px; } .menubar-link a + a { border-left: 1px solid rgba(255, 255, 255, 0.3); } .menubar-link a.active, .menubar-link a:hover { background: #FF3A03; } .menubar-link a i {position: relative; top: -1px;} #toolbar-right .menubar-link a { background: #FF3A03; } #toolbar-right .menubar-link a:hover { background: #000; color:#FF3A03; } .uk-navbar-right .toggle-button-menu { display: none !important; } .dj-megamenu-wrapper .dj-up_a em { color: #fff; } .dj-megamenu-wrapper .dj-up_a.active em { color: #ff3a03; } .dj-megamenu-wrapper .dj-icon.fa-home + span.image-title { display: none; } .dj-megamenu-wrapper .dj-badge { display: inline-block; padding: 0px 9px; border-radius: 20px; margin-left: 5px; font-size: 10px; font-weight: 500; animation: fadeinout 2.4s linear infinite; } .dj-megamenu-wrapper li.parent .dj-subwrap { -webkit-animation-duration: calc(1s / 2); animation-duration: calc(1s / 2); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .dj-megamenu-wrapper li a.dj-up_a { height: 80px; line-height: 80px;} .dj-megamenu-wrapper .dj-icon.fa-home { position: relative; font-size: 15px; line-height: 80px;} ul.dj-mobile-site li.dj-mobileitem:first-child a { border-top: 0;} ul.dj-mobile-site li.dj-mobileitem > a span.dj-badge { animation: fadeinout 2.4s linear infinite; } .header-actions { display: flex; justify-content: space-between; align-items: center; } .header-actions .action a { display: block; position: relative; padding-left: 35px; font-family: 'Poppins', sans-serif; color: #000; } .header-actions .action a:before { color: #FF3A03; font-size: 25px; text-align: center; display: block; position: absolute; top: 50%; left: 0; height: 25px; line-height: 25px; width: 30px; transform: translateY(-50%); } .header-actions .action a span { display: block; font-size: 12px; line-height: 16px; font-weight: 500; } .header-actions .action + .action { margin-left: 15px; } /*HEADER STICKY*/ .tm-header .uk-sticky-fixed img.logo { transform: translateX(-300px); opacity: 0.0; } .tm-header .uk-sticky-fixed img.logo-symbole { transform: translate(0,-50%); opacity: 1.0; } .tm-header { z-index: 990!important;} .tm-header .uk-sticky-fixed { z-index: 990!important; box-shadow: 0 5px 15px rgba(0, 0, 0, .08); } .tm-header .uk-sticky-fixed .menubar-wrapper { background: #fff; padding: 0px 20px; } .tm-header .uk-sticky-fixed a.tm-logo img.logo { width: 100%; max-width: 240px !important; } .tm-header .uk-sticky-fixed .dj-megamenu-site li a.dj-up_a { line-height: 55px; height: 55px; } .tm-header .uk-sticky-fixed .dj-megamenu-site .dj-icon.fa-home { position: relative; font-size: 15px; line-height: 55px;} .tm-header .uk-sticky-fixed .uk-navbar-item, .tm-header .uk-sticky-fixed .uk-navbar-nav > li > a, .tm-header .uk-sticky-fixed .uk-navbar-toggle { min-height: 55px; } /*HEADER MOBILE*/ .tm-header-mobile .uk-navbar-container { border-bottom: 1px solid #e4e4e4;} .tm-header-mobile .uk-navbar-container > .uk-container { padding-right: 0;} .tm-header-mobile .uk-navbar-right { flex-wrap: nowrap; gap:0px;} .tm-header-mobile .uk-navbar-right a { padding: 0 18px; color: #333; min-height: 60px; display: flex; border-left: 1px solid #e4e4e4; } .tm-header-mobile .uk-navbar-right a:active, .tm-header-mobile .uk-navbar-right a:hover { color: #fff!important; background: #FF3A03!important; } .tm-header-mobile .logo-header-mobile img { max-width: 160px!important;} /*DIALOG MOBILE*/ #tm-dialog-mobile .uk-modal-body { padding-left: 0 !important; padding-right: 0 !important; } #tm-dialog-mobile .uk-grid { margin-left: 0 !important; } #tm-dialog-mobile .uk-grid > div { padding-left: 0 !important; } #header-mobile { background: #000; } #header-mobile.menubarmobile-sticky { z-index: 990; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.6); } #header-mobile .tm-header-bar-wrapper { position: relative; display: flex; justify-content: flex-start; align-items: center; } #header-mobile .tm-header-bar-wrapper .uk-navbar-content { padding: 0 !important; margin: 0 !important; } #header-mobile .headerbar-mobile-right { margin-left: auto; margin-right: 5px; } /*End mobile menu*/ /*DROPBAR POPUP BRIDGE TOUCH*/ #dropbar-popup { display: none; background: #fff; border-radius: 40px 40px 0 0 ; box-shadow: 0 10px 30px 45px rgba(0, 0, 0, .08); position: fixed; bottom: 0px; height: 80vh; left: 0; width: 100%; z-index: 1030; } #dropbar-popup.dropbar-popup-open { display: block;} #dropbar-popup .close-dropbar-popup { background: #000; text-align: center; font-size: 20px; color: #fff; border-radius: 50%; cursor: pointer; position: absolute; right: 15px; top: 50%; transform:translateY(-50%); left: auto; width: 35px; height: 35px; line-height: 35px; opacity: 1; z-index: 10001; } #dropbar-popup .dropbar-popup-holder { padding: 0 0 0px; overflow-x: hidden; overflow-y: scroll !important; height: calc(80vh - 60px); position: relative; } #dropbar-popup .dropbar-popup-content { display: block; padding: 15px 20px; } #dropbar-popup h4 { border-bottom: 1px solid #e5e5e5; position: relative; display: block; text-align: center; text-transform: uppercase; font-weight: 600; color: #000; font-size: 13px; margin: 0; padding: 0;height: 60px;line-height: 60px; } #dropbar-popup .dropbar-popup-section { border: 1px solid #e4e4e4; border-radius: 12px; padding: 25px 20px; margin-top: 30px;} #dropbar-popup h3.dropbar-popup-section-title { font-size: 14px; line-height: 16px; margin: 0 0 15px 0; padding: 0;} #dropbar-popup .dropbar-popup-section-actions { } #dropbar-popup .dropbar-popup-section-actions .dropbar-popup-section-actions-text-link { width: 100%; } #dropbar-popup .dropbar-popup-section-actions .dropbar-popup-section-actions-img-link { width: 50%; } #dropbar-popup .dropbar-popup-section-actions .dropbar-popup-section-actions-link a { display: block; width: 100;} #dropbar-popup .dropbar-popup-section-actions .dropbar-popup-section-actions-link a.text-link { display: block; width: 100%; color: #fff; background: #000; border: 1px solid #000; padding: 15px 0; font-size: 16px; line-height: 16px;text-align: center;} #dropbar-popup .dropbar-popup-section-actions .dropbar-popup-section-actions-link a.text-link:hover { background: #fff; color: #000; border: 1px solid #000;} #dropbar-popup .dropbar-popup-section-actions .dropbar-popup-section-actions-link:first-child a.text-link { background: #ff3a03; border: 1px solid #ff3a03; } #dropbar-popup .dropbar-popup-section-actions .dropbar-popup-section-actions-link:first-child a.text-link:hover { background: #fff; color: #ff3a03; border: 1px solid #ff3a03;} #dropbar-popup .dropbar-popup-section-actions .dropbar-popup-section-actions-link a.img-link { display: block;} /*OFFCANNVAS POPUP BRIDGE TOUCH*/ #offcanvas-actions { background: rgba(0, 0, 0, 0.6); } #offcanvas-actions .uk-offcanvas-bar { background: #fff; box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.8); padding: 0; } #offcanvas-actions .off-canvas-panel { padding: 0 !important; } #offcanvas-actions .close-countries { background: #fff; text-align: center; font-size: 35px; color: #000; border-radius: 50%; cursor: pointer; position: absolute; right: 25px; top: 25px; left: auto; width: 35px; height: 35px; line-height: 20px; opacity: 0.8; z-index: 10001; } #offcanvas-actions .actions-items-holder { padding: 0 0 0px; overflow-x: hidden; overflow-y: scroll !important; height: calc(100vh - 65px); position: relative; } #offcanvas-actions h4 { display: block; text-align: center; text-transform: uppercase; font-weight: 600; color: #fff; font-size: 15px; line-height: 15px; margin: 15px 0 0; padding: 15px 10px; } #offcanvas-actions .actions-items-content { display: block; padding: 15px 20px; } #offcanvas-actions h4 { border-bottom: 1px solid #e5e5e5; position: relative; display: block; text-align: center; text-transform: uppercase; font-weight: 600; color: #000; font-size: 13px; margin: 0; padding: 0;height: 60px;line-height: 60px; } #offcanvas-actions .dropbar-popup-section { border: 1px solid #e4e4e4; border-radius: 12px; padding: 25px 20px; margin-top: 30px;} #offcanvas-actions h3.dropbar-popup-section-title { color: #000; font-size: 14px; line-height: 16px; margin: 0 0 15px 0; padding: 0;} #offcanvas-actions .dropbar-popup-section-actions .dropbar-popup-section-actions-text-link { width: 100%; } #offcanvas-actions .dropbar-popup-section-actions .dropbar-popup-section-actions-img-link { width: 50%; } #offcanvas-actions .dropbar-popup-section-actions .dropbar-popup-section-actions-link a { display: block; width: 100;} #offcanvas-actions .dropbar-popup-section-actions .dropbar-popup-section-actions-link a.text-link { display: block; width: 100%; color: #fff; background: #000; border: 1px solid #000; padding: 15px 0; font-size: 16px; line-height: 16px;text-align: center;} #offcanvas-actions .dropbar-popup-section-actions .dropbar-popup-section-actions-link a.text-link:hover { background: #fff; color: #000; border: 1px solid #000;} #offcanvas-actions .dropbar-popup-section-actions .dropbar-popup-section-actions-link:first-child a.text-link { background: #ff3a03; border: 1px solid #ff3a03; } #offcanvas-actions .dropbar-popup-section-actions .dropbar-popup-section-actions-link:first-child a.text-link:hover { background: #fff; color: #ff3a03; border: 1px solid #ff3a03;} #offcanvas-actions .dropbar-popup-section-actions .dropbar-popup-section-actions-link a.img-link { display: block;} /*End mobile menu*/ #actions-icon { position: fixed; right: 20px; bottom: 20px; width: auto; z-index: 90; -webkit-animation: viber 5s 2s ease-in-out infinite; animation: viber 5s 2s ease-in-out infinite; } #actions-icon:hover { -webkit-animation: 0; animation: 0; color: #fff; } #actions-icon .uk-icon { color: #fff; width: 64px; height: 64px; line-height: 64px; font-size: 35px; background: #25D366; animation: gradient 9s ease infinite; -moz-animation: gradient 9s ease infinite; -webkit-animation: gradient 9s ease infinite; -o-animation: gradient 9s ease infinite; } #actions-icon.with-chat { bottom: 130px; } #abs-right { display: inline-block; overflow: visible; position: fixed; bottom: 100px; right: 0; z-index: 1000; width: 50px; overflow: visible; height: 150px; } #abs-right .abs-right-wrapper { position: relative; display: block;} #abs-right a { position: relative; width: 230px; background: #000; color: #fff; display: block; text-align: left; line-height: 50px; height: 50px; } #abs-right a i { background: rgba(0,0,0,0.4); color: #fff; display: block; float: left; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; } #abs-right a span { display: block; text-align: center!important; padding: 0 10px; font-size: 12px;} #abs-right a { background: #242424;} #abs-right a:nth-child(2n) { background: #545454;} #abs-right a:hover { margin-left: -180px;} /* MENU OFFCANVAS */ #menubar-offcanvas ul { padding: 0; margin: 0; } #menubar-offcanvas li a {padding: 20px 15px; font-size: 16px; line-height: 1; color: #000; } #menubar-offcanvas > li > a { border-top: 1px solid #f2f2f2; padding-left: 30px; font-weight: 600; } #menubar-offcanvas > li:first-child > a { border-top: 0;} #menubar-offcanvas li ul.uk-nav-sub > li > a { border-top: 1px solid #f2f2f2; padding-left: 45px; } #menubar-offcanvas li ul.uk-nav-sub > li > ul li a { border-top: 1px solid #eeeeee;padding-left: 60px;} #menubar-offcanvas li.uk-active > a { color: #ff3a03; } /*STYLE NOIR*/ #toolbar { border-bottom: 1px solid rgba(255,255,255,0.2); border-top: 1px solid rgba(255,255,255,0.2) } header.tm-header { background: #000; border-bottom: 1px solid rgba(255,255,255,0.2); } .uk-navbar-toggle:hover { color: #ff3a03!important;} /* GENERIQUE ----------------------------------------------------------------------------------------------------*/ /*Page Cover*/ #tm-main > .uk-container { width: 100% !important; max-width: none !important; padding: 0 !important; } #page-cover { padding: 0; position: relative; display: block; margin-bottom: 60px; } #page.presentation #page-cover, #page.contacts #page-cover { margin-bottom:0 } #page.presentation .max-width { max-width: 1230px !important; padding: 0 30px !important; } #page-cover .page-cover-holder { background-color: #000; padding: 60px 0;} #page-cover .page-cover-text-block { position: relative; } #page-cover .page-cover-text-block .page-cover-text-wrapper { min-height: 260px; max-width: 490px; position: relative; z-index: 2; height: auto; padding-top: 0; padding-bottom: 0; padding-right: 15px; } #page-cover .page-cover-image-block { margin-top: 0px; width: 45%; margin-left: auto !important; position: absolute; top: 50px; right: 0; display: block; } #page-cover .page-cover-image-block div.page-cover-image-border { background-color: #FF3A03; clip-path: polygon(0% 50%, 20% 0%, 100% 0%, 100% 100%, 20% 100%); padding: 3px 0 3px 3px; } #page-cover .page-cover-image-block .page-cover-image { height: 270px; background-size: cover; background-position: center; background-repeat: no-repeat; clip-path: polygon(1px 50%, calc(20% - 1px) 0%, 100% 0%, 100% 100%, calc(20% - 1px) 100%); } #page-cover.page-cover-text-top { padding-bottom: 0; } #page-cover .page-cover-title { color:#fff; text-align: left; font-size: 46px; line-height: 1.1; font-weight: 500; letter-spacing: -0.05em; margin: 0; } #page-cover .page-cover-title.page-cover-title-collapse { font-size: 29px !important; } #page-cover .page-cover-intro { margin-bottom: 0; margin-bottom: 0;color:#fff;} /*Section Bock intro*/ .block-intro { padding: 0 0 65px; } .block-intro-center { text-align: center; } .section-intro-subtitle { font-size: 20px; line-height: 20px; letter-spacing: 0; font-weight: 500; } .section-intro-title { font-size: 30px; line-height: 40px; letter-spacing: 0; font-weight: 700; } .section-intro-title-big { font-size: 40px; line-height: 46px; letter-spacing: 0; font-weight: 700; } .section-intro-title i { font-style: normal; color: #ff3a03; position: relative; } .section-intro-title i:before { content: ""; position: absolute; height: 5px; top: auto; bottom: -4px; width: 0%; background: #ff3a03; left: 0; } .section-intro-title-big i { font-style: normal; color: #000; position: relative; } .section-intro-title-big i:before { content: ""; position: absolute; height: 5px; top: auto; bottom: -4px; width: 0%; background: #ff3a03; left: 0; } .section-intro-texte { font-size: 23px; line-height: 28px; letter-spacing: 0; margin-top: 22px; } .section-intro-texte-small { font-size: 16px; line-height: 22px; letter-spacing: 0; margin-top: 22px; } .section-intro-title i:before,.section-intro-title-big i:before { transition: all 0.5s ease 0.3s; -webkit-transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s } .uk-scrollspy-inview .section-intro-title i:before, .uk-scrollspy-inview .section-intro-title-big i:before, .section-intro-title.uk-scrollspy-inview i:before, .section-intro-title-big.uk-scrollspy-inview i:before { width: 100%; } .grid-poly-holder { position: relative;} .grid-poly { display: flex; gap: 40px 20px; flex-wrap: wrap; justify-content: center; align-content: flex-start; align-items: flex-start; } .grid-poly-item { width: 50%; position: relative; background: #FF3A03; -webkit-clip-path: polygon(15% 0, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0% 50%); clip-path: polygon(15% 0, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0% 50%); } .grid-poly-item:after { background: #000; content: ""; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;-webkit-clip-path: polygon(calc(15% - 1px) 0, calc(85% + 1px) 0, calc(100% - 1px) 50%, calc(85% + 1px) 100%, calc(15% - 1px) 100%, 1px 50%);clip-path: polygon(calc(15% - 1px) 0, calc(85% + 1px) 0, calc(100% - 1px) 50%, calc(85% + 1px) 100%, calc(15% - 1px) 100%, 1px 50%);} .grid-poly-item-wrapper { position: relative; z-index: 2; background: transparent; padding: 25px 100px; min-height: 190px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: flex-start; } .grid-poly-item h3 { position: relative; margin: 0 0 10px 0 !important; color: #FF3A03 !important; font-size: 22px !important; line-height: 24px !important; font-weight: 600 !important; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .grid-poly-item p { margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .grid-poly-item:hover { background: #FF3A03; } .grid-poly-item:hover:after { background-color: #FF3A03;} .grid-poly-item:hover h3, .grid-poly-item:hover p,.grid-poly-item:hover span { color: #fff!important;} .grid-poly-item:nth-child(2n) { margin-top: -120px; margin-left: -60px;} .grid-poly-holder .rm { position: absolute; top: auto; bottom: 20px; right: 150px; left: auto; } .grid-poly-half { display: flex; gap: 0px; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .grid-poly-half-item{ width: 50%; position: relative; margin-bottom: 50px; background: #FF3A03;-webkit-clip-path: polygon(15% 0, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0% 50%); clip-path: polygon(15% 0, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0% 50%); } .grid-poly-half-item:after { background: #fff; content: ""; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-clip-path: polygon(calc(15% - 1px) 0, calc(85% + 1px) 0, calc(100% - 1px) 50%, calc(85% + 1px) 100%, calc(15% - 1px) 100%, 1px 50%);clip-path: polygon(calc(15% - 1px) 0, calc(85% + 1px) 0, calc(100% - 1px) 50%, calc(85% + 1px) 100%, calc(15% - 1px) 100%, 1px 50%);} .grid-poly-half-item-wrapper { position: relative; z-index: 2; background: transparent; padding: 25px 100px; min-height: 190px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: flex-start; } .grid-poly-half-item h3 { position: relative; margin: 0 0 10px 0 !important; color: #000 !important; font-size: 22px !important; line-height: 24px !important; font-weight: 600 !important; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .grid-poly-half-item p { margin: 0 !important; padding: 0 !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .grid-poly-half-item:nth-child(2) { top: 215px;position: relative;transform: translateY(-50%);} .grid-poly-half-item:nth-child(3) { margin-bottom: 0;} .grid-poly-half-item:hover { background: #000; } .grid-poly-half-item:hover:after { background: #FF3A03; } .grid-poly-half-item:hover h3, .grid-poly-half-item:hover p, .grid-poly-half-item:hover span { color: #fff !important; } .grid-poly-right-holder { position: relative; } .grid-poly-right { display: flex; gap: 0 15px; flex-wrap: wrap; justify-content: flex-end; align-content: flex-start; align-items: flex-start; } .grid-poly-right-block { width: 48%; position: relative; background: #FF3A03;-webkit-clip-path: polygon(15% 0, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0% 50%); clip-path: polygon(15% 0, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0% 50%);} .grid-poly-right-block:after { background: #fff; content: ""; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-clip-path: polygon(calc(15% - 1px) 0, calc(85% + 1px) 0, calc(100% - 1px) 50%, calc(85% + 1px) 100%, calc(15% - 1px) 100%, 1px 50%);clip-path: polygon(calc(15% - 1px) 0, calc(85% + 1px) 0, calc(100% - 1px) 50%, calc(85% + 1px) 100%, calc(15% - 1px) 100%, 1px 50%);} .grid-poly-right-block-wrapper { position: relative; z-index: 2; background: transparent; padding: 25px 100px; min-height: 190px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: flex-start; } .grid-poly-right-block h3 { position: relative; margin: 0 0 10px 0 !important; color: #000 !important; font-size: 22px !important; line-height: 24px !important; font-weight: 600 !important; } .grid-poly-right-block p { margin: 0 !important; padding: 0 !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important;} .grid-poly-right-block:nth-child(2n) { margin-top: -110px; margin-left: -80px; } .grid-poly-right-block:nth-child(3) { margin-top: -80px; margin-left: -80px; } /* ------------------------------------------------------------------------------------------------*/ /* PAGES ----------------------------------------------------------------------------------------------------*/ /* INTRO ----------------------------------------------------------------------------------------------------*/ body.intro-page { padding: 0; margin: 0; } #intro-page { height: 100vh; } #intro-page .intro-bar { box-shadow: 0 5px 15px rgba(0, 0, 0, .08); position: relative; height: 45px; width: 100%; max-height: 45px; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: stretch; align-content: center; } #intro-page .intro-bar .intro-bar-logo { height: auto; width: auto; margin: 8px 5px 8px 10px; } #intro-page .intro-bar .intro-bar-button { display: inline-block; font-size: 12px !important; font-family: "Poppins"; height: auto; padding: 0px 20px !important; color: #fff; text-align: center; text-transform: uppercase; background: #FF3A03; border-radius: 0px; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; } #intro-page .intro-content { height: calc(100vh - 45px); max-height: calc(100vh - 50px); width: 100%; background: #fff; } #intro-page .intro-content .intro-content-wrapper { width: 100%; height: 100%; max-width: 1500px; margin: 0 auto; padding: 20px; } #intro-page .intro-content .intro-content-image { position: relative; height: 100%; width: 100%; max-width: 680px; margin: 0 auto; background-size: contain; background-position: top center; background-repeat: no-repeat; } @media (max-width:767px) { #intro-page .intro-content .intro-content-image { background-position: center; } } #intro-page .intro-content .intro-content-image a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; } #intro-page .intro-content .intro-content-image a span { position: absolute; opacity: 0.0; bottom: 30px; width: 100%; max-width: 200px; padding: 6px 12px; border-radius: 30px; border: 1px solid #FF3A03; color: #fff; background: #FF3A03; text-align: center; } #intro-page .intro-content .intro-content-image a:hover span { opacity: 1.0; } #intro-page .intro-content .intro-content-image img { width: 100% !important; height: 100% !important; } #intro-page .intro-content .intro-content-video { height: 100%; } #intro-page .intro-content .intro-content-video-wrapper { width: 100%; height: 100%; display: flex; align-items:center; justify-content:center; } #intro-page .intro-content .intro-content-video-wrapper .intro-content-video-holder { width: 100%; max-width: 1080px; margin: 0 auto; padding: 10px;} #intro-page .intro-content .intro-content-video-wrapper iframe { width: 100%!important; height: auto; } #intro-page .intro-content .intro-content-video-wrapper video { width: 100%!important; height: auto; } /*UNIVERS INTRO INTRO*/ .univers .univer { margin-top: 20px; } .univers .univer + .univer { margin-bottom: 20px; } .univers-grid .uk-texte { width: 45%; } .univers-grid .uk-image { width: 55%; } .uv-image-block { display: block; position: relative; width: 96%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .uv-image-block::before { content: ""; background-color: #FF3A03; z-index: 0; position: absolute; top: -3px; bottom: -3px; left: -3px; right: 0; clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 50%); } .uv-image { height: 330px; clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 50%); position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 1; } .univers .univer:nth-child(2n) .univers-grid .uk-texte { order: 99; } .univers .univer:nth-child(2n) .uv-image-block::before { right: -3px; left: 0; clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%); } .univers .univer:nth-child(2n) .uv-image { clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%); } .univer .uv-content { padding: 0 30px 0 60px; } .univer .uv-content .uv-tagline { font-size: 14px; line-height: 14px; color: #000; } .univer .uv-content .uv-title { font-size: 48px; line-height: 52px; font-weight: 700; color: #000; margin: 0; padding: 0; } .univer .uv-content .uv-link { font-size: 13px; line-height: 13px; border: 2px solid #fff; color: #fff; background: #ff3a03; margin: 25px 0 0; padding: 12px 34px; display: inline-block; text-align: center; text-transform: uppercase; } .univer a:hover .uv-content .uv-link { background: #fff; border: 2px solid #ff3a03; color: #ff3a03; } .univer .uv-image-block { margin-left: auto; } .univers .univer:nth-child(2n) .uv-image-block { margin-left: 0; margin-right: auto; } .univer a:hover .uv-image-block { width: 100%; } /* HOME ----------------------------------------------------------------------------------------------------*/ /*Bourse*/ .mod-bourse { margin-top: 0px; } .mod-bourse .mod-bourse-wrapper { background: #000; padding: 5px 0; } .mod-bourse i.red { color: #FF0000; } .mod-bourse i.green { color: #00FF00; } .mod-bourse .bourse-ticker { border: 0 !important; } .mod-bourse .bourse-ticker ul li { padding: 0; } .mod-bourse .bourse-ticker a { padding-left: 0 !important; } .mod-bourse .bourse-ticker .btn-prefix, .mod-bourse .bourse-ticker a { color: #fff; font-weight: normal !important; padding: 0; } .mod-bourse .bourse-ticker .btn-catname { display: inline-block; font-weight: 600; padding: 0 15px; position: relative; z-index: 1; background: transparent; } .mod-bourse .bourse-ticker .btn-catname::before { background: #ff3a03; color: #fff; position: absolute; top: 0; left: 0; opacity: 1; z-index: -1; content: ""; width: 100%; height: 65px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .mod-bourse .bourse-ticker .btn-content { padding: 0 10px; font-size: 12px; } .mod-bourse .bourse-ticker .bn-controls button { background: #037b3d; top: 8px; position: relative; border-radius: 50%; width: 25px; height: 25px; } .mod-bourse .bourse-ticker .bn-controls button + button { margin-left: 4px; } .mod-bourse .bourse-ticker .bn-controls button:hover { background: #ea8b07; } .mod-bourse .bourse-ticker .bn-controls i { color: #fff; } /*Slider*/ #slider { overflow: hidden; position: relative; } #slider, #slider .slick-slider-home { background: #000; } #slider .slick-slider-home { opacity: 0; visibility: hidden;transition: opacity 1s ease;-webkit-transition: opacity 1s ease; } #slider .slick-slider-home.slick-initialized { visibility: visible;opacity: 1; } #slider .slider-wrapper { position: relative; padding: 0px 0; } #slider .slider-image-photo { width: 100%; position: relative; background-color: #000; background-position: center; background-repeat: no-repeat; background-size: cover; } #slider .slider-image-photo img { width: 100%; height: auto; } #slider .slick-slider-home .slick-dots { bottom: 35px !important; left: 50%; width: auto; transform:translateX(-50%); display:block; } #slider .slick-slider-home .slick-dots li { position:relative; display:inline-block; width: 14px; height:14px; } #slider .slick-slider-home .slick-dots li button { width: 14px; height:14px; display:block; position:relative; } #slider .slick-slider-home .slick-dots li button::before { display: block; width: 14px; height: 14px; } #slider .slick-dotted.slick-slider { margin-bottom: 0 !important; } #slider .slick-dots li button:before { position: absolute!important; top: 0!important; display: block; background: transparent; opacity: 1; border: 1px solid #ff3a03; } #slider .slick-dots li.slick-active button:before { opacity: 1; background: #ff3a03; border: 1px solid #ff3a03; } #slider span.slick-arrow { z-index: 10; position: absolute; display: block; top: 80px; width: 60px; height: 60px; text-align: center; cursor: pointer; transition: all 250ms ease-in-out; } #slider span.slick-arrow.slick-home-prev { right: 80px; left: auto; } #slider span.slick-arrow.slick-home-next { right: 30px; left: auto; } #slider span.slick-home-arrows { width: 40px; height: 40px; position: absolute; } #slider span.slick-home-prev-arrow { transform: rotate(-135deg); left: 0; top: 50%; right: 0px; left: 0; margin-top: -30px; border-top: 2px solid #ff3a03; border-right: 2px solid #ff3a03; transition: all 250ms ease-in-out; } #slider span.slick-home-next-arrow { transform: rotate(45deg); right: 0; top: 50%; right: 0; left: 0; margin-top: -30px; border-top: 2px solid #ff3a03; border-right: 2px solid #ff3a03; transition: all 250ms ease-in-out; } #slider span.slick-home-next:hover { right: 25px; } #slider span.slick-home-prev:hover { right: 85px; } #about .uk-card { margin-right: 60px;} #about .about-image { position: relative;} #about .about-image-wrapper { position: relative;width: 100%; max-width: 360px;margin: 0 auto;} #about h2 { margin-bottom: 40px; } #about .section-intro-texte p {font-size: 22px; line-height: 35px; margin: 0;padding: 0;} /*Listing Produits*/ #bbg-produits { background-color: #000; width: 100%; display: block; position: relative; overflow: hidden;} #bbg-produits .block-wrapper { position: relative; padding-top: 100px; padding-bottom: 100px; } #bbg-produits .max-width { margin: 0 auto !important; max-width: 1200px !important; } .produits-holder { position: relative; } .produits-liste { display: flex; gap: 30px; flex-wrap: wrap; justify-content: center; align-content: flex-start; align-items: flex-start; } .produits-block { width: 50%; position: relative; } .produits-block::before { z-index: 0; content: ""; background-color: #FF3A03; position: absolute; top: -3px; bottom: -3px; left: -3px; right: -3px; clip-path: polygon(15% 0, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0% 50%); } .produit-poly-background { position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: #000; clip-path: polygon(15% 0, 85% 0, calc(100% - 1px) 50%, 85% 100%, 15% 100%, 1px 50%); transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s } .produits-block-wrapper { position: relative; z-index: 2; background: transparent; padding: 30px 80px; } .produits-block h3 { position: relative; margin: 0 0 10px 0 !important; color: #FF3A03 !important; font-size: 20px !important; line-height: 24px !important; font-weight: 600 !important; } .produits-block p { margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; } .produits-block:nth-child(2n) { margin-top: -90px; margin-left: -60px; } .produits-holder .rm { position: absolute; top: auto; bottom: 20px; right: 150px; left: auto; } .produits-block:hover .produit-poly-background { background: #FF3A03; } .produits-block:hover::before { background-color: #000; } .produits-block:hover h3, .produits-block:hover p, .produits-block:hover span { color: #fff !important; } #bbg-produits .section-intro-title { color: #fff!important;} #bbg-produits .section-intro-title i { color: #ff3a03; } /*CTA*/ .cta-banniere .block-wrapper { background: #000; } .cta-banniere-holder { padding: 0; } .cta-banniere .max-width .cta-banniere-holder { padding: 30px 0; } #formules .max-width { } #formules .grid-liste .grid-liste-item + .grid-liste-item { margin-top: 120px;} #formules .grid-liste .grid-liste-item + .grid-liste-item .grid-liste-item-image { order: 99; } #formules .grid-liste-item-image-wrapper { position: relative; width: 100%; height: 100%; min-height: 360px; } /*#formules .grid-liste-item-image-wrapper::before { content: ""; background-color: #FF3A03; position: absolute; top: -3px; bottom: -3px; left: -3px; right: -3px; }*/ #formules .grid-liste-item-image-photo { position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } #formules .grid-liste .grid-liste-item:first-child .grid-liste-item-image-wrapper::before, #formules .grid-liste .grid-liste-item:first-child .grid-liste-item-image-photo { /*clip-path: polygon(0 0%, 85% 0%, 100% 50%, 85% 100%, 0 100%);*/ } #formules .grid-liste .grid-liste-item .grid-liste-item-texte .uk-card { margin-left: auto; margin-right: 50px;} #formules .grid-liste .grid-liste-item:first-child .grid-liste-item-texte .uk-card { margin-left: 50px;} #formules .grid-liste-item-texte .grid-liste-item-title { margin-top: 0; margin-bottom: 0; font-size: 30px; line-height: 34px; color: #ff3a03; font-weight: 700; } #formules .grid-liste-item-texte .grid-liste-item-subtitle { margin-top: 5px; font-size: 18px; line-height: 20px; color: #fff; font-weight: 700; } #formules .grid-liste-item-texte .grid-liste-item-content { margin-top: 10px;} #formules .grid-liste-item-texte .grid-liste-item-content p { margin: 0; padding: 0; font-size: 17px; line-height: 26px; } #bbg-chooseus { border-top: 1px solid rgba(255, 255, 255, .1);} #bbg-chooseus .block-wrapper { padding: 20px 0 0; overflow: hidden; } #bbg-chooseus h3 { font-size: 35px; line-height: 38px; color: #fff; font-weight: 700; } #bbg-chooseus p { font-size: 26px; line-height: 36px; color: #fff; font-weight: 400; margin: 0 0; } #bbg-chooseus .app-links { margin-top: 15px; margin-bottom: 0px; } #bbg-chooseus .app-image { text-align: center; margin: 0 auto; padding:30px } #bbg-chooseus .app-image img { width: 100%; height: auto; margin: 0 auto; border: 1px solid rgba(255, 255, 255, .1) } #bbg-chooseus .app-grid-content { width: 50%; } #bbg-chooseus .app-grid-image { width: 50% } #bbg-chooseus .app-grid-image .uk-panel { text-align: center; } #bbg-chooseus h3 i { color: #ff3a03!important; text-decoration:none; font-style:normal; } #bbg-chooseus .reasons { display: flex; flex-wrap:wrap; justify-content:center; align-items:center; row-gap:60px; } #bbg-chooseus .reasons .reason { display: flex; flex-wrap:nowrap; justify-content:center; align-items:center; width:100%; column-gap:20px } #bbg-chooseus .reasons .reason .reason-icon { width:100px; } #bbg-chooseus .reasons .reason .reason-text { width:calc(100% - 100px); } #bbg-chooseus .reasons .reason .reason-icon i { font-size:40px; } #bbg-chooseus .reasons .reason .reason-text h6 { font-size:28px; line-height:26px; margin:0 0 10px; color:#FF3A03; } #bbg-chooseus .reasons .reason .reason-text p { font-size:18px; line-height:26px; color: #fff; } #bbg-outils { background: #000} /*Tools*/ #bbg-outils .section-intro-texte-small { font-size: 16px; max-width: 790px; margin: 20px auto 0; line-height: 24px;} .grid-tools { margin-left: -40px; } .grid-tools > * { padding-left: 40px; } .grid-tools .uk-panel { margin-bottom: 40px; background: #fff } .tool { display: block;} .tool-image { position: relative; height: 340px; overflow: hidden; } .tool-image a { display: block;width: 100%; height: 100%;} .tool-image-video { position: absolute; top: 50%; transform: translate(0, -50%); width: 100%; height: auto; z-index: 3; padding: 4px 8px; text-align: center; } .tool-image-video i { background: #ff3a03; color: #fff; display: block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto 10px; clip-path: polygon(0 0%, 60% 0, 100% 40%, 100% 100%, 30% 100%, 0 67%); } .tool-image-video span { font-size: 13px; line-height: 13px; display: inline-block; border-radius: 30px; padding: 3px 12px; background: rgba(255,255,255,1); color: #000;} .tool-image-image { position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s } .tool-cible { z-index: 3; position: absolute; top: 30px; left: 0;} .tool-cible:before { z-index: 2; content: ""; background-color: #FF3A03; position: absolute; top: -3px; bottom: -3px; left: 0px; right: -40px; clip-path: polygon(0% 0, 85% 0, 100% 50%, 85% 100%, 0% 100%, 0% 50%); } .tool-cible span { z-index: 4; display: inline-block; padding: 5px 0 5px 10px; position: relative; font-size: 22px; line-height: 26px; color: #fff; font-weight: 600; } .tool-content { padding: 30px 40px; background: #fff;} .tool-content h3 { font-size: 32px; line-height: 36px; color: #ff3a03; font-weight: 300; } .tool-content h5 { font-size: 19px; line-height: 23px; color: #000; font-weight: 700; } .tool-content p { font-size: 18px; line-height: 26px; color: #000; font-weight: 400; margin: 15px 0; min-height:105px } .tool-content span {color: #000;} .tool:hover .tool-image-image { transform: scale(1.2); } .tool:hover .inline-link { color: #ff3a03; } .tool:hover .inline-link:before { width: 100%; } .tool .tool-actions { display: flex; gap: 20px; flex-wrap: nowrap; flex-direction:row; align-items:stretch; align-content:stretch; justify-content:center; margin-top: 5px; } .tool .tool-actions .tool-action-text-link { flex: 1; } .tool .tool-actions .tool-action-img-link { flex: 1; background: #000; padding-top:4px; } .tool .tool-actions .tool-action-link img { height: 100%; width: auto; } .tool .tool-actions .tool-action-link a.text-link { display: block; color: #fff; background: #ff3a03; border: 1px solid #ff3a03; padding: 0; font-size: 14px; line-height: 38px;text-align: center; text-transform: uppercase;} .tool .tool-actions .tool-action-link a.text-link:hover { background: #000; color: #ff3a03; border: 1px solid #ff3a03;} /*.tool .tool-actions .tool-action-link:first-child a.text-link { background: #ff3a03; border: 1px solid #ff3a03; } .tool .tool-actions .tool-action-link:first-child a.text-link:hover { background: transparent; color: #ff3a03; border: 1px solid #ff3a03;}*/ .tool .tool-actions .tool-action-link a.img-link { display: block;} #home-faq { border-top: 1px solid rgba(255, 255, 255, .1); border-bottom: 1px solid rgba(255, 255, 255, .1); } .home-faq .uk-accordion-title { display: block;font-size: 1.2rem;line-height: 1.4;color: #fff; } .home-faq .uk-open .uk-accordion-title { color: #ff3a03; } .home-faq .uk-accordion >:nth-child(n+2) { margin-top: 25px; padding-top: 25px; border-top: 1px solid rgba(255, 255, 255, .1); } .home-faq .uk-accordion-content { padding-bottom: 40px; } .home-faq .article-texte + .article-accordeon { padding-top: 30px; } .home-faq .article-accordeon p { text-align: justify; } .home-faq .article-accordeon p { font-size: 16px; line-height: 25px; } .home-faq .article-accordeon h2 { font-size: 2.1rem; font-weight: 700; color: #ff3a03; } .home-faq .article-accordeon h3 { font-size: 19px; font-weight: 700; line-height: 24px; } .home-faq .article-accordeon * + h2 { margin-top: 60px; } .home-faq .article-accordeon * + h3 { margin-top: 30px; } .home-faq .article-accordeon ul { list-style-type: none; padding-left: 0; } .home-faq .article-accordeon ul li { font-size: 16px; line-height: 25px; background: transparent url('../images/interface/list-dot.svg') 0 5px no-repeat; background-size: 27px; padding-left: 35px; margin-bottom: 15px; } /* FAQ CENTRE ----------------------------------------------------------------------------------------------------*/ #faq-centre .faq-centre-category-intro { padding: 20px; margin: 45px 0 0; border: 1px solid #e8e8e8;} #faq-centre .faq-centre-category-intro h4 { margin: 0; padding: 0; font-size: 20px; line-height: 18px; color: #ff3a03; } #faq-centre .faq-centre-category-intro p { color: #000!!important; margin: 15px 0 0 0; padding: 0; font-size: 16px; line-height: 22px; } #faq-centre .faq-centre-category-content { margin-top: 30px; } #faq-centre .section-faqs-centre .uk-accordion-title { display: block;font-size: 1.2rem;line-height: 1.4;color: #fff; padding: 0; background-color: transparent; } #faq-centre .section-faqs-centre.article-content .uk-open .uk-accordion-title { color: #ff3a03; } #faq-centre .section-faqs-centre.article-content .uk-accordion .faq-centre-item { margin-top: 25px; padding: 25px; border: 1px solid rgba(255, 255, 255, .5); } #faq-centre .section-faqs-centre.article-content .uk-accordion-content { padding-bottom: 0px; } #faq-centre .section-faqs-centre.article-content .article-accordeon p { text-align: justify; color: #fff!!important; } #faq-centre .section-faqs-centre.article-content .article-accordeon p { color: #fff!!important; font-size: 16px; line-height: 25px; } #faq-centre .section-faqs-centre.article-content .article-accordeon h2 { font-size: 2.1rem; font-weight: 700; color: #ff3a03; } #faq-centre .section-faqs-centre.article-content .article-accordeon h3 { font-size: 19px; font-weight: 700; line-height: 24px; } #faq-centre .section-faqs-centre.article-content .article-accordeon * + h2 { margin-top: 60px; } #faq-centre .section-faqs-centre.article-content .article-accordeon * + h3 { margin-top: 30px; } #faq-centre .section-faqs-centre.article-content .article-accordeon ul { list-style-type: none; padding-left: 0; } #faq-centre .section-faqs-centre.article-content .article-accordeon ul li { color: #fff!!important; font-size: 16px; line-height: 25px; background: transparent url('../images/interface/list-dot.svg') 0 5px no-repeat; background-size: 27px; padding-left: 35px; margin-bottom: 15px; } html.dark-theme .article-accordeon .uk-accordion-title:hover { color: #ff3a03; text-decoration:none!important; } html.dark-theme .article-accordeon .uk-accordion-title::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ffffff%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ffffff%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")!important; } html.dark-theme .article-accordeon .uk-open > .uk-accordion-title::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ffffff%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")!important; } html.dark-theme .article-accordeon .uk-accordion-content a:hover { color:#ff3a03; text-decoration:underline!important; } /*Tools/Carriere Slick*/ /*Tools*/ .slick-blocks { overflow: hidden; margin-bottom: 0!important; padding-bottom: 60px!important; } .slick-blocks .slide-content { margin-left: 30px; } .slick-blocks .slick-list { margin-left: -30px; } .slick-blocks-wrapper { padding: 0; } span.slick-blocks-arrows { z-index: 10; position: absolute; display: block; top: 50%; margin-top: -10px; width: 20px; height: 20px; text-align: center; cursor: pointer; transition: all 250ms ease-in-out; } span.slick-blocks-arrows.slick-blocks-prev { left: 0px; right: auto; } span.slick-blocks-arrows.slick-blocks-next { right: 0px; left: auto; } span.slick-blocks-arrow { width: 20px; height: 20px; position: absolute; } span.slick-blocks-arrow-prev { transform: rotate(-135deg); left: 0; top: 0; right: 0px; bottom: 0; left: 0; border-top: 2px solid #ff3a03; border-right: 2px solid #ff3a03; transition: all 250ms ease-in-out; } span.slick-blocks-prev:hover { left: -10px; } span.slick-blocks-arrow-next { transform: rotate(45deg); right: 0; top: 0; right: 0; left: 0; bottom: 0; border-top: 2px solid #ff3a03; border-right: 2px solid #ff3a03; transition: all 250ms ease-in-out; } span.slick-blocks-next:hover { right: -10px; } .slick-blocks .slick-dots { width: auto; position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);} .slick-blocks .slick-dots li, .slick-blocks .slick-dots li button, .slick-blocks .slick-dots li button::before { width: 16px; height: 16px; } .slick-blocks .slick-dots li button:before { background: transparent; opacity: 1; border: 2px solid #ff3a03; top: 0; } .slick-blocks .slick-dots li.slick-active button:before { opacity: 1; background: #ff3a03; border: 2px solid #ff3a03; } .slick-blocks .grid-slick-block { margin-left: -40px; } .slick-blocks .grid-slick-block > * { padding-left: 40px; } .slick-blocks .grid-slick-block .uk-panel { margin-bottom: 40px; } .slick-blocks .slick-block-item { display: block; } .slick-blocks .slick-block-item-link { display: block; position: relative; width: 100%; height: 100%; } .slick-blocks .slick-block-image { overflow: hidden; } .slick-blocks .slick-block-image-image { position: relative; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s } .slick-blocks .slick-block-content { min-height: 270px; padding: 30px 30px; background: #fff; display: flex !important; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: space-evenly; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s } .slick-blocks .slick-block-content h3 { font-size: 19px; line-height: 26px; color: #ff3a03; font-weight: 500; margin: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s } .slick-blocks .slick-block-content p { font-size: 15px; line-height: 24px; color: #000; font-weight: 400; margin: 9px 0 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s } .slick-blocks .slick-block-content span { color: #000; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s } .slick-blocks .slick-block-item a:hover .slick-block-image-image { transform: scale(1.2); } .slick-blocks .slick-block-item a:hover .slick-block-content { background: #ff3a03; } .slick-blocks .slick-block-item a:hover .slick-block-content > * { color: #fff; } #bbg-outils .slick-blocks .slick-block-content { min-height:195px!important; } #bbg-outils .slick-blocks .slick-block-content p { color:#000!important; font-size:14px!important; line-height:24px!important } #bbg-outils .slick-blocks .slick-block-item a:hover .slick-block-content > * { color: #fff!important; } /*Univers Grid - Home*/ #bbg-univers .grid-poly-half-item-wrapper { min-height: 140px; } #bbg-univers .grid-poly-half-item:nth-child(2) { top: 165px;} #bbg-univers .section-intro-title { font-size: 26px; line-height: 40px; } #bbg-univers .section-intro-texte { font-size: 16px; line-height: 24px; } #bbg-univers .grid-poly-half-item a { text-align:center; } #bbg-univers .grid-poly-half-item h3 { color:#FF3A03!important; } #bbg-univers .grid-poly-half-item p { color: #fff!important;} #bbg-univers .grid-poly-half-item:after { background: #000; content: ""; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-clip-path: polygon(calc(15% - 1px) 0, calc(85% + 1px) 0, calc(100% - 1px) 50%, calc(85% + 1px) 100%, calc(15% - 1px) 100%, 1px 50%);clip-path: polygon(calc(15% - 1px) 0, calc(85% + 1px) 0, calc(100% - 1px) 50%, calc(85% + 1px) 100%, calc(15% - 1px) 100%, 1px 50%);} #bbg-univers .grid-poly-half-item:hover { background: #000; } #bbg-univers .grid-poly-half-item:hover:after { background: #FF3A03; } #bbg-univers .grid-poly-half-item:hover h3, #bbg-univers .grid-poly-half-item:hover p, #bbg-univers .grid-poly-half-item:hover span { color: #fff!important; } /*Actu Home*/ /*Actu Home*/ #home-actus .block-wrapper { padding: 60px 0 55px; } #home-actus .block-link { padding: 40px 0 0 ; } #home-actus .block-link a:hover { color: #fff; } /*.actus-grid .actus-item > .uk-panel { margin-bottom: 30px; }*/ .actus-grid { margin-left: -15px!important; } .actus-grid > * { padding-left: 15px!important; } .actus-item > .uk-panel { background: #fff; box-shadow: 0px 0px 14px 3px rgba(0, 0, 0, 0.1); margin-bottom: 15px!important; } .actus-item > .uk-panel > a { display: block; width: 100%; height: 100%; } .actus-item .actu-block { width: 100%; height: 100%; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; column-gap: 0px; } .actus-item .actu-image-wrapper { flex:1; position: relative; overflow: hidden; width: 40%; } .actus-item .actu-image { position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .actus-item .actu-image-wrapper img { width: 100%; height: 100%; } .actus-item .actu-content { padding: 10px 30px; flex:2; } .actus-item .actu-date { display: block; padding: 0; margin: 0 0 10px 0; font-size: 14px; line-height: 14px; color: #000000; font-weight: 400 !important; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .actus-item .actu-title { padding: 0; margin: 0; font-size: 16px; line-height: 24px; color: #000000; font-weight: 500 !important; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .actus-item .actu-rm { padding: 10px 0 0 0; } .actus-item a:hover .actu-title { color: #ff3a03; } .actus-item a:hover .inline-link { color: #ff3a03; } .actus-item a:hover .inline-link:before { width: 100%; } .actus-item a:hover .actu-image { transform: scale(1.2); } /*Agence - Home*/ #bbg-map-home { display: block; position: relative; } #bbg-map-home { display: block; position: relative; } #bbg-map-home .block-intro { padding: 60px 0; text-align: center; } #bbg-map-home .block-intro .section-intro-title { margin-bottom: 26px; } #bbg-map-home .block-intro a { display: inline-block; margin: 0 15px; color: #000; opacity: 0.48; } #bbg-map-home .block-intro a span { display: block; padding: 0; text-align: center; font-weight: 400; font-size: 20px; line-height: 24px; } #bbg-map-home .block-intro a.active, #cMap .block-intro a:hover { color: #ff3a03; opacity: 1.0; } #bbg-map-home .bbg-map-home-holder { position: relative; overflow: hidden;} #bbg-map-home .bg-black { background-position: top; background-repeat:no-repeat;background-size:cover; } #bbg-map-home .bg-black .block-wrapper { background:rgba(0, 0, 0, 0.80); } #bbg-map-home .bg-black h2.section-intro-title { color:#fff; } #bbg-map-home .bg-black .block-intro a span { color:#fff; } #bbg-map-home .bbg-map-content { position: absolute; top: 50%; left: 100px; z-index: 10; transform: translateY(-50%); background: #fff; clip-path: polygon(100px 0%, 100% 0%, 100% 100%, 0 100%, 0% 20%); } #bbg-map-home .bbg-map-content .bbg-map-content-text { width: 380px; border-bottom: 2px solid #ff3a03; display: block; background: #fff; padding: 60px 40px; height: auto; } #bbg-map-home .bbg-map-content .bbg-map-content-text h3 { font-size: 20px; line-height: 30px; font-weight: 700; position: relative;} #bbg-map-home .bbg-map-content .bbg-map-content-text h3 i { font-style: normal; color: #000; position: relative; } #bbg-map-home .bbg-map-content .bbg-map-content-text h3 i:before { content: ""; position: absolute; height: 5px; top: auto; bottom: -4px; width: 100%; background: #ff3a03; left: 0; } #bbg-map-home .bbg-map-content .bbg-map-content-text p { font-size: 17px; line-height: 25px; text-align: justify; margin: 0 0 20px !important;} #bbg-map-home .bbg-map-content .bbg-map-content-text a { display: block; text-align: center; padding: 15px 0px; font-size: 16px; line-height: 16px; letter-spacing: 0.5px;background: #fff; color: #000; border: 2px solid #000; } #bbg-map-home .bbg-map-content .bbg-map-content-text a:hover { background: #ff3a03; border: 2px solid #ff3a03; color: #fff;} #bbg-map-home .bbg-map-frame { display: block; width: 100%; height: 595px; } #bbg-map-home .bbg-map-content.bg-black,#bbg-map-home .bbg-map-content.bg-black .bbg-map-content-text { background:#000 } #bbg-map-home .bbg-map-content.bg-black .bbg-map-content-text h3, #bbg-map-home .bbg-map-content.bg-black .bbg-map-content-text h3 i, #bbg-map-home .bbg-map-content.bg-black .bbg-map-content-text p { color:#fff } #bbg-map-home .bbg-map-content .bbg-map-content-text a { background: #000; color: #fff; border: 2px solid #fff; } /* Inner Page ----------------------------------------------------------------------------------------------------*/ .site-content { display: block; margin: 0 auto; } body.innerpage #tm-main { background: #000;} .bg-pattern-dark { background-size: 40px; background-color: #000!important; background-image: url('../images/interface/pattern-dark.svg')!important;background-repeat: repeat!important;background-position: center!important; } body.innerpage .app-canvas { min-height: 100%; background: #fff; } body.innerpage.agences .app-canvas { background: none; } body.innerpage.agences .site-content, body.contacs-page .site-content { padding-bottom: 0px !important; } /*Content/Blog Listing*/ #contenus-listing .contenus-listing-wrapper { max-width: 1100px; margin: 0 auto; } .contenu-grid .contenu-item .uk-card { border-bottom: 1px solid #222; padding-bottom:70px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s } .contenu-grid .contenu-item:last-child .uk-card { border-bottom:0px; } .contenu-grid .contenu-item:hover .uk-card { } .contenu-grid .contenu-item .contenu-media .contenu-image { border: 1px solid #e5e5e5; border-radius: 15px; width: 100%; height: 100%; min-height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center; } .contenu-grid .contenu-item .contenu-media .contenu-image img { } .contenu-grid .contenu-item .contenu-content .contenu-text { } .contenu-grid .contenu-item .contenu-content .contenu-text .contenu-tag { color: #000; display: block; margin: 0 0 8px 0; font-size: 12px; line-height: 12px; } .contenu-grid .contenu-item .contenu-content .contenu-text .contenu-tag i { color: #000; } .contenu-grid .contenu-item .contenu-content .contenu-text h3.contenu-title { color: #000; display: block; margin: 0 0 15px !important; font-size: 23px; line-height: 30px; } .contenu-grid .contenu-item .contenu-content .contenu-text p.contenu-texte { text-align: justify; color: #000; font-size: 16.5px; line-height: 26px; margin: 0 0 15px 0; padding: 0; } .contenu-grid .contenu-item .contenu-options { padding-top: 20px; } .contenu-grid .contenu-item .contenu-options .contenu-buttons { } .contenu-grid .contenu-item .contenu-options .contenu-buttons a { display: inline-block; color: #fff; font-size: 16px; line-height: 18px; padding: 8px 17px; text-transform: uppercase; border: 2px solid #fff; } .contenu-grid .contenu-item .contenu-options .contenu-buttons a + a { margin-left: 15px; } .contenu-grid .contenu-item .contenu-options .contenu-buttons a:hover { background: #ff3a03; color: #fff; border: 2px solid #ff3a03; } .contenu-grid .contenu-item .contenu-options .contenu-buttons > span { display: inline-block; color: #fff; font-size: 16px; line-height: 18px; padding: 8px 17px; text-transform: uppercase; border: 2px solid #fff; } .contenu-grid .contenu-item .contenu-options .contenu-buttons > span + span { margin-left: 15px; } .contenu-grid .contenu-item .contenu-options .contenu-buttons > span:hover { background: #ff3a03; color: #fff; border: 2px solid #ff3a03; } .contenu-grid.contenu-grid-row .contenu-item .contenu-block { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; column-gap: 30px; } .contenu-grid.contenu-grid-row .contenu-item .contenu-content { flex-grow: 1; width: 80%; } .contenu-grid.contenu-grid-row .contenu-item.contenu-carriere .contenu-content, .contenu-grid.contenu-grid-row .contenu-item.contenu-blog .contenu-content { flex-grow: 1; width: 100%; } .contenu-grid.contenu-grid-row .contenu-item .contenu-media { flex-grow: 1; width: 20%; } .contenu-grid .contenu-item.contenu-pdf .contenu-block { padding-left: 45px; position: relative; } .contenu-grid .contenu-item.contenu-pdf .contenu-block i.contenu-icon { position: absolute; left: 0; top: 0; color: #ff3a03; } .contenu-grid .contenu-item .contenu-details { height: 100%; } .contenu-grid .contenu-item .contenu-details .contenu-details-wrapper { height: 100%; text-align: left; justify-content: space-around; align-content: space-between; align-items: flex-start; } .contenu-grid .contenu-item .contenu-details .contenu-detail { margin: 15px 0; } .contenu-grid .contenu-item .contenu-details .contenu-detail:first-child { margin-top: 0 } .contenu-grid .contenu-item .contenu-details .contenu-detail:last-child { margin-bottom: 0 } .contenu-grid .contenu-item .contenu-details i { color: #000; } .contenu-grid .contenu-item .contenu-details span { color: #000; } /*Single - Blog*/ .article-content p { font-size: 16px; line-height: 24px; text-align: justify; } .article-content h2 { font-size: 1.6rem; font-weight: 700; color: #ff3a03; } .article-content h3 { font-size: 1.3rem; font-weight: 700; } .article-content * + h2 { margin-top: 60px; } .article-content ul { list-style-type: none; padding-left: 0; } .article-content ul li { background: transparent url('../images/interface/list-dot.svg') 0 5px no-repeat; background-size: 27px; padding-left: 35px; margin-top: 6px; } .article-content p.video { position: relative; overflow: hidden !important; padding-bottom: 56.25%; padding-top: 25px; height: 0; z-index: 1 !important; margin: 40px auto 0; text-align: center; } .article-content p.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 !important; } .article-content .uk-accordion >:nth-child(n+2) { margin-top: 25px; padding-top: 25px; border-top: 1px solid rgba(26, 26, 26, .1); } .article-content .uk-accordion-content { padding-bottom: 40px; } .article-content .article-texte + .article-accordeon { padding-top: 30px; } .article-content .uk-open .uk-accordion-title { color: #ff3a03; } .article-content table p { font-size: 13px !important; line-height: 15px !important; } .article-content p.attention { font-size: 14px !important; line-height: 20px !important; text-align: justify; padding: 14px !important; background: rgba(255, 58, 3, .1); color: rgb(255, 58, 3); margin: 10px 0; } .article-content .uk-table th { text-align: center !important; vertical-align: middle !important; padding: 5px !important; font-size: 13px !important; line-height: 17px !important; } .article-content .uk-table td { padding: 10px 5px !important; font-size: 15px !important; line-height: 17px !important; } .article-content .uk-table tr td p { margin: 0 !important; font-size: 15px !important; line-height: 17px !important; } .article-content .uk-table tr td p + p { margin-top: 5px !important; } .article-content .uk-table.uk-table-td-center td, .article-content .uk-table.uk-table-td-center td p { text-align: center !important; } .article-content .uk-table.uk-table-td-left td, .article-content .uk-table.uk-table-td-left td p { text-align: left !important; } .article-content .uk-table.uk-table-th-center th, .article-content .uk-table.uk-table-th-center th p { text-align: center !important; } .article-content .uk-table.uk-table-th-left th, .article-content .uk-table.uk-table-th-left th p { text-align: left !important; } .article-content .uk-table.uk-table-border { margin: 10px 0 30px !important; } .article-content .uk-table.uk-table-border th, .article-content .uk-table.uk-table-border td { border: 1px solid #000; } .article-content .uk-table td { vertical-align: middle !important; } .article-content .uk-table.uk-table-header-center th { text-align: center; } .article-content .uk-table.uk-table-header-primary th { background: #000000; color: #fff; } .article-content .uk-table.uk-table-header-secondary th { background: #ff3a03; color: #fff; } .article-content .uk-table.uk-table-row-border tr { border: 1px solid #000; } .article-content .uk-table.uk-table-col1-center tr > td:nth-child(1) { text-align: center; } .article-content .uk-table.uk-table-col2-center tr > td:nth-child(2) { text-align: center; } .article-content .uk-table.uk-table-col3-center tr > td:nth-child(3) { text-align: center; } .article-content .uk-table.uk-table-col4-center tr > td:nth-child(4) { text-align: center; } .article-content .uk-table.uk-table-col5-center tr > td:nth-child(5) { text-align: center; } .article-content .uk-table.uk-table-stripe-secondary tr:nth-child(2n) { background: #bb481a; } .article-fiche-video-holder { position: relative; overflow: hidden !important; padding-bottom: 56.25%; padding-top: 25px; height: 0; z-index: 1 !important; } .article-fiche-video-holder iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 !important; } /*Single - Produit*/ .content-single-pr .grid-page-sidebar .uk-panel { padding-right: 20px; } .content-single-pr .article-content p { text-align: justify; } .content-single-pr .article-content .article-intro p { text-align: justify; font-weight: 400; font-size: 16px; line-height: 28px; } .content-single-pr .article-content p { font-size: 16px; line-height: 28px; } .content-single-pr .article-content h2 { font-size: 1.6rem; font-weight: 700; color: #ff3a03; } .content-single-pr .article-content h3 { font-size: 1.3rem; font-weight: 700; } .content-single-pr .article-content * + h2 { margin-top: 60px; } .content-single-pr .article-content ul { list-style-type: none; padding-left: 0; } .content-single-pr .article-content ul li { background: transparent url('../images/interface/list-dot.svg') 0 5px no-repeat; background-size: 27px; padding-left: 35px; margin-top: 6px; } .content-single-pr .article-content .article-accordeon p { text-align: justify; } .content-single-pr .article-content .article-accordeon p { font-size: 16px; line-height: 25px; } .content-single-pr .article-content .article-accordeon h2 { font-size: 2.1rem; font-weight: 700; color: #ff3a03; } .content-single-pr .article-content .article-accordeon h3 { font-size: 19px; font-weight: 700; line-height: 24px; color: #ff3a03; } .content-single-pr .article-content .article-accordeon h4 { font-size: 16px; font-weight: 700; line-height: 20px; color: #000; } .content-single-pr .article-content .article-accordeon .uk-accordion-content a:hover { color: #ff3a03!important; text-decoration:underline!important; } .content-single-pr .article-content .article-accordeon * + h2 { margin-top: 60px; } .content-single-pr .article-content .article-accordeon * + h3 { margin-top: 30px; } .content-single-pr .article-content .article-accordeon * + h3 { margin-top: 30px; } .content-single-pr .article-content .article-accordeon * + h4 { margin-top: 20px; margin-bottom: 5px; } .content-single-pr .article-content .article-accordeon ul { list-style-type: none; padding-left: 0; } .content-single-pr .article-content .article-accordeon ul li { font-size: 16px; line-height: 20px; background: transparent url('../images/interface/list-dot.svg') 0 3px no-repeat; background-size: 27px; padding-left: 35px; margin-bottom: 13px; } .content-single-pr .article-content .article-accordeon .uk-accordion-title { } .content-single-pr .article-content .article-accordeon .uk-accordion-title::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ffffff%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ffffff%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")!important; } .content-single-pr .article-content .article-accordeon .uk-open > .uk-accordion-title::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ffffff%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")!important; } .article-content p.nb { font-size: 14px !important; font-weight: 500; line-height: 20px !important; text-align: justify; padding: 14px !important; border: 1px solid #ff3a03!important; background: #000!important; color: #fff!important; margin: 10px 0; } .content-single .article-content .article-accordeon .uk-accordion-title { } .content-single .article-content .article-accordeon .uk-accordion-title::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ffffff%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ffffff%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")!important; } .content-single .article-content .article-accordeon .uk-open > .uk-accordion-title::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ffffff%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")!important; } /*Single Blog*/ .content-single-blog #article-more, .content-single #article-more { border-top: 1px solid #222; } .content-single-blog .max-content { width: 100%; margin: 0 auto; max-width: 1400px!important; } .content-single-blog .article-content .max-content { max-width: 880px!important;} .content-single-blog #page-cover .max-content { max-width: 1050px!important;} .content-single-blog #article-file .max-content,.content-single-blog #article-more .max-content { max-width: 790px!important; } .content-single-blog #article-more .max-content { max-width:1050px!important } #article-galerie .article-galerie-image { background-size: cover; background-position: center; background-repeat: no-repeat;} /*Article File listing*/ ; #article-file .block-content { margin-bottom: 50px; } #article-file .block-title h3 { color: #ff3a03; font-size: 24px; line-height: 28px; text-align: left; margin-top: 50px; } #article-file .article-file-item { margin-bottom: 15px; } #article-file .article-file-wrapper { border: 1px solid #e7ebee; padding: 4px; margin-bottom: 0; } #article-file .article-file-item h4.article-file-title { text-transform: uppercase; margin: 0 !important; font-size: 14px; line-height: 20px; padding-left: 10px; } #article-file .article-file-item .article-file-meta { font-size: 11px; line-height: 11px; text-align: center; color: #333; display: block; padding-top: 0px; padding-bottom: 8px; } #article-file .article-file-item .article-file-options { text-align: center; } #article-file .article-file-item .article-file-options .uk-button { color: #fff; width: 100%; padding-left: 0; padding-right: 0; border-radius: 0; padding-bottom: 0; line-height: 16px; } #article-file .article-file-item a:hover .article-file-options .uk-button { color: #ff3a03!important } #article-file .file-grid { margin-left: -15px; } #article-file .file-grid > * { padding-left: 15px; } #article-file .file-grid > * > .uk-panel { padding: 5px; } /* PRESENTATION ----------------------------------------------------------------------------------------------------*/ #presentation .block { background-size:cover; background-repeat:no-repeat; background-position:center; } #presentation .block .block-wrapper { background-color: rgba(0, 0, 0, 0.75); } #presentation .about-holder { max-width: 800px; margin: 0 auto; } #presentation .about-texte { } #presentation .about-texte p { font-size: 16px; line-height: 28px; text-align: justify; } #presentation .about-texte ul { list-style-type: none; padding-left: 0; } #presentation .about-texte ul li { font-size: 16px; line-height: 24px; background: transparent url('../images/interface/list-dot.svg') 0 5px no-repeat; background-size: 27px; padding-left: 35px; margin-top: 8px; } #presentation .block-border { font-size: 16px !important; line-height: 22px !important; text-align: center !important; border: 1px solid #ff3a03; padding: 30px 15px !important; text-align: center; margin-top: 80px !important; } #presentation .block-border em { color: #ff3a03; font-size: 16px; line-height: 17px; display: block; margin-bottom: 10px; font-weight: 700; font-style: normal; } #presentation .presentation-files { display: flex; justify-content: space-between; gap: 20px; } #chiffres .section-intro-texte-small { font-size: 16px; line-height: 26px; } .chiffres-grid-holder { position: relative; } .chiffres-grid-liste { display: flex; gap: 0 15px; flex-wrap: wrap; justify-content: flex-end; align-content: flex-start; align-items: flex-start; } .chiffres-grid-block { width: 48%; position: relative; background: #FF3A03;-webkit-clip-path: polygon(15% 0, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0% 50%); clip-path: polygon(15% 0, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0% 50%);} .chiffres-grid-block:after { background: #fff; content: ""; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s-webkit-clip-path: polygon(calc(15% - 1px) 0, calc(85% + 1px) 0, calc(100% - 1px) 50%, calc(85% + 1px) 100%, calc(15% - 1px) 100%, 1px 50%);clip-path: polygon(calc(15% - 1px) 0, calc(85% + 1px) 0, calc(100% - 1px) 50%, calc(85% + 1px) 100%, calc(15% - 1px) 100%, 1px 50%);} .chiffres-grid-block-wrapper { position: relative; z-index: 2; background: transparent; padding: 30px 80px; min-height: 190px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: flex-start; } .chiffres-grid-block h3 { position: relative; margin: 0 0 15px 0 !important; color: #ff3a03 !important; font-size: 50px !important; line-height: 50px !important; font-weight: 700 !important; } .chiffres-grid-block p { margin: 0 0 10px 0 !important; padding: 0 !important; color: #000 !important; font-size: 14px !important; line-height: 24px !important; font-weight: 500 !important; } .chiffres-grid-block:nth-child(2n) { margin-top: -110px; margin-left: -80px; } .chiffres-grid-block:nth-child(3) { margin-top: -80px; margin-left: -80px; } #chiffres span { color: #ff3a03; font-size: 50px; line-height: 50px; font-weight: 700; display: block; text-align: left; } #chiffres span + span { color: #000; font-size: 14px; line-height: 20px; font-weight: 400; margin-top: 10px; } #chiffres .chiffres-grid-block h3 { font-size: 30px !important; line-height: 30px !important; } #chiffres .chiffres-grid-block-wrapper { min-height:150px } #chiffres .chiffres-grid-block:nth-child(2n) { margin-top: -105px; margin-left: -80px; } #chiffres .chiffres-grid-block:nth-child(3) { margin-top: -45px; margin-left: -80px; } #chiffres .chiffres-grid-block-wrapper { justify-content:center; text-align: center;} .presentation #valeurs .grid-poly-right-block:nth-child(2) { margin-top: -110px; margin-left: -80px; } .presentation #valeurs .grid-poly-right-block:nth-child(3) { margin-top: 30px; margin-left: -80px; } .presentation #valeurs .grid-poly-right-block:nth-child(4) { margin-top: -80px; margin-left: -80px; } .perf-grid .perf-item .uk-card { border: 1px solid #ff3a03; } .perf-grid .perf-item .perf-item-content { padding: 40px 25px; display: block; } .perf-grid .perf-item h4 { display: block; margin: 0; font-size: 28px; font-weight: 700; line-height: 28px; text-align: center; } .perf-grid .perf-item h6 { display: block; margin: 7px 0 0; font-size: 14px; line-height: 20px; text-align: center; } .perf-note { text-align: center; font-size: 12px; line-height: 12px; display: block; margin-top: 15px; } .team-grid .team-person { margin-left: -10px !important; display: flex; align-items: strech; } .team-grid .team-person > * { padding-left: 10px !important; } .team-grid .team-person .uk-card { padding-bottom: 30px; border-bottom: 1px solid #eaeaea; width: 100%; } .team-grid .team-person-content { margin-left: -20px !important; } .team-grid .team-person-content > * { padding-left: 20px !important; } .team-grid .team-person h4 { margin: 0; font-size: 22px; line-height: 28px; } .team-grid .team-person h5 { margin: 4px 0 0; font-size: 14px; font-weight: 500; line-height: 18px; } .team-grid .team-person h6 { margin: 4px 0 0; font-size: 13px; line-height: 14px; font-weight: 400; } .team-grid .team-person a { margin: 12px 0 0; font-size: 14px; line-height: 18px; display: block; } .team-leader .team-grid .team-person h4 { color: #ff3a03; } #team.bg-black .section-intro-title-big { color:#fff; } #team.bg-black .section-intro-title-big i { color:#ff3a03 } #team.bg-black .team-grid .team-person { margin-left: -10px !important; display: flex; align-items: strech; } #team.bg-black .team-grid .team-person > * { padding-left: 10px !important; } #team.bg-black .team-grid .team-person .uk-card { padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); width: 100%; } #team.bg-black .team-grid .team-person-content { margin-left: -20px !important; } #team.bg-black .team-grid .team-person-content > * { padding-left: 20px !important; } #team.bg-black .team-grid .team-person h4 { margin: 0; font-size: 22px; line-height: 28px; color:#fff!important } #team.bg-black .team-grid .team-person h5 { margin: 4px 0 0; font-size: 14px; font-weight: 500; line-height: 18px; color:#fff!important } #team.bg-black .team-grid .team-person h6 { margin: 4px 0 0; font-size: 13px; line-height: 14px; font-weight: 400; color:#fff!important } #team.bg-black .team-grid .team-person a { margin: 12px 0 0; font-size: 14px; line-height: 18px; display: block; color:#ff3a03!important } #team.bg-black .team-leader .team-grid .team-person h4 { color: #ff3a03!important; } /* MOMO KASH ----------------------------------------------------------------------------------------------------*/ .switcher-intro .switcher-intro-content { padding-top: 20px;} .bmf-switcher {} .bmf-switcher .block-grid { border-bottom: 1px solid #efefef;} .bmf-switcher .block-grid a { display: block; } .bmf-switcher .block-grid-item { } .bmf-switcher .block-item { display: flex; align-items: center; gap: 15px; padding: 20px 15px; background: #fff; } .bmf-switcher .block-item, .bmf-switcher .block-item > * { width: 100%; text-align: center; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s } .bmf-switcher .block-item h3 { color: #000; margin-bottom: 0px; font-size: 24px; line-height: 26px; } .bmf-switcher .block-item p { color: #000; margin: 0; padding: 0; line-height: 20px; font-size: 16px; } .bmf-switcher .block-grid-item.uk-active .block-item { background: #232323; color: #ff3a03; } .bmf-switcher .block-grid-item.uk-active .block-item .block-item-icon { background: #fff; text-align: center; } .bmf-switcher .block-grid-item.uk-active .block-item h3 { color: #ff3a03; } .bmf-switcher .block-grid-item.uk-active .block-item p { color: #000; } .bmf-switcher .bmf-switcher-content-wrapper { padding: 80px 0 110px; } .bmf-switcher .bmf-switcher-image { text-align: center; position: relative; } .bmf-switcher .bmf-switcher-image img { } .bmf-switcher .bmf-switcher-image .bmf-switcher-s-image { position: absolute; right: 0px; top: 0; width: 25%; } .bmf-switcher .bmf-switcher-image .bmf-switcher-sm-image { border-radius: 20px; width: 100%; max-width: 200px; border: 15px solid #fff; position: absolute; right: 30px; bottom: -29px; background-size: cover; background-position: center; background-repeat: no-repeat; } .bmf-switcher .bmf-switcher-image .bmf-switcher-bg-image { max-width: 75%; border-radius: 20px; background-size: cover; background-position: center; background-repeat: no-repeat; } .bmf-switcher .bmf-section-subtitle { color: #fff; background: #ff3a03; display: inline-block; padding: 5px 12px; border-radius: 20px; } .bmf-switcher .bmf-section-title { color: #ff3a03; font-size: 34px; line-height: 44px; } .bmf-switcher .bmf-section-content { margin-top: 15px; } .bmf-switcher .bmf-switcher-content p { color: #000; padding: 0; font-size: 18px; line-height: 30px; } .bam-s-content .rse-ambitions-grid .rse-ambitions-item:nth-child(2n) { margin-left: 50px; } #team .bmf-switcher .block-grid { border-bottom: 1px solid #efefef; margin-bottom: 60px;} #team .bmf-switcher .block-item { display: flex; align-items: center; gap: 15px; padding: 10px 15px; background: #fff; } #team .bmf-switcher .block-item h3 {color: #000;margin-bottom: 10px;font-size: 16px;line-height: 17px; margin-bottom:0; } #team .bmf-switcher .block-grid-item.uk-active .block-item h3 { color: #ff3a03; } #momokash-profils .switcher-intro-image { background-size: cover; background-repeat: no-repeat; background-position: center; max-width:700px; margin: 0 auto;} #momokash-profils .switcher-intro-image img { max-height: 450px; } #momokash-profils .switcher-intro-content { padding-top:0; } #momokash-profils .switcher-intro-content p { padding-top: 60px; font-size: 25px; line-height: 36px; text-align: center;} #momokash-profils .bmf-switcher .bmf-switcher-content-wrapper { padding: 0 0 110px; background:#232323; } .blocks-grid .blocks-item-grid { margin-left: -40px!important; } .blocks-grid .blocks-item-grid > * { padding-left: 40px!important; } .blocks-grid .blocks-item-grid .uk-card { margin-bottom: 90px!important;} .blocks-grid .blocks-item-image-wrapper { position:relative;} .blocks-grid .blocks-item-image-squarre { position: relative; text-align: center; } .blocks-grid .blocks-item-image-squarre .blocks-item-image { max-width: 400px; margin: 0 auto;position: relative;background-size: cover; background-position: center; background-repeat: no-repeat; } .blocks-grid .blocks-item-image-rectangle { position: relative; text-align: center; } .blocks-grid .blocks-item-image-rectangle .blocks-item-image { max-width: 100%; margin: 0 auto;position: relative;background-size: cover; background-position: center; background-repeat: no-repeat; } .blocks-grid .blocks-item-image-rectangle .blocks-item-image img { border-radius: 12px;} .blocks-grid .blocks-item-image-border { position: relative;} .blocks-grid .blocks-item-image-border:before {content: "";background-color: #FF3A03;position: absolute;top: -3px;bottom: -3px;left: -3px;right: -3px;clip-path: polygon(0% 50%, 25% 0%, 100% 0%, 100% 100%, 25% 100%); } .blocks-grid .blocks-item-image-border .blocks-item-image { position: relative;background-size: cover; background-position: center; background-repeat: no-repeat; clip-path: polygon(0% 50%, 25% 0%, 100% 0%, 100% 100%, 25% 100%); } .blocks-grid span.blocks-item-image-border { height: 100%; background-color: #FF3A03; position: absolute; top:-4px; bottom: 0px; right: 0px; left: -4px; clip-path: polygon(0% 50%, 25% 0%, 100% 0%, 100% 100%, 25% 100%); } .blocks-grid .blocks-item-line:nth-child(2n) .blocks-item-texte-wrapper { order:99;} .blocks-grid .blocks-item-line:nth-child(2n) .blocks-item-image-border .blocks-item-image { clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); } .blocks-grid .blocks-item-line:nth-child(2n) .blocks-item-image-border:before { clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); } .blocks-grid .blocks-item-titre { font-size: 27px; line-height: 36px; font-weight: 700; color: #ff3a03; margin: 0; } .blocks-grid h3 { font-size: 24px; line-height: 20px; font-weight: 700; color: #ff3a03; margin: 0 0 20px 0; } .blocks-grid .blocks-item-soustitre { font-size: 19px; line-height: 23px; font-weight: 600; color: #000; margin: 10px 0 0 0; } .blocks-grid .blocks-item-intro-content { margin-top: 20px;} .blocks-grid .blocks-item-intro-content p { font-size: 17px; line-height: 32px; margin-bottom: 10px; margin:0 0 20px 0; padding: 0; } .blocks-grid .blocks-item-intro-content ul { list-style-type: none; margin: 0; padding-left: 0;} .blocks-grid .blocks-item-intro-content ul li { font-size: 17px; line-height: 25px; margin-bottom: 10px; padding-left: 28px; position: relative;} .blocks-grid .blocks-item-intro-content ul li:before { content: ""; position: absolute; top: 8px; left: 0; width: 22px; height: 10px; background-color: #FF3A03; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); } .blocks-grid .blocks-item-link { margin-top: 15px!important;} /*#team .bmf-switcher .block-grid { border-bottom: 1px solid #efefef; margin-bottom: 40px;} #team .bmf-switcher .block-item { display: flex; align-items: center; gap: 15px; padding: 10px 15px; background: #fff; } #team .bmf-switcher .block-item h3 {color: #000;margin-bottom: 10px;font-size: 16px;line-height: 17px; } #team .bmf-switcher .block-grid-item.uk-active .block-item h3 { color: #ff3a03; }*/ /* RSE ----------------------------------------------------------------------------------------------------*/ #page.rse .max-width { max-width: 1230px !important; padding: 0 30px !important; } .rse-more .grid-poly-item-wrapper { min-height: 120px!important; } .rse-more .grid-poly-item:nth-child(2n) { margin-top: -80px; margin-left: -60px;} .rse-section-title { font-size: 52px; line-height: 62px; margin-bottom: 30px; } .rse-intro-page .block-wrapper { padding: 130px 0; } .rse-intro-page h1 { display: block; margin: 40px 0 0; color: #000; font-weight: 600; font-size: 40px; line-height: 54px; text-align: center; } .rse-intro-page p { display: block; margin: 40px 0 0; color: #000; font-size: 24px; line-height: 34px; text-align: center; } .rse-intro-page-content { max-width: 800px; margin: 0 auto; } .rse-intro-page-content p { display: block; margin: 0 0 15px 0; color: #000; font-size: 18px; line-height: 28px; text-align: justify; } .rse-intro-page-content.uk-text-center p { text-align: center;} .rse-about .block-wrapper { padding: 0px 0 130px; } .rse-about .block-intro { padding-bottom: 20px; } .rse-about .rse-about-image { text-align: center; } .rse-about .rse-about-image img { max-width: 360px; margin: 0 auto; } .rse-about p { font-size: 16px; line-height: 26px; text-align: justify; } .rse-about .rse-section-title { font-weight: 700; } .rse-switcher .block-grid a { display: block; } .rse-switcher .block-grid-item { } .rse-switcher .block-item { display: flex; align-items: center; gap: 15px; padding: 20px 15px; background: #ff3a03; } .rse-switcher .block-item, .rse-switcher .block-item > * { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s } .rse-switcher .block-item .block-item-icon { background: #ff3a03; display: flex; align-items: center; } .rse-switcher .block-item .block-item-icon div { background: #fff; padding: 0; text-align: center; width: 70px; height: 70px; border-radius: 50%; font-size: 50px; line-height: 70px; } .rse-switcher .block-item h3 { color: #fff; margin-bottom: 10px; font-size: 24px; line-height: 26px; } .rse-switcher .block-item p { color: #fff; margin: 0; padding: 0; line-height: 20px; font-size: 16px; } .rse-switcher .block-grid-item.uk-active .block-item { background: #111; box-shadow: 0 -8px 14px rgba(0, 0, 0, .06); } .rse-switcher .block-grid-item.uk-active .block-item .block-item-icon { background: #111; } .rse-switcher .block-grid-item.uk-active .block-item .block-item-icon div { background: #ff3a03; color: #fff; } .rse-switcher .block-grid-item.uk-active .block-item h3 { color: #fff; } .rse-switcher .block-grid-item.uk-active .block-item p { color: #fff; } .rse-switcher .uk-rse-switcher { background: #111; } .rse-switcher .rse-switcher-content-wrapper { background: #111; padding: 80px 0 110px; box-shadow: 0 -10px 15px rgba(0, 0, 0, .1); } .rse-switcher .rse_s_animation { animation: rse-s-animation 5s linear infinite alternate; } .rse-switcher .rse-switcher-image { text-align: center; position: relative; } .rse-switcher .rse-switcher-image img { } .rse-switcher .rse-switcher-image .rse-switcher-s-image { position: absolute; right: 0px; top: 0; width: 25%; } .rse-switcher .rse-switcher-image .rse-switcher-sm-image { border-radius: 20px; width: 100%; max-width: 200px; border: 15px solid #fff; position: absolute; right: 30px; bottom: -29px; background-size: cover; background-position: center; background-repeat: no-repeat; } .rse-switcher .rse-switcher-image .rse-switcher-bg-image { max-width: 75%; border-radius: 20px; background-size: cover; background-position: center; background-repeat: no-repeat; } .rse-switcher .rse-section-subtitle { color: #fff; background: #ff3a03; display: inline-block; padding: 5px 12px; border-radius: 20px; } .rse-switcher .rse-section-title { color: #ff3a03; font-size: 34px; line-height: 44px; } .rse-switcher .rse-section-content { margin-top: 15px; } .rse-switcher .rse-switcher-content p { color: #fff; padding: 0; font-size: 16px; line-height: 28px; } .rse-switcher .rse-s-content .rse-switcher-image { text-align: right; } .rse-switcher .rse-s-content .rse-switcher-image .rse-switcher-s-image { position: absolute; right: 0px; top: auto; bottom: 10%; width: 25%; } .rse-switcher .rse-s-content .rse-switcher-image .rse-switcher-sm-image { border-radius: 20px; width: 100%; max-width: 55%; position: absolute; left: 0; bottom: 0px; background-size: cover; background-position: center; background-repeat: no-repeat; } .rse-switcher .rse-s-content .rse-switcher-image .rse-switcher-bg-image { margin-left: auto; max-width: 70%; border-radius: 20px; background-size: cover; background-position: center; background-repeat: no-repeat; } .rse-soumission .block-wrapper { text-align: center; padding: 140px 20px; margin: 0 auto 0; } .rse-soumission p { font-size: 26px; line-height: 32px; margin: 0 0 20px 0; } .rse-links-grid .uk-card { padding: 0; background: #fff; } .rse-links-grid .rse-links-grid-item-image { background-size: cover; background-position: center; background-repeat: no-repeat; } .rse-links-grid .rse-links-grid-item-content { padding: 30px; } .rse-links .rse-links-grid-item-content h3 { color: #fff; background: #ff3a03; display: inline-block; margin: 0 0 15px; padding: 5px 12px; border-radius: 20px; } .rse-links .rse-links-grid-item-content h2 { font-size: 24px; line-height: 34px; color: #000; margin: 0 0 25px 0; padding: 0; } .rse-links .rse-links-grid-item-content a { text-align: center; text-transform: uppercase; font-size: 14px; line-height: 17px; padding: 8px 15px; display: block; border: 2px solid #ff3a03; color: #ff3a03; } .rse-links .rse-links-grid-item-content a:hover, .rse-links .rse-links-grid-item-content a:focus { background: #ff3a03; color: #fff; } .rse-links .rse-section-title { } .rse-more .grid-poly-holder { margin-top: 80px } .rse-more .grid-poly-item { width: 50%; position: relative; } .rse-more .grid-poly-item-wrapper { justify-content:center; } .rse-ambitions-grid .rse-ambitions-item:nth-child(2n) { margin-left: -50px; } .rse-s-content .rse-ambitions-grid .rse-ambitions-item:nth-child(2n) { margin-left: 50px; } .rse-ambitions-item { color: #000; font-size: 16px; line-height: 24px; } .rse-ambitions-item .uk-card { font-size: 16px; line-height: 22px; background: #fff; border-radius: 30px; padding: 13px 10px 13px 85px; position: relative; } .rse-ambitions-item .uk-card span { border-radius: 50%; background: #ff3a03; color: #fff; text-align: center; font-size: 34px; width: 90px; height: 90px; line-height: 90px; position: absolute; top: 50%; left: 0; margin-left: -25px; transform: translateY(-50%) } #page.rse-innerpage .rse-switcher .rse-s-content .rse-switcher-image .rse-switcher-sm-image { border-radius: 20px; width: 100%; max-width: 55%; position: absolute; left: 0; bottom: 0px; background-size: cover; background-position: center; background-repeat: no-repeat; } #page.rse-innerpage .rse-switcher .rse-s-content .rse-switcher-image .rse-switcher-bg-image { margin-left: 0; max-width: 70%; border-radius: 20px; background-size: cover; background-position: center; background-repeat: no-repeat; } #page.rse-innerpage .rse-cover .rse-cover-wrapper { min-height: 0; height: 500px; } #page.rse-innerpage .rse-cover h1 { font-size: 130px; margin: 0 auto; } #page.rse-realisations .rse-cover h1 { font-size: 120px; } #page.rse-innerpage .rse-cover h4 { color: #fff; font-size: 40px; line-height: 40px; text-align: center; margin: 30px auto 0; } #page.rse-page .rse-cover h1 { font-size: 90px; } #page.rse-realisations .rse-switcher .rse-switcher-content-wrapper { padding: 0 0 110px; } #page.rse-innerpage .rse-switcher .rse-switcher-content-wrapper-title { text-align: center; font-size: 30px; line-height: 40px; margin: 0 auto; padding: 40px 0; color: #fff!important; } .rse-blog-grid .rse-blog-grid-item:nth-child(2n) .rse-switcher-image { order: 99; } .rse-blog-grid .rse-blog-grid-item > .uk-card { } .rse-blog-grid .rse-blog-grid-item .rse-switcher-bg-image { max-width: 300px; margin: 0 auto; } .rse-blog-grid .rse-blog-grid-item .rse-switcher-texte h4 { z-index: 1; position: relative; font-size: 30px; line-height: 40px; text-align: left; color: #fff; } .rse-blog-grid .rse-blog-grid-item h4 span { display: inline-block; position: relative; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .rse-blog-grid .rse-blog-grid-item h4 span::before { z-index: -1; content: ""; position: absolute; display: block; top: 0; bottom: 0; left: auto; right: auto; width: 0; height: 100%; background: #ff3a03; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s } .rse-blog-grid .rse-blog-grid-item a:hover h4 span::before { width: 100%; } .rse-scorecard-table .uk-table th { text-align: center !important; vertical-align: middle !important; padding: 5px !important; font-size: 13px !important; line-height: 17px !important; } .rse-scorecard-table .uk-table td { padding: 15px 5px !important; font-size: 15px !important; line-height: 17px !important; vertical-align: middle !important; } .rse-scorecard-table .uk-table tr td p { margin: 0 !important; font-size: 15px !important; line-height: 17px !important; } .rse-scorecard-table .uk-table tr td p + p { margin-top: 5px !important; } .rse-scorecard-table .uk-table.uk-table-td-center td, .rse-scorecard-table .uk-table.uk-table-td-center td p { text-align: center !important; } .rse-scorecard-table .uk-table.uk-table-td-left td, .rse-scorecard-table .uk-table.uk-table-td-left td p { text-align: left !important; } .rse-scorecard-table .uk-table.uk-table-th-center th, .rse-scorecard-table .uk-table.uk-table-th-center th p { text-align: center !important; } .rse-scorecard-table .uk-table.uk-table-th-left th, .rse-scorecard-table .uk-table.uk-table-th-left th p { text-align: left !important; } .rse-scorecard-table .uk-table.uk-table-border { margin: 10px 0 30px !important; } .rse-scorecard-table .uk-table.uk-table-border th, .rse-scorecard-table .uk-table.uk-table-border td { border: 1px solid #000; } .rse-scorecard-table .uk-table td { padding: 8px 4px; } .rse-scorecard-table .uk-table.uk-table-header-center th { text-align: center; } .rse-scorecard-table .uk-table.uk-table-header-primary th { background: #000000; color: #fff; } .rse-scorecard-table .uk-table.uk-table-header-secondary th { background: #ff3a03; color: #fff; } .rse-scorecard-table .uk-table.uk-table-row-border tr { border: 1px solid #000; color: #fff; } .rse-scorecard-table .uk-table.uk-table-row-border tr td { border-right: 1px solid #000; color: #fff; } .rse-scorecard-table .uk-table.uk-table-col1-center tr > td:nth-child(1) { text-align: center; } .rse-scorecard-table .uk-table.uk-table-col2-center tr > td:nth-child(2) { text-align: center; } .rse-scorecard-table .uk-table.uk-table-col3-center tr > td:nth-child(3) { text-align: center; } .rse-scorecard-table .uk-table.uk-table-col4-center tr > td:nth-child(4) { text-align: center; } .rse-scorecard-table .uk-table.uk-table-col5-center tr > td:nth-child(5) { text-align: center; } .rse-scorecard-table .uk-table.uk-table-stripe-secondary tr:nth-child(2n) { background: #f4F5F6; color:#000!important } .rse-scorecard-table .uk-table.uk-table-stripe-secondary tr:nth-child(2n) td { color:#000!important } #page.rse-page .rse-content-page .block-wrapper { padding: 0px 20px 60px; } #listing-page { } #listing-page .listing-page-title.with-intro { padding-bottom: 30px; } #listing-page .listing-page-intro { text-align: center; font-size: 16px; line-height: 1.7; color: #010101; font-weight: 400; letter-spacing: -0.02em; padding-bottom: 70px; } #listing-page .listing-items-article { padding-bottom: 80px; } #listing-page .listing-items-article:last-child { padding-bottom: 10px; } #listing-page .listing-items-article-title { text-align: left; padding: 0 !important; } #listing-page .listing-items-article-intro { text-align: justify !important; font-size: 16px !important; line-height: 26px; color: #000; } #listing-page .listing-items-article-intro p { text-align: justify !important; } /* DEVENIR CLIENT ----------------------------------------------------------------------------------------------------*/ #devenir-client .dc-how-title { text-align: center; } #devenir-client .dc-how-title i { font-size: 40px;} #devenir-client .dc-how-title h4 { color: #fff; margin: 10px 0 0; font-size: 17px; line-height: 32px; font-weight: 600;} #devenir-client .dc-how-text p { margin: 15px 0 0px 0; text-align: center;} #devenir-client .dc-how-content-item .uk-panel { display: flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; align-content:space-between; } #devenir-client .dc-how-content-item .uk-panel .dc-how-action { align-self:flex-end; width: 100%; margin-top: auto;} #devenir-client .dc-how-content-item .uk-panel .dc-how-action p { margin: 20px 0 15px 0!important; color: #fff; font-size: 13px; line-height: 14px; text-align: center; } #devenir-client .dc-how-content-item .uk-panel .dc-how-action a { background:#ff3a03; color:#fff; border: 1px solid #ff3a03; margin: 20px 0 0 0!important; display: block; width: 100%; padding: 8px 0!important; font-size: 13px; } #devenir-client .dc-how-content-item .uk-panel .dc-how-action a:hover { background:transparent; color:#ff3a03; } #devenir-client .dc-how-content-item .uk-panel .dc-how-action p + a { margin-top: 0!important;} #devenir-client ul.ci-tabs-holder { justify-content:center!important; padding-bottom: 0!important; border-bottom: 0px solid rgba(255,255,255,0.1)!important; box-shadow: none !important; } #devenir-client ul.ci-tabs-holder::before { border-bottom: 1px solid rgba(255,255,255,0.1); } #devenir-client .ci-tabs-holder li i { font-style: normal;} #devenir-client .clients-item .clients-item-block { padding: 20px 0 0;} #devenir-client .clients-item .clients-item-block .clients-item-block-description { margin:0 0 50px; text-align:center; } #devenir-client .clients-item h3 { font-size: 28px; line-height: 36px; margin: 0 0 25px 0; font-weight: 500;} #devenir-client .clients-item h4 { color: #ff3a03!important; font-size: 18px; line-height: 22px; margin: 0 0 25px 0; font-weight: 500;} #devenir-client .clients-item .dc-lines { list-style-type: none; padding-left: 0!important; margin-left:0!important;margin-bottom: 40px!important; display: flex; flex-direction:row; flex-wrap:wrap; row-gap:20px;} #devenir-client .clients-item .dc-lines li { border: 1px solid #fff; width: 100%; padding: 15px 5px 15px 45px; color: #fff; font-size: 14px; line-height: 20px; text-align: left; background: transparent url('../images/interface/list-dot.svg') 10px 20px no-repeat; background-size: 25px; } #devenir-client .uk-grid-divider > :not(.uk-first-column)::before { border-left: 1px solid rgba(255,255,255,0.1);!important; } #devenir-client .clients-item .dc-pdfs { margin-bottom: 20px; display: flex; flex-direction:row; flex-wrap:wrap; row-gap:20px; } #devenir-client .clients-item .dc-pdfs .dc-pdf { width: 100%; } #devenir-client .clients-item .dc-pdfs .dc-pdf a { color: #000; padding: 0px; display: block; display: flex; flex-direction: row; flex-wrap: nowrap; column-gap: 20px; justify-content: space-between; align-items:center; } #devenir-client .clients-item .dc-pdfs .dc-pdf a i { min-width: 40px;} #devenir-client .clients-item .dc-pdfs .dc-pdf .dc-pdfs-link-title { display: flex; flex-direction: row; flex-wrap: nowrap; column-gap: 5px; align-items: center; } #devenir-client .clients-item .dc-pdfs .dc-pdf .dc-pdfs-link-title span { font-size: 15px; line-height: 22px; color: #000; } #devenir-client .clients-item .dc-pdfs .dc-pdf .uk-inline-link { color: #ff3a03; font-size: 12px; line-height: 16px; letter-spacing: 0; font-weight: 500; position: relative; } #devenir-client .clients-item .dc-pdfs .dc-pdf .uk-inline-link:before { content: ""; position: absolute; height: 2px; top: auto; bottom: -4px; width: 0%; background: #ff3a03; left: 0; transition: all 0.5s ease 0.3s; -webkit-transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s } #devenir-client .clients-item .dc-pdfs .dc-pdf a:hover .uk-inline-link:before { width: 100%; } #devenir-client .clients-item .dc-pdfs .dc-pdf a:hover .dc-pdfs-link-title span { color: #ff3a03;} #devenir-client .tool .tool-actions { align-items: center; } #devenir-client .tool .tool-actions .tool-action-link img { width: 100%; height: auto;} #devenir-client .tool .tool-actions .tool-action-link:first-child a.text-link { height: 100%;} #devenir-client .tool .tool-actions .tool-action-img-link,#devenir-client .tool .tool-actions .tool-action-text-link { flex:auto;text-align: center;} #devenir-client .tool .tool-actions .tool-action-link a.text-link { height: 60px!important; line-height: 60px!important; min-height: 60px!important; padding: 0!important;} #devenir-client .tool .tool-actions .tool-action-link .img-link { background: #000;} #devenir-client .tool .tool-actions .tool-action-link .img-link img { height: 60px; width: auto;} /* COMPARATEURS ----------------------------------------------------------------------------------------------------*/ #cartes-listing .cartes-listing-wrapper { max-width: 1100px; margin: 0 auto; } #cartes-listing h2.block-title { color: #ff3a03; } #cartes-listing .cartes-item { text-align: center; border-radius: 20px; border:1px solid #111; background:#fff } #cartes-listing .cartes-item .cartes-item-wrapper { padding: 20px 5px; margin: 0 auto; max-width: 300px; } #cartes-listing .carte-title { color: #000; display: block; font-size: 20px; line-height: 24px; text-align: center; margin: 30px 0; } #cartes-listing .carte-image { max-width: 250px; display: block; margin: 0 auto; margin-bottom: 30px; } #cartes-listing .carte-image .carte-picture { } #cartes-listing .cartes-item a.carte-select { display: block; border-radius: 20px; border: 1px solid #ff3a03; font-size: 14px; line-height: 14px; padding: 10px 5px; text-align: center; } #cartes-listing .cartes-item a.carte-select:hover, #cartes-listing .cartes-item.selected a.carte-select { background: #ff3a03 !important; color: #fff !important; } #cartes-listing .cartes-item a.carte-select span { display: block; line-height: 20px; } #cartes-listing .cartes-item:not(.selected) a.carte-select span.compare { display: block; } #cartes-listing .cartes-item:not(.selected) a.carte-select span.select { display: none; } #cartes-listing .cartes-item.selected a.carte-select span.compare { display: none; } #cartes-listing .cartes-item.selected a.carte-select span.select { display: block; } #comparateur .comparateur-top { display: flex; justify-content: space-between; margin-bottom: 80px; } #comparateur .comparateur-top .comparateur-top-title h5 { color: #fff; margin: 0; display: block; font-size: 26px; line-height: 36px; font-weight: 500; } #comparateur .comparateur-top .btn-comparer-back { display: block; border-radius: 20px; border: 1px solid #ff3a03; font-size: 14px; line-height: 14px; padding: 10px 20px; text-align: center; } #comparateur .comparateur-top .btn-comparer-back:hover { background: #ff3a03; color: #fff; } #comparateur .btn-comparer-back { border-radius: 30px; } #comparateur .comp-cols { width: 200px; } #comparateur .comp-cartes.hidden { display: none; } #comparateur .comp-cartes.appear { display: flex; } .comparateur-grid .comparateur-entete .comparateur-visuel { min-height: 100px; } .comparateur-grid .comparateur-entete .carte-image { padding: 0 15px 15px; } .comparateur-grid .comparateur-entete .carte-title { color: #fff; margin: 0; padding: 0; font-size: 14px; line-height: 20px; font-weight: 700; display: block; text-align: center; } .comparateur-grid .comparateur-entete .carte-cta { display: block; padding: 15px; text-align: center; } .comparateur-grid .comparateur-entete .carte-cta a { display: block; width: 100%; max-width: 210px; font-size: 14px; line-height: 20px; padding: 10px 5px; margin: 0 auto 10px auto; border-radius: 30px; color: #fff; background: #ff3a03; border: 1px solid #ff3a03; } .comparateur-grid .comparateur-entete .carte-cta a:hover { color: #ff3a03; background: #fff; } .comparateur-grid .comparateur-lines:nth-child(2n) { background: #000; } .comparateur-grid .comparateur-ligne-title, .comparateur-grid .comparateur-ligne-value { } .comparateur-grid .comparateur-ligne-title p, .comparateur-ligne-value p { margin: 0; padding: 0; } .comparateur-grid .comparateur-ligne-title p { padding-left: 10px; } .comparateur-grid .comparateur-ligne-title { text-align: left; font-size: 14px; line-height: 20px; font-weight: 600; } .comparateur-grid .comparateur-ligne-value { text-align: center; font-size: 13px; line-height: 18px; font-weight: 400; } .comparateur-grid .comparateur-ligne-value p br { margin-top: 10px; display: block; } .comparateur-grid .comparateur-ligne-value i.check { color: green; } .comparateur-grid .comparateur-ligne-value i.close { color: red; } .comparateur-grid .comp-cols .uk-card { padding: 12px 5px; border-bottom: 1px solid #e6eaee; } .comparateur-grid .comp-cartes .uk-card { padding: 12px 5px; border-bottom: 1px solid #e6eaee; border-left: 1px solid #e6eaee; } .comparateur-grid .comp-cartes .uk-card:last-child { border-right: 1px solid #e6eaee; } .comparateur-entete .comparateur-grid .comp-cartes .uk-card { border-top: 1px solid #e6eaee; } .comparateur-grid .comparateur-entete .comp-cartes .uk-card { padding-top: 30px; } .comparateur-grid .comparateur-lines .comp-cols .uk-card { border-left: 1px solid #e6eaee; } .comparateur-footer .comparateur-grid .comp-cols .uk-card { border-bottom: 0; } .comparateur-grid .comparateur-footer .carte-cta { display: block; padding: 5px; text-align: center; } .comparateur-grid .comparateur-footer .carte-cta a { display: block; width: 100%; font-size: 13px; line-height: 14px; padding: 5px 5px; margin-bottom: 0; color: #ff3a03; } #selecteur { position: fixed; right: 0; left: 0; bottom: 0; top: auto; z-index: 100; } #selecteur .selecteur-wrapper { width: 100%; max-width: 850px; position: relative; background: #F4F5F6; border-radius: 20px 20px 0 0; box-shadow: 0 5px 15px rgba(0, 0, 0, .08); padding: 12px 10px; margin: 0 auto; } #selecteur .boxcard { width: 100px; height: 60px; border-radius: 6px; border: 2px dashed #A1B2C1; position: relative; margin: 0 10px; } #selecteur .boxcard.box-no-border { border: 0; } #selecteur .boxcard .remove-card { position: absolute; right: -3px; font-size: 0.5rem; top: -3px; border: 1px solid #ff3a03; border-radius: 50%; color: #fff; background-color: #ff3a03; cursor: pointer; padding: 3px; } #selecteur .btn-comparer-cartes.inactive { pointer-events: none; opacity: 0.25; } #selecteur .btn-comparer-cartes:not(.inactive) { cursor: pointer; } #selecteur .btn-comparer-cartes { border-radius: 30px; border: 1px solid #ff3a03; font-size: 15px; line-height: 18px; padding: 15px 14px; background: #ff3a03; color: #fff; } #selecteur .btn-comparer-cartes:hover { background: #fff; color: #ff3a03; } /* CALCULATEURS ----------------------------------------------------------------------------------------------------*/ .form-calculator h2.block-title { color: #ff3a03; font-weight: 300; display: block; text-align: center; margin-bottom: 20px; padding: 0; } .form-calculator .block-intro { padding-bottom: 0;} .form-calculator .block-intro p { color: #fff; font-size: 14px; line-height: 24px; font-weight: 400; display: block; text-align: center; margin: 0 0 50px 0; padding: 0; } #calculateur-form .calculateur-form-wrapper { padding: 30px; max-width: 850px; margin: 0 auto; z-index: 1; position: relative; } #calculateur-form .calculateur-form-holder { max-width: 650px; margin: 0 auto; } #calculateur-form .unit-container { clear: both; margin-bottom: 10px; border: 0 solid #00f; padding: 0 20px; } #calculateur-form .unit-container .unit { display: none; } #calculateur-form .unit-container .unit-field, #calculateur-form .unit-container .unit-name { display: block } #calculateur-form .unit-container .unit, #calculateur-form .unit-container .unit-field, #calculateur-form .unit-container .unit-label, #calculateur-form .unit-container .unit-name { color: #fff; font-weight: 400; font-size: 18px } #calculateur-form .unit-container .unit-field input.uk-input { margin-bottom: 0 !important; width: 100%; border: 1px solid #fff; background: #fff; font-size: 25px; color: #000; } #calculateur-form .unit-container .unit-field input.uk-input:focus { border-color: #fff !important; } #calculateur-form .unit-container .unit-field input.uk-range { margin-top: 15px; } #calculateur-form .unit-container .unit-field select.uk-select { margin-bottom: 0 !important; width: 100%; border: 1px solid #fff; background-color: #fff; font-size: 25px; color: #000; } #calculateur-form .unit-container .unit-label { margin-bottom: 10px; font-weight: 500 !important; color: #ffff; text-transform: none; font-size: 20px; letter-spacing: 0.6px; } #calculateur-form .unit-container .calc-field { height: 55px; text-align: center; margin-right: 10px } #calculateur-form .unit-container .error-label { border: 0 solid red; margin-top: 5px; color: #c00; height: 20px; font-size: 13px } #calculateur-form .unit-container input.field-error { border: 1px solid #c00 } #calculateur-form .unit-container label.field-error { font-size: 13px; color: #c00; margin: 0 !important; line-height: 13px !important; } #calculateur-form .btn-calculate { width: 60%; font-size: 16px; padding: 0 80px !important; height: 60px; line-height: 60px; min-height: 60px; background: #ff3a03; border-radius: 30px; color: #fff; } #calculateur-form .btn-calculate:focus, #calculateur-form .btn-calculate:hover { background: #fff; color: #ff3a03; } #calculateur-form .unit-container .unit-field-group input.uk-input { } #calculateur-form .unit-container .unit-field-group input.uk-range { margin-top: 0; } #calculateur-form .unit-container .unit-field-group select.uk-select { } #calculateur-results-error { padding: 20px 0; } #calculateur-results-error h3 { margin: 0; font-size: 17px; line-height: 25px; color: #ff3a03; text-align: center; } #calculateur-results .calculateur-results-wrapper { padding: 30px 60px 60px; max-width: 850px; margin: 0 auto; z-index: 1; position: relative; border-radius: 20px; background: #222; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1) } #calculateur-results .calculateur-results-label-holder h3 { color: #7b7b7b; font-size: 19px; line-height: 22px; font-weight: 600; margin-bottom: 15px; } #calculateur-results .calculateur-result-principal h3 { color: #000; font-size: 22px; line-height: 22px; font-weight: 700; } #calculateur-results .calculateur-results-grid .uk-card { background: #fff; border: 1px solid #7b7b7b; border-radius: 20px; text-align: center; padding: 35px 10px; } #calculateur-results .uk-card.calculateur-result-principal { border-color: #ff3a03; } #calculateur-results .calculateur-results-value { color: #000; font-size: 24px; line-height: 30px; display: block; margin: 0 auto; padding: 10px 0 0; } #calculateur-results .calculateur-result-principal .calculateur-results-value { color: #ff3a03; font-size: 27px; } #calculateur-results .calculateur-results-unit { color: #7b7b7b; margin-top: 10px; display: block; font-size: 16px; } #calculateur-credit .calculateur-result-principal .credit-payment-type { border-radius: 30px; background: #ff3a03; display: inline-block; padding: 4px 25px; font-size: 13px; color: #fff; } #calculateur-credit .uk-card.calculateur-result-principal { padding: 20px 10px; } #calculateur-credit #calculateur-credit-payment .calculateur-results-unit { font-size: 12px; margin-top: 0; } #calculateur-credit .calculateur-credit-payment-trimestre { margin-top: 15px; } #calculateur-results .calculateur-results-notice { margin-top: 50px; text-align: center; font-size: 11px; line-height: 14px; } #calculateur-results .next-step { margin-top: 50px; padding: 30px 20px; background: #F4F5F6; border-radius: 20px; text-align: center; } #calculateur-results .next-step h3 { padding: 0; margin: 0 0 20px; font-size: 1.6rem; font-weight: 400; text-align: center; } #calculateur-results .next-step p { color: #000!important; padding: 0; margin: 0 0 20px; font-size: 15px; line-height: 22px; text-align: center; } #calculateur-results .next-step a { display: inline-block; font-size: 16px; padding: 0 60px !important; line-height: 40px; min-height: 40px; background: #ff3a03; border: 2px solid #ff3a03; border-radius: 30px; color: #fff; min-width: 50%; } #calculateur-results .next-step a:hover { background: transparent; color: #ff3a03; } /* CARRIERE ----------------------------------------------------------------------------------------------------*/ #carriere-profil .slick-blocks .slick-block-content { background: #f1f3f5; } #carriere-profil .slick-blocks .slick-block-item a:hover .slick-block-content { background: #ff3a03; } #carriere-profil .slick-blocks .slick-block-item a:hover .slick-block-content > * { color: #fff; } #carriere-profil .block-content-wrapper { padding: 0 40px; } #carriere-profil .slick-block-image img { max-height: 260px; } #carriere-profil .slick-blocks .slick-block-item-link { display: block; position: relative; width: 100%; height: auto; border: 1px solid #ff3a03; background: transparent; color: #ff3a03; text-align: center; padding: 8px 0; margin: 15px auto 0 !important; font-size: 12px; line-height: 15px; } #carriere-profil .slick-blocks .slick-block-item-link:hover { background: #ff3a03; color: #fff; } #carriere-profil .slick-dots { display: none!important;} .emploi-tag-grid { margin-left: -20px; } .emploi-tag-grid > * { padding-left: 20px; } .emploi-tag-grid .uk-panel { margin-bottom: 30px; } .emploi-tag-label { text-align: center; display: block; font-weight: 600; color: #ff3a03; font-size: 16px; line-height: 16px; } .emploi-tag-value { text-align: center; display: block; font-weight: 400; color: #000; font-size: 14px; line-height: 14px; padding: 10px 0; } #emploi-postuler .block-wrapper { border-radius: 0; padding-left: 20px; padding-right: 20px; } #emploi-postuler .block-wrapper.block-single { border-radius: 60px 60px 0 0; } #emploi-candidature { margin-top: 40px; } #emploi-candidature .block-wrapper { padding: 25px; } #emploi-candidature h6 { font-size: 15px; line-height: 17px; margin: 0 0 10px; padding: 0; font-weight: 600; } #emploi-candidature p { font-size: 14px; line-height: 20px; margin: 0; padding: 0; } /*CANDIDATURE*/ .page-form .block-form-holder { padding: 60px 60px 30px; max-width: 850px; margin: 0 auto; z-index: 1; position: relative; background: #fff; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1); background: rgba(250, 250, 250, 0.5); background: #fff; border-radius: 60px 60px 0 0; } .page-form .block-form-holder .block-form { } .page-form .block-form-title h2 { color: #ff3a03; font-weight: 300; display: block; text-align: center; margin: 0 0 50px !important; } .page-form .page-form-max { margin: 0 auto; width: 100%; max-width: 800px; } /*FORMULAIRES*/ .swForm .formContainer { width: 100% !important; max-width: 650px; padding: 0 20px !important; margin: 0 auto !important; float: none; } .swForm fieldset { border: none !important } .swForm .uk-grid { margin-left: -20px; } .swForm .uk-grid > * { padding-left: 20px; } .swForm .rsform-block { display: block; width: 100%; margin: 0 0 30px 0 !important; float: none !important; padding: 0; } .swForm .uk-form-label { margin-bottom: 10px !important; font-weight: 500 !important; color: #000; text-transform: none; font-size: 20px; letter-spacing: 0.6px; } .swForm .uk-input, .swForm .uk-select, .swForm .uk-textarea { height: 55px !important; text-align: left; margin-bottom: 0 !important; width: 100%; border: 1px solid #ff3a03 !important; background: #fff; font-size: 17px !important; color: #000; border-radius: 40px; padding: 0 10px 0 25px; } .swForm .uk-textarea { height: auto !important; width: 100%; min-height: 200px; border-radius: 40px; padding: 25px; } .swForm .uk-input:focus, .swForm .uk-select:focus, .swForm .uk-textarea:focus { border-color: #000 !important; } .swForm .rsform-type-fileupload { background: #f4F5F6; padding: 35px; border-radius: 40px; } .swForm .rsform-type-fileupload .uk-form-custom { width: 100%; display: flex; } .swForm .rsform-type-fileupload .uk-form-custom .uk-input { flex: 1; min-width: 1px; padding-left: 25px; border-radius: 40px 0 0 40px; } .swForm .rsform-type-fileupload .uk-form-custom .uk-button { width: auto; border-left: 0; border-radius: 0 40px 40px 0; } .swForm .rsform-type-jquerycalendar { } .swForm .rsform-type-jquerycalendar .uk-form-controls { width: 100%; display: flex; } .swForm .rsform-type-jquerycalendar .uk-form-controls .uk-input { flex: 1; min-width: 1px; padding-left: 15px; } .swForm .rsform-type-jquerycalendar .uk-form-controls .uk-button { width: auto; border-left: 0; } .swForm .formRequired { font-size: 14px; line-height: 15px; color: #CF4D4D } .swForm .rsform-block-consent-text { padding-top: 20px; border-top: 1px solid #efefef; } .swForm .rsform-block-consent-text p { font-size: 12px; line-height: 18px; text-align: justify; } .swForm .rsform-block-consent-text p a:hover {color: #ff3a03 !important;text-decoration: underline !important;} .swForm .rsform-block-consent-check { border-bottom: 1px solid #efefef; padding-bottom: 20px; } .swForm .rsform-block-consent-check label { display: block; margin-bottom: 10px; } .swForm .rsform-type-radiogroup .formControls label { font-size: 16px; line-height: 20px; margin-right: 13px; } .swForm .rsform-type-radiogroup .formControls label:last-child { margin-right: 0; } .swForm .rsform-type-radiogroup .formControls label > input { height: 20px; width: 20px; } .swForm .rsform-block-info-form { padding-top: 40px !important; margin-top: 40px !important; border-top: 1px solid #efefef; } .swForm .rsform-block-info-form p { font-size: 12px; line-height: 18px; text-align: justify; } .swForm .rsform-block-send { margin-top: 60px !important; margin-bottom: 60px !important; text-align: center; } .swForm .rsform-block-send label { display: none; } .swForm .rsform-block-send .rsform-submit-button { font-size: 16px; padding: 0 80px !important; height: 60px; line-height: 60px; min-height: 60px; background: #ff3a03; border-radius: 30px; color: #fff; width: 60%; } .swForm .rsform-block-send .rsform-submit-button:hover { background: #000; color: #fff; } .swForm .uk-form-label.rsform-error { color: #000 !important; background: transparent !important; } .swForm .uk-form-controls .formValidation > span.formError { font-size: 13px; font-weight: 400 !important; padding: 5px 20px 0 !important; display: block; } .swForm input.rsform-error, .swForm select.rsform-error, .swForm textarea.rsform-error { border: 1px solid red !important; } .swForm .rsform-block-recaptcha .formControls > div > div { margin: 0 auto !important; } .swForm .rsform-block-recaptcha { margin: 20px auto !important; padding: 0 !important; } .swForm .rsform-block-recaptcha .uk-form-label { text-align: center; } .rsform-block-recaptcha .formError { text-align: center; width: 100%; display: inline-block; } .swForm .page-form-max { max-width: 800px; width: 100%; margin: 0 auto; padding: 40px 15px; } html.dark-theme .swForm input::placeholder { color: #888!important; font-weight: 400; } .swForm .rsform-type-freetext h2 { color:#fff; } .swForm > div > p { text-align: center; color: #CF4D4D !important; } .swForm .sw-form-error-message { text-align: center; font-size: 19px; line-height: 19px; color: #ff3a03; padding: 12px 5px; margin-bottom: 40px; background: #FFF2F2; } .swForm .sw-form-error-message p { margin: 0; padding: 0; } .swForm .uk-grid + .uk-grid { margin-top: 0; } .swForm .sw-form-thankyou { } .swForm .sw-form-thankyou p { } .rsfp_thankyou_popup_outer { background: rgba(0, 0, 0, 0.8) !important; } .rsfp_thankyou_popup_inner { text-align: center !important; } .rsfp_thankyou_popup_inner .uk-button { border-radius: 0 !important; padding: 0 15px !important; margin: 15px auto 0 !important; background: #ff3a03 !important; } .swForm .rsform-block-crenau-intro { margin: 15px 0 20px 0!important; text-align: center;} .swForm .rsform-block-visio-app label { text-align: center;} .swForm .creneau-intro h4 { margin: 0; font-size: 20px; color: #fff; } .swForm .creneau-intro p { margin: 0; color: #fff;} .swForm .rsform-type-freetext h4 { margin: 0; font-size: 20px; color: #fff; } .swForm .rsform-type-freetext p { margin: 0; color: #fff;} /* PAGE CONTACTS ----------------------------------------------------------------------------------------------------*/ #agence-contacts ul.uk-tab { margin-bottom: 0; } #agence-contacts .uk-switcher { margin: 0 !important; } #agence-contacts .contact-tab .max-width { padding-top: 60px; } #agence-contacts .relations-tools { margin-bottom: 100px; } #agence-contacts .relations-tools .uk-card { text-align: center; margin-bottom: 30px; padding: 15px 15px; } #agence-contacts .relations-tools i { color: #ff3a03; font-size: 120px; } #agence-contacts .relations-tools h5 { margin-top: 20px!important; font-weight: 600; font-size: 16px; } #agence-contacts .relations-tools a { display: inline-block; width: 80%; color: #ff3a03; border: 2px solid #ff3a03; padding: 6px 12px; text-align: center; } #agence-contacts .relations-tools a:hover { background: #ff3a03; color: #fff; } #agence-contacts .relations-tools .relations-tools-online-banking a, #agence-contacts .relations-tools .relations-tools-rappel a { margin-top: 20px;} #agence-contacts .relations-tools .relations-tools-call a { font-size: 14.5px; width: auto; color: #ff3a03; border: 0; padding: 0; } #agence-contacts .relations-tools .relations-tools-call a:hover { background: none; color: #000; } #agence-contacts .relations-tools p { font-size: 15px; margin: 15px 0 0; } #agence-contacts .contact-agences > .max-width { padding-bottom: 60px; } #agence-contacts .contact-agences h4 { font-size: 24px; line-height: 28px; } #agence-contacts .contact-agences .agence-texts a { display: inline-block; color: #ff3a03; border: 2px solid #ff3a03; padding: 6px 12px; text-align: center; } #agence-contacts .contact-agences .agence-texts a:hover { background: #ff3a03; color: #fff; } #agence-contacts .agence-grid .agence-image .uk-card { text-align: center; } #agence-contacts .agence-grid .agence-image .uk-svg { max-width: 260px; height: auto; color: #ff3a03; } #agence-adresse div { padding: 80px 0; } #agence-adresse p { margin: 0; font-size: 20px; line-height: 24px; text-align: center; } #agence-adresse p b { font-size: 22px; display: inline-block; margin-bottom: 10px; } #agence-adresse div { border-top: 1px solid #e5e5e5; background: #fff; } #agence-map .contact-map { padding: 0 0 80px !important; } #agence-map .map-frame { width: 100%; height: 450px; } #agence-map #bbgmap { clip-path: polygon(150px 0%, 100% 0%, 100% 100%, 150px 100%, 0% 50%); } /* PAGE AGENCE ----------------------------------------------------------------------------------------------------*/ .filter-agence .filter-agence-no-results { font-size: 14px; line-height: 14px; text-align: center; padding: 20px 0 10px;} #bbg-agences { position: relative; overflow: hidden !important; } #bbg-agences .grid-agences > div > .uk-panel { padding: 60px 0; } #bbg-agences .grid-agences-items > .uk-grid-margin { margin-top: 60px; } #bbg-agences .grid-agence-item { width: 100%; max-width: 550px; } #bbg-agences .grid-agences-items .grid-agence-item .uk-card { padding: 30px 0; } #bbg-agences .grid-agence-item .uk-card { position: relative; box-shadow: 0 3px 24px 0 rgba(0,0,0,.2); } #bbg-agences .grid-agence-item .agence-name { margin: 0 0 30px 0; padding: 0 15px; text-align: center; color: #000; font-weight: 700; font-size: 22px; line-height: 32px; } #bbg-agences .grid-agence-item .agence-address { border-top: 1px solid #ececec; padding: 0; } #bbg-agences .grid-agence-item .agence-street { padding: 0 15px; font-size: 14px; font-weight: 600; line-height: 20px; text-align: center; padding-top: 10px; } #bbg-agences .grid-agence-item .agence-bp { padding: 0 15px; font-size: 14px; line-height: 20px; text-align: center; } #bbg-agences .grid-agence-item .agence-direction { text-align: center; border-top: 1px solid #ececec; margin-top: 10px; padding: 0 15px } #bbg-agences .grid-agence-item .agence-direction a { display: block; font-size: 14px; line-height: 20px; padding: 10px 0; text-align: center; } #bbg-agences .grid-agence-item .agence-contacts { display: flex; justify-content: space-around; align-items: center; padding: 10px 15px; border-top: 1px solid #ececec; } #bbg-agences .grid-agence-item .agence-contacts .agence-contacts-col { font-size: 14px; line-height: 20px; text-align: center; } #bbg-agences .grid-agence-item .agence-horaires { padding: 10px 30px 8px; border-top: 1px solid #ececec; } #bbg-agences .grid-agence-item .agence-horaires-line { display: flex; justify-content: space-between; align-items: center; padding: 4px 0; } #bbg-agences .grid-agence-item .agence-horaires-line:last-child { padding-bottom: 0; } #bbg-agences .grid-agence-item .agence-horaires-line .agence-horaires-line-col { font-size: 14px; line-height: 20px; } #bbg-agences .grid-agence-item .agence-horaires-day { text-align: left; font-weight: 600; } #bbg-agences .grid-agence-item .agence-horaires-hour { text-align: right; } #bbg-agences .grid-agence-item .action-agence { display: none; padding: 10px 15px; } #bbg-agences .grid-agence-item .action-agence a { color: #ff3a03; border: 1px solid #ff3a03; font-size: 14px; line-height: 14px; padding: 12px 0; text-align: center; display: block; } #bbg-agences .grid-agence-item .agence-status .agence-open { display: none; } #bbg-agences .grid-agence-item .agence-status .agence-close { display: none; } #bbg-agences .grid-agence-item .agence-status.open .agence-open { display: block; } #bbg-agences .grid-agence-item .agence-status.open .agence-close { display: none; } #bbg-agences .grid-agence-item .agence-status.close .agence-open { display: none; } #bbg-agences .grid-agence-item .agence-status.close .agence-close { display: block; } #bbg-agences .grid-agence-item .agence-status { position: absolute; width: 80%; bottom: 0; left: 50%; transform: translateX(-50%); margin: 0 auto; color: #fff; text-align: center; font-size: 12px; line-height: 14px; padding: 4px 0; border-radius: 15px 15px 0 0; } #bbg-agences .grid-agence-item .agence-status.close { background: #fef4f6; color: #f0506e; } #bbg-agences .grid-agence-item .agence-status.open { background: #edfbf6; color: #32d296 } #bbg-agences .bbg-agences-map { display: block; position: relative; width: 100%; height: 100vh; overflow: hidden !important; } #bbg-agences .bbg-agences-map + div { display: none !important; } #bbg-agences .bbg-agences-map-wrapper { width: 100%; padding: 0; height: 100vh } #bbg-agences .bbg-agences-map-frame { width: 100%; height: calc(100vh - 100px); height: 100vh; } #bbg-agences .bbg-agences-map.is_stuck { /*margin-top: 80px;*/ } #bbg-agences .bbg-agences-map.is_stuck .bbg-agences-map-frame { height: 100vh; } #bbg-agences .show-agence-map { position: fixed; right: 0; left: 0; bottom: 0; top: auto; z-index: 100; } #bbg-agences .show-agence-map .show-agence-map-wrapper { width: 100%; max-width: 850px; position: relative; background: #e8e8e8; border-radius: 20px 20px 0 0; box-shadow: 0 5px 15px rgba(0, 0, 0, .08); padding: 12px 10px; margin: 0 auto; } #bbg-agences .show-agence-map a { display: block; width: 100%; border-radius: 30px; border: 1px solid #ff3a03; font-size: 15px; line-height: 18px; padding: 15px 5px; text-align: center; background: #ff3a03; color: #fff; } #bbg-agences .show-agence-map a:hover { background: #fff; color: #ff3a03; } #agence-map-mobile .bbg-agences-map-mobile-frame { width: 100%; height: 100vh; } #agence-map-mobile .uk-modal-close-full { top: 10px; right: 10px; color: #000; } .info-map { padding: 10px 25px; overflow: hidden; text-align: center; color: #fff; font-weight: 400; font-family: "Poppins"; font-size: 15px; line-height: 20px; } .gm-style-iw { overflow: initial !important; margin: 0 !important; padding: 0 !important; background: #000 !important; border-radius: 30px !important; } .gm-style .gm-style-iw-tc::after { background: #000; } .gm-style-iw .gm-style-iw-chr { display: none; } .gm-style-iw > div { width: 100% !important; } .gm-style-iw div { margin: 0px !important; overflow: hidden !important; } .gm-style-iw div div { overflow: hidden !important; width: 100%; } /* search page ----------------------------------------------------------------------------------------------------*/ .search-modal { background:#000!important } .search-modal a.tm-logo-search { position: absolute; top: 20px; left: 50%; width: 70px; max-width: 70px; transform: translateX(-50%); text-align: center;} .search-modal a.tm-logo-search img { width: 70px; height: auto;} .search-modal .uk-search-large { width: 80%;} .search-modal .uk-search-large > .uk-search-large{width: 100%; text-align: center;} .search-modal .uk-search-large .uk-search-input { color: #fff ; height: 100px; border-bottom: 1px solid #fff;} .search-modal .awesomplete { text-align: left;} .search-modal .search-modal-submit { color: #fff;} .search-modal .search-modal-submit:hover { color: #ff3a03;} .search-modal .search-modal-submit svg { width: 30px;} mark {background: transparent!important;color: #fff!important;border-bottom: 2px solid #ff3a03;} .awesomplete li, .awesomplete mark { color:#000!important; } #page-search .search-form .search-form-wrapper { padding: 50px 0; background-size: 40px; background-color: #000!important; background-image: url('../images/interface/pattern-dark.svg')!important;background-repeat: repeat!important;background-position: center!important; } #page-search .search-form .uk-search-input { padding-left: 20px !important; height: 43px; line-height: 43px; background: #fff; } #page-search .search-form .uk-search-input:focus { border-color: #ff3a03; } #page-search .search-form .uk-button { border-radius: 0; background: transparent; color: #ff3a03; border: 2px solid #ff3a03; } #page-search .search-form .uk-button:hover { background: #ff3a03; color: #fff; } #page-search .search-result .search-result-count { padding: 30px 0; text-align: center; font-size: 26px; line-height: 26px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #page-search .search-result .search-result-count p { margin: 0; padding: 0; } #page-search .search-result .search-result-count .search-count-badge { display: inline-block; padding: 4px 15px; background: #ff3a03; color: #fff; border-radius: 20px; } #page-search .search-items { } #page-search .search-items .search-item { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 30px 0; } #page-search .search-items .search-item-title-block { display: flex; margin-bottom: 15px; justify-content: space-between; align-content: flex-start; align-items: flex-start; } #page-search .search-items .search-item .search-item-title { margin: 0; color: #fff; font-size: 25px; line-height: 35px; } #page-search .search-items .search-item .search-item-category { font-size: 12px; line-height: 12px; text-transform: uppercase; margin-bottom: 10px; display: inline-block; background: #fff; color: #000; border: 1px solid #000; padding: 4px 6px; } #page-search .search-items .search-item a { display: block; } #page-search .search-items .search-item .search-item-content { font-size: 16px; line-height: 28px; font-weight: 400; } #page-search .search-label-empty { text-align: center; color: #fff; font-size: 16px; line-height: 28px; padding: 200px 0; display: block; } /* BRIDGE EASY CARD ----------------------------------------------------------------------------------------------------*/ #easycard .easycard-cover .easycard-cover-wrapper { padding: 20vh 20px; background-size:cover; background-repeat:no-repeat; background-position:center; position: relative; z-index: 1; } #easycard .easycard-cover .easycard-cover-bg { position:absolute; top: 0; left:0; right: 0; bottom:0; background: rgba(0, 0, 0, 0.8); z-index:0 } #easycard .easycard-cover .cover-content { text-align:center; z-index: 5; position: relative; } #easycard .easycard-cover .cover-content h1 {color: #fff; text-align: center; font-size: 66px; line-height: 1.1; font-weight: 500; letter-spacing: -0.05em; margin: 0 0 20px;} #easycard .easycard-cover .cover-content p { color: #fff; text-align: center; font-size: 36px; line-height: 1.1; font-weight: 500; margin: 0 0 20px; } #easycard .easycard-cover . cover-content a.uk-button { font-size:24px; padding:8px 60px; border-radius:30px; } #easycard .easycard-cover .cover-icons { max-width:850px; margin:0 auto; background:#fff; border-radius:30px; text-align:center; padding:20px; } #easycard .easycard-caracteristiques .caracteristiques-item-cr h5 { margin:0 0 10px; font-size:16px; line-height:20px; color: #fff; } #easycard .easycard-caracteristiques .caracteristiques-item-cr ul { list-style-type: none; padding-left: 0!important; margin-left:0!important;margin-bottom: 0px!important; display: flex; flex-direction:row; flex-wrap:wrap; row-gap:20px;} #easycard .easycard-caracteristiques .caracteristiques-item-cr li { border: 1px solid #222; border-radius: 20px; width: 100%; padding: 15px 5px 15px 55px; color: #fff; font-size: 18px; line-height: 28px; text-align: left; background: transparent url('../images/interface/list-dot.svg') 20px 23px no-repeat; background-size: 25px; } #easycard .easycard-caracteristiques .caracteristiques-item-block-icon { max-width:850px; margin:0 auto; background:#fff; border-radius:30px; text-align:center; padding:20px; } #easycard .easycard-caracteristiques .caracteristiques-item-block-icon i { font-size:55px; line-height: 55px; color:#000; margin: 0 0 15px; } #easycard .easycard-caracteristiques .caracteristiques-item-block-icon h4 { font-size:16px; color:#000; line-height:20px; margin:0 auto; } #easycard .caracteristiques-item-av .max-content { max-width: 1400px!important; } #easycard .caracteristiques-item-block-av { margin: 60px 0; display:flex; justify-content:center; align-items:center; row-gap:80px; column-gap:20px; flex-wrap:wrap; } #easycard .caracteristiques-item-block-av .av-block { display:flex; justify-content:center; justify-items: center; align-items:center; flex-wrap:wrap; width:23%; text-align:center; } #easycard .caracteristiques-item-block-av .av-block i { width: 100%; font-size:55px; line-height: 55px; color:#fff; margin: 0 0 15px; color:#ff3a03 } #easycard .caracteristiques-item-block-av .av-block div { width:100%; font-size:16px; line-height:20px; } #easycard .easycard-order { border-top: 1px solid rgba(255, 255, 255, .1);} #easycard .easycard-order .block-wrapper { padding: 20px 0 0; overflow: hidden; } #easycard .easycard-order h3 { font-size: 35px; line-height: 38px; color: #fff; font-weight: 700; } #easycard .easycard-order p { font-size: 26px; line-height: 36px; color: #fff; font-weight: 400; margin: 0 0; } #easycard .easycard-order .app-links { margin-top: 15px; margin-bottom: 0px; } #easycard .easycard-order .app-image { text-align: center; margin: 0 auto; padding:30px } #easycard .easycard-order .app-image img { width: 100%; height: auto; margin: 0 auto; border: 1px solid rgba(255, 255, 255, .1) } #easycard .easycard-order .app-grid-content { width: 50%; } #easycard .easycard-order .app-grid-image { width: 50% } #easycard .easycard-order .app-grid-image .uk-panel { text-align: center; } #easycard .easycard-order h3 i { color: #ff3a03!important; text-decoration:none; font-style:normal; } #easycard #easycard-faq { border-top: 1px solid rgba(255, 255, 255, .1); } /* Footer ----------------------------------------------------------------------------------------------------*/ body.innerpage #app-block, body.innerpage .footer-top { background: #000 !important; } #tm-footer .max-width { max-width: 1400px !important; } #tm-footer { background: #000; text-align: left; border-top: 1px solid rgba(255, 255, 255, 0.1); } #app-block { background: #fff; text-align: left; position: relative; } #app-block .block-wrapper { padding: 20px 0 0; overflow: hidden; } #app-block h3 { font-size: 35px; line-height: 38px; color: #ff3a03; font-weight: 700; } #app-block h4 { font-size: 23px; line-height: 25px; color: #000; font-weight: 600; margin: 5px 0; } #app-block p { font-size: 16px; line-height: 25px; color: #000; font-weight: 400; margin: 0 0; } #app-block .app-links { margin-top: 15px; margin-bottom: 0px; } #app-block .app-links a { display: inline-block; } #app-block .app-links a img { width: 100%; max-width: 200px; } #app-block .app-links a + a { margin-left: 20px; } #app-block .app-image { padding-top: 50px; text-align: center; margin: 0 auto; } #app-block .app-image img { width: 100%; height: auto; max-width: 260px; margin: 0 auto; } #app-block .app-grid-content { width: 55%; background: transparent url('../images/interface/app-bg.png') 100% 97% no-repeat; background-size: 150px; } #app-block .app-grid-image { width: 45% } #app-block .app-grid-image .uk-panel { text-align: center; } #app-block.bg-black { background: #fff; text-align: left; position: relative; } #app-block.bg-black h3 { color: #ff3a03; } #app-block.bg-black h4 { color: #fff;} #app-block.bg-black p { color: #fff;} /* Newsletter */ #newsletter-module { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 5px; } #newsletter-module .newsletter-introtext { display: block !important; position: relative; text-align: left !important; color: #fff !important; font-size: 22px !important; line-height: 24px; padding-left: 55px !important; font-family: "Poppins" !important; } #newsletter-module .newsletter-introtext::before { content: "\f1d8"; font-family: "FontAwesome" !important; color: #fff; position: absolute; top: 50%; left: 0; width: 40px; height: 40px; margin-top: -13px; font-size: 40px; } #newsletter-module .field-email, #newsletter-module .fiel-lname, #newsletter-module .field-fname, #newsletter-module .field-btn { margin: 0 !important; } #newsletter-module .field-email input, #newsletter-module .fiel-lname input, #newsletter-module .field-fname input { font-size: 12px; border: 0px solid transparent !important; background: #fff !important; padding: 20px 8px !important; color: #000; height: 45px; } #newsletter-module input + label.error { text-align: left; display: block; color: #fff; font-size: 12px; line-height: 12px; padding: 10px 0 0; } #newsletter-module a.uk-button { font-size: 17px; font-weight: 500; height: 45px !important; line-height: 45px !important; border: 1px solid #ff3a03; color: #fff; background: #ff3a03; padding: 0 !important; margin: 0 !important; } #newsletter-module a.uk-button:hover, #newsletter-module a.uk-button:focus { border: 1px solid #fff; background: #000; color: #fff; } #newsletter-module .field-intro { width: 25%; } #newsletter-module .field-email { width: 30%; } #newsletter-module .fiel-lname { width: 15%; } #newsletter-module .field-fname { width: 15% } #newsletter-module .field-btn { width: 15%; } #mailchimp-loading { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.95) url('../images/interface/loader.gif') center center no-repeat; z-index: 20; } /* Footer Col */ #tm-footer .footer-top { background: #000; } #tm-footer .footer-top-wrapper { background: #000; padding: 30px 0 5px; position: relative;} #tm-footer .footer-top-wrapper .max-width { } #tm-footer .footer-middle { padding: 0; background: #000; position: relative; } #tm-footer .footer-middle-wrapper { background: #000; padding: 30px 0 30px; border-radius: 0; } #tm-footer .footer-logo-row { padding-bottom: 30px; margin-bottom: 30px; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #tm-footer .footer-logo-row .footer-logo a { display: inline-block; width: 70px; max-width: 70px;} #tm-footer .footer-logo-row .footer-logo img { width: 100%; height: auto; max-width: 300px; margin: 0 auto; } #tm-footer .grid-footer { margin-left: -30px; margin-top: 0px; margin-bottom: 0px; } #tm-footer .grid-footer > * { padding-left: 30px; } #tm-footer .footer-col-text { width: 33% !important; } #tm-footer .footer-col-contact { width: 27% !important; } #tm-footer .footer-col-menu { width: 25% !important; } #tm-footer .footer-col-text .footer-text h5 { text-transform: uppercase; margin: 30px 0 0 0; color: #fff !important; font-size: 15px !important; line-height: 25px !important; } #tm-footer .footer-col-text .footer-text div { } #tm-footer .footer-col-text .footer-text p { margin: 10px 0 0; padding-right: 25px; text-align: justify; color: #fff !important; font-size: 14px !important; line-height: 23px !important; } #tm-footer .footer-col-title { color: #ff3a03; font-weight: 500; text-align: left; padding: 0; margin: 0 0 20px 0; font-size: 14px; line-height: 22px; text-transform: uppercase; } #tm-footer .footer-col-contact p { margin:10px 0 0; color: #fff; color: #fff !important; font-weight: 400 !important; font-size: 14px !important; line-height: 22px !important; } #tm-footer .footer-col-contact p a { color:#fff; } #tm-footer .footer-col-contact p a:hover { color:#ff3a03; } #tm-footer .footer-menu ul { display: block; margin: 0 !important; padding: 0 !important; } #tm-footer .footer-menu ul li { margin: 0 !important; padding: 0 0 15px 0 !important; display: block; } #tm-footer .footer-menu ul li a { display: block; margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: 14px !important; line-height: 16px !important; } #tm-footer .footer-menu ul li a:hover { background: transparent !important; color: #ff3a03 !important; } #tm-footer .footer-col-social { text-align: right; color: #fff; display: block; margin: 0 !important; padding: 0 !important; } #tm-footer .footer-col-social .footer-social h4 { text-align: right; } #tm-footer .footer-col-social .footer-social p { color: #fff; margin: 0 0 20px 0 !important; font-weight: 400 !important; font-size: 13px !important; line-height: 16px !important; } #tm-footer .footer-col-social a { color: #fff; width: 30px; height: 30px; font-size: 18px; margin-left: 5px; background: #000; border: 1px solid #fff; } #tm-footer .footer-col-social a:hover { color: #ff3a03; border: 1px solid #ff3a03; background: #000; } #tm-footer .footer-col-social .footer-certification { margin-top: 30px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; justify-items: flex-start; justify-content: flex-end; gap: 15px; } #tm-footer .footer-col-social .footer-certification img { width: 70px; min-width: 70px; height: auto; } #tm-footer .footer-bottom { background: #131417; padding: 14px 0; } #tm-footer .footer-bottom p { text-align: center; color: #fff !important; margin: 0 !important; color: #fff !important; font-size: 13px !important; line-height: 14px !important; } #tm-footer .footer-bottom p a { color: #fff; font-weight: 400 !important; } #tm-footer .footer-bottom p a:hover { color: #ff3a03; } #tm-footer .totop-scroller { position: absolute; bottom: 15px; left: 50%; margin-left: -10px; width: 20px; height: 20px; background: #000 url('../images/interface/to-top.png') center no-repeat; background-size: contain; } .uk-notify { position: fixed; top: 60px; left: 10px; z-index: 1040; box-sizing: border-box; width: 350px } .uk-notify-bottom-right, .uk-notify-top-right { left: auto; right: 10px } .uk-notify-bottom-center, .uk-notify-top-center { left: 50%; margin-left: -175px } .uk-notify-bottom-center, .uk-notify-bottom-left, .uk-notify-bottom-right { top: auto; bottom: 10px } @media (max-width:479px) { .uk-notify { left: 10px; right: 10px; width: auto; margin: 0 } } .uk-notify-message { position: relative; margin-bottom: 10px; padding: 15px; background: #444; color: #fff; font-size: 16px; line-height: 22px; cursor: pointer; border: 1px solid #444; border-radius: 4px } .uk-notify-message>.uk-close { visibility: hidden; float: right } .uk-notify-message:hover>.uk-close { visibility: visible } .uk-notify-message-primary { background: #ebf7fd; color: #2d7091; border-color: rgba(45, 112, 145, .3) } .uk-notify-message-success { background: #f2fae3; color: #659f13; border-color: rgba(101, 159, 19, .3) } .uk-notify-message-warning { background: #fffceb; color: #e28327; border-color: rgba(226, 131, 39, .3) } .uk-notify-message-danger { background: #fff1f0; color: #d85030; border-color: rgba(216, 80, 48, .3) } /* -------------------------------------------------- Popup Website Image/Texte -------------------------------------------------- */ #popup { margin: 20px auto; padding: 0 !important; max-width: 400px !important; } #popup.popup-image { border: 1px solid #eee; } #popup.popup-image a { display: block !important; } #popup.max-400 { width: 100%; max-width: 400px !important; } #popup.max-500 { width: 100%; max-width: 500px !important; } #popup.max-600 { width: 100%; max-width: 600px !important; } #popup.max-700 { width: 100%; max-width: 700px !important; } #popup.max-800 { width: 100%; max-width: 800px !important; } #popup.max-width { width: 100%; max-width: 1100px !important; } #popup .popup-wrapper-content { padding: 0 !important; } #popup .popup-texte-wrapper { background: #eee url('../images/popup/modal-gloss.png') no-repeat -200px -80px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4); -box-shadow: 0 0 10px rgba(0, 0, 0, .4); } #popup .popup-pave { background: transparent url('../images/popup/pave.png') no-repeat 100% 90%; padding: 30px 40px 10px; } #popup { text-align: center; color: #333; } #popup h2 { display: block; width: 100%; font-size: 23px !important; line-height: 26px !important; color: #ff3a03; line-height: 20px; font-weight: normal; font-family: 'Poppins'; text-align: center; margin: 0 auto 15px auto !important; padding: 0 !important; } #popup p { display: block; text-align: justify; font-size: 12px; line-height: 15px; font-family: 'Poppins'; font-weight: normal; margin: 0 0 10px 0; } #popup p.medium { display: block; text-align: justify; font-size: 18px; line-height: 22px; font-family: 'Poppins'; font-weight: normal; margin: 0 0 10px 0; } #popup p span.orange { color: #A9381F; } #popup a.plus { display: block; text-align: center; line-height: 24px; padding-top: 5px; } .mfp-container { padding-left: 20px !important; padding-right: 20px !important; } #popup .mfp-close { font-size: 50px; color: #fff; border-radius: 50%; background: #ff3a03; top: -13px; right: -22px; } .popup-zoom-in.mfp-bg { background: rgba(0, 0, 0, 0.8) !important; z-index: 993 !important; } .my-mfp-zoom-in .zoom-anim-dialog, .popup-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8) } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog, .popup-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog, .popup-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0 } .my-mfp-zoom-in.mfp-bg, .popup-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out } .my-mfp-zoom-in.mfp-ready.mfp-bg, .popup-zoom-in.mfp-ready.mfp-bg { opacity: 0.95 } .my-mfp-zoom-in.mfp-removing.mfp-bg, .popup-zoom-in.mfp-removing.mfp-bg { opacity: 0 } .uk-article-intro a { border-radius: 18px; border: 1px solid #ff3a03; padding: 5px 22px; color: #ff3a03; font-size: 15px; } .uk-article-intro a:hover { background: #ff3a03; color: #fff; } .sm-overlay-171 { background: rgba(0, 0, 0, 0.9); } /*MESSAGE BAR*/ #messagebar { position: relative; } #messagebar .messagebar-wrapper { } #messagebar .messagebar-text .uk-card { padding: 20px 0px; } #messagebar .messagebar-action .uk-card { padding: 10px 15px; } #messagebar .messagebar-title { color: #fff; font-size: 16px; line-height: 20px; text-transform: uppercase; margin: 0 auto 10px; } #messagebar .messagebar-intro { color: #fff; font-size: 14px; line-height: 20px; text-align: justify; } #messagebar .messagebar-intro p { padding: 0; margin: 0 0 10px 0 } #messagebar .messagebar-intro p:last-child { margin-bottom: 0; } #messagebar .messagebar-action a { display: inline-block; color: #fff; font-size: 16px; line-height: 16px; border: 1px solid #fff; padding: 10px 20px; } #messagebar .messagebar-action a:hover { background: #fff; color: #F44336; } #messagebar.messagebar-important { background: #F44336; } #messagebar.messagebar-note { background: #000; } #messagebar.messagebar-note .messagebar-action a { color: #fff; border: 1px solid #fff; } #messagebar.messagebar-note .messagebar-action a:hover { color: #fff; border: 1px solid #ff3a03; background: #ff3a03; } #messagebar.messagebar-defaut { background: #F4F5F6; } #messagebar.messagebar-defaut .messagebar-title { color: #000; } #messagebar.messagebar-defaut .messagebar-intro { color: #000; } #messagebar.messagebar-defaut .messagebar-action a { color: #000; border: 1px solid #000; } #messagebar.messagebar-defaut .messagebar-action a:hover { color: #fff; border: 1px solid #ff3a03; background: #ff3a03; } .mb-popup-content .mb-popup-image { background-size: 400px; background-color: #000; background-position: center; background-repeat: no-repeat; } .mb-popup-content .mb-popup-text { text-align: justify; } .mb-popup-content a { display: block; color: #ff3a03; text-align: center; font-size: 16px; line-height: 20px; border: 1px solid #ff3a03; padding: 10px 20px !important; } .mb-popup-content a:hover { background: #ff3a03; color: #fff; } .mb-popup-content p { text-align: justify; } .mb-popup-content p { font-size: 17px; line-height: 27px; color:#000; } .mb-popup-content h2 { font-size: 1.6rem; font-weight: 700; color: #ff3a03; } .mb-popup-content h2.mb-popup-title { font-size: 1.8rem; } .mb-popup-content h3 { font-size: 1.3rem; font-weight: 700; } .mb-popup-content * + h2 { margin-top: 60px; } .mb-popup-content ul { list-style-type: none; padding-left: 0; } .mb-popup-content ul li { background: transparent url('../images/interface/list-dot.svg') 0 5px no-repeat; background-size: 27px; padding-left: 35px; margin-top: 6px; } .width20{width:20%;max-width:20%}.width25{width:25%;max-width:25%}.width30{width:30%;max-width:30%}.width33{width:33.333%;max-width:33.333%}.width35{width:35%;max-width:35%}.width40{width:40%;max-width:40%}.width50{width:50%;max-width:50%}.width60{width:60%;max-width:60%}.width66{width:66.667%;max-width:66.667%}.width70{width:70%;max-width:70%}.width75{width:75%;max-width:75%}.width80{width:80%;max-width:80%}.width100{width:100%;max-width:100%} .pb10{padding-bottom:10px}.pt10{padding-top:10px}.pb15{padding-bottom:15px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}.pt30{padding-top:30px!important}.pb35{padding-bottom:35px}.pt35{padding-top:35px!important}.pb40{padding-bottom:40px!important}.pt40{padding-top:40px!important}.pb50{padding-bottom:50px!important}.pt50{padding-top:50px!important}.pb60{padding-bottom:60px!important}.pt60{padding-top:60px}.pb70{padding-bottom:70px!important}.pt70{padding-top:70px!important}.pb80{padding-bottom:80px!important}.pt80{padding-top:80px!important}.pb100{padding-bottom:100px!important}.pt100{padding-top:100px!important}.pb150{padding-bottom:150px!important}.pt150{padding-top:150px!important}.pb200{padding-bottom:200px!important}.pt200{padding-top:200px!important}.pb300{padding-bottom:300px!important}.pt300{padding-top:300px!important} .mb10{margin-bottom:10px!important}.mt10{margin-top:10px!important}.mb15{margin-bottom:15px!important}.mt15{margin-top:15px!important}.mb20{margin-bottom:20px!important}.mt20{margin-top:20px!important}.mb30{margin-bottom:30px!important}.mt30{margin-top:30px!important}.mb40{margin-bottom:40px!important}.mt40{margin-top:40px!important}.mb50{margin-bottom:50px!important}.mt50{margin-top:50px!important}.mb60{margin-bottom:60px!important}.mt60{margin-top:60px!important}.mb70{margin-bottom:70px!important}.mt70{margin-top:70px!important}.mb80{margin-bottom:80px!important}.mt80{margin-top:80px!important}.mb90{margin-bottom:90px!important}.mt90{margin-top:90px!important}.mb100{margin-bottom:100px!important}.mt100{margin-top:100px!important}.mb150{margin-bottom:150px!important}.mt150{margin-top:150px!important} /*mouse scroll indicator icon*/ .mouse-icon-wrap { position: absolute; text-align: center; bottom: -30px; width: 100%; z-index: 2; } .mouse-icon { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 2px solid #fff; border-radius: 15px; bottom: 50px; height: 44px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 30px; cursor: pointer; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .mouse-icon:hover { opacity: 0.3 !important; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .mouse-icon .wheel { -webkit-animation: 1.7s ease 0s normal none infinite magic-mouse-icon; -moz-animation: 1.7s ease 0s normal none infinite magic-mouse-icon; -o-animation: 1.7s ease 0s normal none infinite magic-mouse-icon; animation: 1.7s ease 0s normal none infinite magic-mouse-icon; border-radius: 50%; height: 12px; left: 0; margin-left: auto; margin-right: auto; margin-top: 6px; right: 0; width: 6px; background: #fff; } @-webkit-keyframes toRightFromLeft{49%{-webkit-transform:translate(100%)}50%{opacity:0;-webkit-transform:translate(-100%)}51%{opacity:1}} @-moz-keyframes toRightFromLeft{49%{-moz-transform:translate(100%)}50%{opacity:0;-moz-transform:translate(-100%)}51%{opacity:1}} @keyframes toRightFromLeft{49%{transform:translate(100%)}50%{opacity:0;transform:translate(-100%)}51%{opacity:1}} @-moz-keyframes magic-mouse-icon{0%{margin-top:6px;opacity:0}30%{opacity:1}100%{margin-top:18px;opacity:0}} @-webkit-keyframes magic-mouse-icon{0%{margin-top:6px;opacity:0}30%{opacity:1}100%{margin-top:18px;opacity:0}} @-o-keyframes magic-mouse-icon{0%{margin-top:6px;opacity:0}30%{opacity:1}100%{margin-top:18px;opacity:0}} @keyframes magic-mouse-icon{0%{margin-top:6px;opacity:0}30%{opacity:1}100%{margin-top:18px;opacity:0}} @-webkit-keyframes rse-s-animation{0%{transform:translateY(0px)}100%{transform:translateY(50px)}} @keyframes rse-s-animation{0%{transform:translateY(0px)}100%{transform:translateY(50px)}} @keyframes fadeinout{0%,25%,75%,100%{opacity:1.0}50%{opacity:0.0}} @webkit-keyframes fadeinout{0%,25%,75%,100%{opacity:1.0}50%{opacity:0.0}} @moz-keyframes fadeinout{0%,25%,75%,100%{opacity:1.0}50%{opacity:0.0}} viber{0%{-webkit-transform:rotate(0deg)}5%{-webkit-transform:rotate(0deg)}10%{-webkit-transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg)}20%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(0deg)}30%{-webkit-transform:rotate(10deg)}31%{-webkit-transform:rotate(0deg)}32%{-webkit-transform:rotate(-10deg)}33%{-webkit-transform:rotate(0deg)}34%{-webkit-transform:rotate(10deg)}35%{-webkit-transform:rotate(0deg)}36%{-webkit-transform:rotate(-10deg)}37%{-webkit-transform:rotate(0deg)}38%{-webkit-transform:rotate(10deg)}39%{-webkit-transform:rotate(0deg)}40%{-webkit-transform:rotate(-10deg)}41%{-webkit-transform:rotate(0deg)}42%{-webkit-transform:rotate(10deg)}43%{-webkit-transform:rotate(0deg)}44%{-webkit-transform:rotate(-10deg)}45%{-webkit-transform:rotate(0deg)}60%{-webkit-transform:rotate(0deg)}65%{-webkit-transform:rotate(0deg)}70%{-webkit-transform:rotate(0deg)}75%{-webkit-transform:rotate(0deg)}80%{-webkit-transform:rotate(0deg)}85%{-webkit-transform:rotate(0deg)}90%{-webkit-transform:rotate(0deg)}95%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg)}} @-webkit-keyframes viber{0%{-webkit-transform:rotate(0deg)}5%{-webkit-transform:rotate(0deg)}10%{-webkit-transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg)}20%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(0deg)}30%{-webkit-transform:rotate(10deg)}31%{-webkit-transform:rotate(0deg)}32%{-webkit-transform:rotate(-10deg)}33%{-webkit-transform:rotate(0deg)}34%{-webkit-transform:rotate(10deg)}35%{-webkit-transform:rotate(0deg)}36%{-webkit-transform:rotate(-10deg)}37%{-webkit-transform:rotate(0deg)}38%{-webkit-transform:rotate(10deg)}39%{-webkit-transform:rotate(0deg)}40%{-webkit-transform:rotate(-10deg)}41%{-webkit-transform:rotate(0deg)}42%{-webkit-transform:rotate(10deg)}43%{-webkit-transform:rotate(0deg)}44%{-webkit-transform:rotate(-10deg)}45%{-webkit-transform:rotate(0deg)}60%{-webkit-transform:rotate(0deg)}65%{-webkit-transform:rotate(0deg)}70%{-webkit-transform:rotate(0deg)}75%{-webkit-transform:rotate(0deg)}80%{-webkit-transform:rotate(0deg)}85%{-webkit-transform:rotate(0deg)}90%{-webkit-transform:rotate(0deg)}95%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg)}} @keyframes viber{0%{transform:rotate(0deg)}5%{transform:rotate(0deg)}10%{transform:rotate(0deg)}15%{transform:rotate(0deg)}20%{transform:rotate(0deg)}25%{transform:rotate(0deg)}30%{transform:rotate(10deg)}31%{transform:rotate(0deg)}32%{transform:rotate(-10deg)}33%{transform:rotate(0deg)}34%{transform:rotate(10deg)}35%{transform:rotate(0deg)}36%{transform:rotate(-10deg)}37%{transform:rotate(0deg)}38%{transform:rotate(10deg)}39%{transform:rotate(0deg)}40%{transform:rotate(-10deg)}41%{transform:rotate(0deg)}42%{transform:rotate(10deg)}43%{transform:rotate(0deg)}44%{transform:rotate(-10deg)}45%{transform:rotate(0deg)}60%{transform:rotate(0deg)}65%{transform:rotate(0deg)}70%{transform:rotate(0deg)}75%{transform:rotate(0deg)}80%{transform:rotate(0deg)}85%{transform:rotate(0deg)}90%{transform:rotate(0deg)}95%{transform:rotate(0deg)}100%{transform:rotate(0deg)}} /* INTRO ----------------------------------------------------------------------------------------------------*/ html.dark-theme #tm-main { background-color:#000!important; } html.dark-theme #intro-page .intro-bar { background: #141414!important; } html.dark-theme #intro-page .intro-content { background: #000!important; } html.dark-theme #intro-page .intro-bar .intro-bar-button { color: #fff; background: #FF3A03!important; } /*UNIVERS INTRO INTRO*/ html.dark-theme .univer .uv-content .uv-tagline, html.dark-theme .univer .uv-content .uv-title { color: #fff; } html.dark-theme .univer .uv-content .uv-link { border: 2px solid #fff; color: #fff; background: #000; } html.dark-theme .univer a:hover .uv-content .uv-link { background: #ff3a03; border: 2px solid #ff3a03; color: #fff; } html.dark-theme { color:#fff } html.dark-theme body.innerpage #tm-main { background-size: 40px; background-color: #000!important; } html.dark-theme .uk-nav-default > li > a:hover { color: #ff3a03 } html.dark-theme .uk-accordion-title, html.dark-theme .uk-nav-default .uk-nav-header { color:#fff; } html.dark-theme .article-content .uk-accordion > :nth-child(n+2) { border-top:1px solid #fff; } html.dark-theme .section-intro-title, html.dark-theme .section-intro-title-big, html.dark-theme .section-intro-title-big i, html.dark-theme .perf-grid .perf-item h4, html.dark-theme .perf-grid .perf-item h6, html.dark-theme .chiffres-grid-block h3, html.dark-theme .chiffres-grid-block p, html.dark-theme .rse-intro-page-content p { color: #fff!important;} html.dark-theme #bbg-agences .grid-agence-item .agence-name, html.dark-theme .section-intro-title-big i { color: #FF3A03!important; } html.dark-theme #bbg-agences .grid-agence-item .uk-card { position: relative; border:1px solid #fff; box-shadow: 0 3px 24px 0 rgba(255,255,255,.2); } html.dark-theme .chiffres-grid-block { background: #FF3A03;} html.dark-theme .chiffres-grid-block:after { background: #000; } html.dark-theme .filter-agence-value { border:1px solid #fff; background:#000; color:#fff } html.dark-theme #agence-adresse div { background:#000; } html.dark-theme #agence-map #bbgmap { clip-path: none; } html.dark-theme .uk-tab::before { border-bottom: 1px solid rgba(255,255,255,0.1); box-shadow: none!important;} html.dark-theme #agence-adresse div { border-top: 1px solid rgba(255,255,255,0.1); } html.dark-theme #agence-contacts .contact-agences h4 { color:#fff!important } /*FORMULAIRES*/ html.dark-theme .swForm .formContainer { max-width: 960px!important; } html.dark-theme .page-form .block-form-holder { padding:0px!important; box-shadow: none;background: #000;border-radius: 0;max-width: 960px!important;} html.dark-theme .swForm .uk-form-label { color: #fff; } html.dark-theme .swForm .uk-input, .swForm .uk-select, .swForm .uk-textarea { height: 55px !important; text-align: left; margin-bottom: 0 !important; width: 100%; border: none!important; border: 1px solid #fff !important; background: #fff; color: #000; border-radius: 0px; padding: 0 5px 0 15px; } html.dark-theme .swForm .uk-textarea { height: auto !important; width: 100%; min-height: 200px; border-radius: 0px; padding: 15px; } html.dark-theme .swForm .uk-input:focus, .swForm .uk-select:focus, .swForm .uk-textarea:focus { border-color: #fff !important; } html.dark-theme .swForm .rsform-type-fileupload { background: #000; padding: 0px; border-radius: 0px; } html.dark-theme .swForm .rsform-type-fileupload .uk-form-custom .uk-input { flex: 1; min-width: 1px; padding-left: 15px; border: 1px solid #fff!important; border-radius: 0; } html.dark-theme .swForm .rsform-type-fileupload .uk-form-custom .uk-button { width: auto; border-left: 0; border-radius: 0; color:#fff } html.dark-theme .swForm .rsform-type-jquerycalendar .uk-button { width: auto; border-left: 0; border-radius: 0; color:#fff } html.dark-theme .swForm .rsform-type-fileupload .uk-form-custom .uk-button:hover { color:#fff!important; background: #ff3a03!important } html.dark-theme .swForm .rsform-type-fileupload .uk-form-custom #cv:hover + .uk-input + .uk-button { color:#fff!important; background: #ff3a03!important } html.dark-theme .swForm .formRequired { font-size: 14px; line-height: 15px; color: #ff3a03 } html.dark-theme .swForm .rsform-block-consent-text { padding-top: 20px; border-top: none!important; } html.dark-theme .swForm .rsform-block-consent-check { border-bottom: none!important; padding-bottom: 20px; } html.dark-theme .swForm .rsform-block-consent-check label { display: block; margin-bottom: 10px; } html.dark-theme .swForm .rsform-block-info-form { border-top: none!important } html.dark-theme .swForm .rsform-block-send .rsform-submit-button { font-size: 16px; padding: 0 80px !important; height: 60px; line-height: 60px; min-height: 60px; background: #ff3a03; border-radius: 30px; color: #fff; width: 60%; } html.dark-theme .swForm .rsform-block-send .rsform-submit-button:hover { background: #000; color: #fff; border: 1px solid #fff; } html.dark-theme .swForm .uk-form-label.rsform-error { color: #fff !important; background: transparent !important; } html.dark-theme .swForm .uk-form-controls .formValidation > span.formError { font-size: 13px; font-weight: 400 !important; padding: 5px 20px 0 !important; display: block; } html.dark-theme .swForm input.rsform-error, .swForm select.rsform-error, .swForm textarea.rsform-error { border: 1px solid red !important; } html.dark-theme .swForm .rsform-block-recaptcha .uk-form-label { text-align: center; } html.dark-theme .swForm .uk-form::placeholder { color: #999; font-weight: 400; } html.dark-theme .swForm > div > p { text-align: center; color: #CF4D4D !important; } html.dark-theme .swForm .sw-form-error-message { text-align: center; font-size: 19px; line-height: 19px; color: #ff3a03; padding: 12px 5px; margin-bottom: 40px; background: #FFF2F2; } html.dark-theme .swForm .sw-form-error-message p { margin: 0; padding: 0; } html.dark-theme .swForm .uk-grid + .uk-grid { margin-top: 0; } html.dark-theme .swForm .sw-form-thankyou { } html.dark-theme .swForm .sw-form-thankyou p { } html.dark-theme .contenu-grid .contenu-item .contenu-content .contenu-text .contenu-tag { color: #fff; display: block; margin: 0 0 8px 0; font-size: 12px; line-height: 12px; } html.dark-theme .contenu-grid .contenu-item .contenu-content .contenu-text .contenu-tag i { color: #fff; } html.dark-theme .contenu-grid .contenu-item .contenu-content .contenu-text h3.contenu-title { color: #fff; display: block; margin: 0 0 15px !important; font-size: 23px; line-height: 30px; } html.dark-theme .contenu-grid .contenu-item .contenu-content .contenu-text p.contenu-texte { text-align: justify; color: #fff; font-size: 16px; line-height: 28px; margin: 0 0 15px 0; padding: 0; } html.dark-theme .grid-poly-right-block { background: #FF3A03;} html.dark-theme .grid-poly-right-block:after { background: #000; } html.dark-theme .grid-poly-right-block-wrapper { position: relative; z-index: 2; background: transparent; padding: 25px 100px; min-height: 190px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: flex-start; } html.dark-theme .grid-poly-right-block h3 { color: #ff3a03 !important; } html.dark-theme .grid-poly-right-block p { color: #fff!important} html.dark-theme .slick-blocks .slick-block-content h3 { color: #ff3a03; } html.dark-theme .slick-blocks .slick-block-content p { font-size: 16px; color: #fff; } html.dark-theme .slick-blocks .slick-block-content span { color: #ffff; } html.dark-theme .slick-blocks .slick-block-item a:hover .slick-block-content { background: #ff3a03; } html.dark-theme .slick-blocks .slick-block-item a:hover .slick-block-content > * { color: #fff; } html.dark-theme #carriere-profil .slick-blocks .slick-block-content { background: #fff;} html.dark-theme #carriere-profil .slick-blocks .slick-block-content p { color:#000; } html.dark-theme .mb-popup-content ul li { color: #000; } html.dark-theme .contenu-grid .contenu-item .contenu-details i { color: #fff; } html.dark-theme .contenu-grid .contenu-item .contenu-details span { color: #fff; } html.dark-theme .contenu-grid .contenu-item .contenu-details > span { position:relative; } html.dark-theme .contenu-grid .contenu-item .contenu-details .tag-error { position: absolute; right: 0; top: -30px; color: #fff; background: #f0506e; padding: 3px 5px; border-radius: 4px; font-size: 12px; } html.dark-theme .contenu-grid .contenu-item .contenu-details .tag-success { position: absolute; right: 0; top: -30px; color: #000; background: #32d296; padding: 3px 5px; border-radius: 4px; font-size: 12px; } html.dark-theme #article-more, html.dark-theme #emploi-candidature, html.dark-theme #carriere-offres, html.dark-theme #emploi-postuler { border-top: 1px solid rgba(255, 255, 255, 0.1); } html.dark-theme #emploi-postuler .block-wrapper, html.dark-theme #emploi-postuler .block-wrapper.block-single { border-radius:0; background:#000!important } html.dark-theme #emploi-postuler h2 { color:#fff } html.dark-theme .emploi-tag-value { color: #fff;} html.dark-theme #emploi-candidature a:hover { color:#ff3a03; text-decoration:underline!important; } html.dark-theme #article-file .block-title h3, html.dark-theme #emploi-candidature h6 { color: #ff3a03; } html.dark-theme #article-file .article-file-wrapper { border: 1px solid #fff; padding: 4px; margin-bottom: 0; } html.dark-theme #article-file .article-file-item .article-file-meta { color: #fff; } html.dark-theme #article-file .article-file-item h4.article-file-title { color:#fff } html.dark-theme #article-file .article-file-item a:hover h4.article-file-title { color:#ff3a03 } html.dark-theme #article-file .article-file-item .article-file-options .uk-button { color: #fff; width: 100%; padding-left: 0; padding-right: 0; border-radius: 0; padding-bottom: 0; line-height: 16px; } html.dark-theme #article-file .article-file-item a:hover .article-file-options .uk-button { color: #ff3a03!important } html.dark-theme #countries-mobile { background: #222; } html.dark-theme #countries-mobile .close-countries-mobile { background: #fff; color: #000; border-radius: 50%;} html.dark-theme #countries-mobile .countries-items .country-item a { display: block; padding: 25px 30px; border-bottom: 1px solid #444; } html.dark-theme #countries-mobile .countries-items .country-item .country-info span { color: #fff;} html.dark-theme #countries-mobile h4 { border-bottom: 1px solid #444; color: #fff} /* ======================================================================== /* Responsive Media Queries ========================================================================== */ /* Large screen and bigger */ @media (min-width:2080px) { .max-width { max-width: 1400px !important; margin: 0 auto; padding-left: 50px; padding-right: 50px; } .max-content { max-width: 1050px !important; margin: 0 auto; padding-left: 0px; padding-right: 0px;} .max-rse-content { max-width: 850px !important; margin: 0 auto; padding-left: 0px; padding-right: 0px; } /* #slider { background: #F1F3F5; } #slider .max-slider { background: #fff; border: 1px solid #f5f5f5; max-width: 1300px !important; margin: 40px auto; box-shadow: 0px 0px 35px 1px rgba(0,0,0,0.2); } #slider + section { padding-top: 60px;}*/ } /* Only Tablets (Portrait) */ @media (min-width:768px) and (max-width:959px) { } /* iPad Mini Portrait */ @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) { } /* iPad Mini Landscape */ @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) { } /* Only Tablets (Portrait) and Phones (Landscape) */ @media (min-width:480px) and (max-width:959px) { } /* Only Phones (Landscape) */ @media (min-width:480px) and (max-width:767px) { } @media (min-width:639px) and (max-width:1150px) { .uk-navbar-left, .uk-navbar-right, [class*="uk-navbar-center"] { gap: 20px!important;} .uk-navbar-center:only-child, .uk-navbar-left, .uk-navbar-right { flex-wrap: nowrap!important;} .dj-megamenu-site li.dj-up {padding: 0 3px 0 0!important; ;} .dj-megamenu-site li a.dj-up_a { padding: 0 5px!important; font-size: 12px!important;} /*.dj-megamenu-site li a.dj-up_a span { color: red!important; ;}*/ a.tm-logo img.logo { width: 100%!important; ; max-width: 180px!important; ; } .tm-header .uk-sticky-fixed a.tm-logo img.logo { width: 100%; max-width: 50px!important; ; } .tm-header .uk-sticky-fixed .dj-megamenu-site { margin-right: 15px!important; ;} #toolbar { display: block!important;} } @media (min-width:640px) and (max-width:885px) { a.tm-logo img.logo { width: 100%!important; ; max-width: 240px!important; ; } .uk-navbar-right { gap: 30px!important;} .uk-navbar-right .toggle-button-menu { display: block !important; min-height: 80px;line-height: 80px;} .tm-header .uk-sticky-fixed .uk-navbar-right .toggle-button-menu { line-height: 55px;min-height: 55px; } } /* Only Phones (Portrait) */ @media (max-width:479px) { } /* Phone landscape and smaller */ @media (max-width:767px) { .uk-hidden-small { display: none !important; } .toggle-button-menu { display: flex !important; } .width20, .width25, .width30, .width33, .width35, .width40, .width50, .width60, .width66, .width70, .width75, .width80, .width100 { width: 100%; max-width: 100%; } * > .max-content, * > .max-width { width: 100%; padding: 0 15px; } .uk-navbar-container:not(.uk-navbar-transparent) { background: #fff !important; box-shadow: 0 5px 15px rgba(0, 0, 0, .08) !important; } .tm-header-mobile .uk-sticky { z-index: 1001; } .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle { min-height: 60px !important; } .tm-header-mobile .uk-dropbar { padding: 0 0 25px !important; } .uk-search-large .uk-search-input { font-size: 13px!important;} .search-modal .uk-search-large .uk-search-input { height: 70px;} .search-modal .awesomplete { width: 80%;} .dropbar-menus { margin-top: 0 !important; } .dropbar-action-button { padding: 10px; background: #fff; border-top: 1px solid #e4e4e4 } .dropbar-action-button a { display: block; background: #ff3a03; color: #fff; padding: 15px 0; text-align: center; text-transform: uppercase; font-weight: 700; border-radius: 0px; } .dropbar-univers { border-top: 1px solid #e4e4e4; padding: 10px 0; } .dropbar-univers .dropbar-univers-links { display: flex; justify-content: center; align-items: center; } .dropbar-univers .dropbar-univers-links a { width: 46%; display: inline-block; text-align: center; padding: 10px 5px; color: #ff3a03; border: 1px solid #ff3a03; border-radius: 30px 0 0 30px; } .dropbar-univers .dropbar-univers-links a + a { border-radius: 0 30px 30px 0; } .dropbar-univers .dropbar-univers-links a.active { color: #fff; background: #ff3a03; } #page-cover { padding: 0; margin-bottom: 60px; } #page-cover .page-cover-text-block span.page-cover-text-bg { right: 14px; } #page-cover .page-cover-text-block span.page-cover-text-border { right: 14px; } #page-cover.page-cover-text-bottom .page-cover-text-block { margin-top: 40px !important; } #page-cover .page-cover-text-block .page-cover-text-wrapper { padding-right: 0!important } #page-cover .page-cover-title { font-size: 26px !important; text-align: center!important; } #page-cover .page-cover-title.page-cover-title-collapse { font-size: 18px !important; line-height: 23px; } #page-cover .page-cover-intro { font-size: 13px; margin-top: 10px; text-align:center; } #page-cover .page-cover-image-block { width: 90%; position:relative; top:auto; margin-top: 20px;} #page-cover .page-cover-image-block .page-cover-image { height: 160px; } #page-cover .page-cover-holder { padding:60px 0; } #page-cover .page-cover-text-block .page-cover-text-wrapper { min-height:0 } .grid-poly { gap: 20px 0;} .grid-poly-item { width: 100%; } .grid-poly-item:nth-child(2n) { margin-top: 0; margin-left: 0;} .grid-poly-item-wrapper {padding: 25px 40px 25px 60px; min-height: 150px;} .grid-poly-holder .rm { position: relative;top: auto;bottom: auto;right: auto;text-align: center;margin-top: 40px;} .grid-poly-right { gap:20px 0; justify-content: center; align-content: flex-start;align-items: center;} .grid-poly-right-block { width: 100%; margin-bottom: 0;} .grid-poly-right-block:nth-child(2n), .grid-poly-right-block:nth-child(3) { margin-top: 0; margin-left: 0;} .grid-poly-right-block-wrapper {padding: 25px 40px 25px 60px; min-height: 150px;} .grid-poly-half { gap:20px 0;} .grid-poly-half-item { width: 100%; margin-bottom: 0;} .grid-poly-half-item:nth-child(2) { top: auto; transform: translateY(0%);} .grid-poly-half-item-wrapper {padding: 25px 40px 25px 60px; min-height: 150px;} .chiffres-grid-liste { gap:20px 0;} .chiffres-grid-block-wrapper { justify-content:center; min-height: auto; } .univers-grid .uk-texte { width: 100%; } .univers-grid .uk-image { width: 100%; } .univer .univers-grid .uk-texte { order: 99; } .univer .univers-grid .uk-texte .uk-panel { padding: 15px 15px 20px 15px; text-align: center; } .univers .univer { margin-top: 30px; } .univers .univer + .univer { margin-bottom: 0; } .uv-image { height: 200px; } .univer .uv-content { padding: 0 20px; } #slider .slider-wrapper { position: relative; padding: 0; height: auto; flex-wrap: wrap; } #slider .slider-texte { width: 95%; height: auto; position: relative; } #slider .slide-texte { position: relative; width: 100%; } #slider .slide-texte-content { padding: 0 30px 0 30px; min-height: 200px;display: flex; flex-wrap:wrap; justify-content: flex-start;align-items: center;align-content: center;} #slider .slider-image { width: 100%; position: relative; right: 0; left: auto; margin-top: 0px; } #slider .slider-image::before { } #slider .slider-image-photo { } #slider span.slick-arrow { top: 40px; width: 25px; height: 25px; } #slider span.slick-arrow.slick-home-prev { right: 55px; left: auto; } #slider span.slick-arrow.slick-home-next { right: 20px; left: auto; } #slider span.slick-home-arrows { width: 25px; height: 25px; position: absolute; } #slider span.slick-home-prev-arrow { left: 0; top: 0; right: 0px; left: 0; margin-top: 0px; } #slider span.slick-home-next-arrow { right: 0; top: 0; right: 0; left: 0; margin-top: 0px; } #slider .slide-texte-content h2 { font-size: 20px; line-height: 25px; font-weight: 700; margin: 0; padding: 0; } #slider .slide-texte-content h2 i { font-style: normal; color: #ff3a03; } #slider .slide-texte-content p { font-size: 14px; line-height: 20px; font-weight: 500; margin: 15px 0 0 0; padding: 0; } #slider .slide-texte-content a { margin-top: 22px; padding: 0px 10px; height: 34px; line-height: 30px; min-height: 30px; } #slider .slick-slider-home .slick-dots { top: auto !important; bottom: 10px!important; left: 50%; width: auto; right: auto; transform: translateX(-50%); } #about .uk-card { margin: 0 auto!important } #about .about-texte { text-align:center; } #bbg-produits .block-wrapper { position: relative; padding-top: 30px; padding-bottom: 40px; } .produits-liste { display: flex; gap: 30px; flex-direction: column; flex-wrap: wrap; justify-content: center; align-content: flex-start; align-items: flex-start; } .produits-block { width: 100%; position: relative; } .produits-block p { font-size: 13px !important; line-height: 19px !important; } .produits-block-wrapper { padding: 20px 60px; } .produits-block:nth-child(2n) { margin-top: 0; margin-left: 0; } .produits-holder .rm { position: relative; top: auto; bottom: auto; right: auto; left: auto; text-align: center; margin-top: 60px; } .produits-block:hover h3, .produits-block:hover p, .produits-block:hover span { color: #fff !important; } #bbg-univers .block-wrapper { padding-top: 80px !important; padding-bottom: 80px !important; } .tool-image { height: 200px; } #bbg-chooseus .app-grid-content { width: 100%; order:99!important } #bbg-chooseus .app-grid-image { width: 100% } .slick-blocks-wrapper { padding: 0px; } .slick-blocks .slick-block-content { min-height: 220px; } .univers-liste { flex-direction: column; } .univers-block { width: 100%; position: relative; margin-bottom: 30px; } .univers-block:nth-child(2n) { margin-top: 0; margin-left: 0px; top: auto; } .univers-block:nth-child(3) { margin-top: 0px; } .univers-block-wrapper { padding: 15px 40px 15px 70px; } .univers-block h3 { font-size: 18px; line-height: 22px;} .univers-block p { font-size: 13px !important; line-height: 17px !important;} #bbg-map-home .bbg-map-content { top: auto; bottom: 20px; left: 50%; left: 15px; right: 15px; transform: translateY(0); clip-path: polygon(50px 0%, 100% 0%, 100% 100%, 0 100%, 0% 50px); } #bbg-map-home .bbg-map-content .bbg-map-content-text { width: auto; padding: 50px 20px 20px; height: auto; } #bbg-map-home .bbg-map-content .bbg-map-content-text h3 { font-size: 19px; line-height: 26px; text-align: center;} #bbg-map-home .bbg-map-content .bbg-map-content-text p { font-size: 15px; line-height: 24px; text-align: center;} #bbg-map-home .bbg-map-content .bbg-map-content-text a { font-size: 14px; line-height: 15px; } #bbg-map-home .bbg-map-frame { height: 695px; } #app-block { text-align: center; } #app-block h4 { font-size: 22px; line-height: 28px; } #app-block p { font-size: 16px; line-height: 24px; } #app-block .app-links { margin-top: 40px; margin-bottom: 00px; text-align: center; } #app-block .app-links img { max-width: 150px; } #app-block .app-image img { max-width: 260px; } #app-block .app-links a + a { margin-left: 0px; margin-top: 20px; } #app-block .app-grid-content { width: 100%; background-image: none; } #app-block .app-grid-content .uk-panel { padding-top: 60px; } #app-block .app-grid-image { width: 100% } #home-actus .actus-item .actu-block { flex-wrap: wrap; } .actus-item .actu-image-wrapper,.actus-item .actu-content { flex:auto; width:100% } #home-actus .actus-item .actu-content h3 { text-align: left; } #home-actus .actus-item .actu-date { padding: 10px 0 0 0 !important; } #home-actus .actus-item .actu-mois { padding-left: 3px 0 10px 0 !important; } #home-actus .actus-item .actu-year { position: relative; bottom: auto; left: auto; right: auto; display: block; } #home-actus .block-links { position: relative !important; display: block; text-align: left; } #home-actus .block-title h2 { display: block; text-align: center; margin-bottom: 35px; } #bbg-univers .grid-poly-half-item:nth-child(2) { top:0!important } #bbg-agences .grid-agences > div > .uk-panel { padding: 0 0 60px; } #bbg-agences .grid-agences-items > .uk-grid-margin { margin-top: 30px; } #bbg-agences .grid-agence-item { width: 100%; max-width: 100%; } #bbg-agences .grid-agences-items .grid-agence-item .uk-card { padding: 30px 0px; position: relative; } #bbg-agences .grid-agence-item .agence-name { font-size: 18px; line-height: 22px; } #bbg-agences .grid-agence-item .agence-address { padding: 0; } #bbg-agences .grid-agence-item .agence-street { font-size: 13px; line-height: 17px; } #bbg-agences .grid-agence-item .agence-bp { font-size: 13px; line-height: 17px; padding-top: 5px; } #bbg-agences .grid-agence-item .agence-contacts { flex-direction: column; padding: 15px 0; gap: 15px; } #bbg-agences .grid-agence-item .agence-contacts .agence-contacts-col { font-size: 17px; line-height: 20px; } #bbg-agences .grid-agence-item .agence-horaires-line { flex-direction: column; } #bbg-agences .grid-agence-item .agence-horaires-line:last-child { padding-bottom: 0; } #bbg-agences .grid-agence-item .agence-horaires-line .agence-horaires-line-col { font-size: 14px; line-height: 20px; } #bbg-agences .grid-agence-item .agence-horaires-day { text-align: left; font-weight: 600; } #bbg-agences .grid-agence-item .agence-horaires-hour { text-align: right; } #bbg-agences .grid-agence-item .action-agence { display: block; } #carte-infos .selection-carte { padding-bottom: 25px !important; } #carte-infos .selection-carte a { display: block; margin: 0 0 10px 0 !important; } .section-intro-title-big { font-size: 32px; } .section-intro-title, .section-intro-texte { text-align: center; } .section-intro-title { font-size: 25px; } .section-intro-texte-small { font-size: 15px; text-align: center; } .section-intro-texte-small br { display: none; } .block-intro { padding-bottom: 25px; } .contenu-grid .contenu-item .uk-card { padding: 30px 25px; } .contenu-grid .contenu-item .contenu-details .contenu-details-wrapper { height: auto; align-items: flex-start; } .contenu-grid .contenu-item .contenu-details .contenu-details-wrapper .contenu-detail { display: block; width: 100%; margin-bottom: 10px; } .contenu-grid .contenu-item .contenu-options .contenu-buttons > span { display: block; padding: 16px 17px; text-align: center; } .btn-lg, .uk-button-large { padding: 15px 5px !important; font-size: 15px !important; line-height: 20px !important; } #emploi-postuler .block-wrapper { padding-left: 20px; padding-right: 20px; padding-top: 30px; padding-bottom: 30px !important; } #emploi-postuler .block-wrapper.block-single { border-radius: 20px 20px 0 0 !important; padding: 40px 30px !important; } #emploi-postuler .block-wrapper.block-single .uk-button-large { font-size: 13px !important; line-height: 16px !important; padding: 20px 5px !important; } #emploi-postuler .block-wrapper p br { display: none; } #contenus-listing .contenus-listing-wrapper { padding: 0 15px 40px !important; } .contenu-grid .contenu-item .contenu-options .contenu-buttons a, .contenu-grid .contenu-item .contenu-options .contenu-buttons a span { display: block; text-align: center; } .contenu-grid .contenu-item .contenu-options .contenu-buttons a + a { margin-left: 0; margin-top: 15px; } .contenu-grid .contenu-item .contenu-content .contenu-text h3.contenu-title { font-size: 20px; line-height: 27px; } .contenu-grid .contenu-item .uk-card { padding: 0; } .contenu-grid .contenu-item .contenu-content .contenu-content-wrapper { padding: 15px; } .contenu-grid .contenu-item .contenu-content .contenu-content-wrapper { padding: 15px 0; } .contenu-grid .contenu-item .contenu-options { padding-top: 0; } .contenu-grid .contenu-item .contenu-content .contenu-text h3.contenu-title { font-size: 16px; line-height: 26px; } .contenu-grid .contenu-item .contenu-content .contenu-text p.contenu-texte { font-size: 14.5px; line-height: 24px; } .contenu-grid.contenu-grid-row .contenu-item .contenu-block { flex-wrap: wrap; } .contenu-grid .contenu-item .contenu-content .contenu-text { margin-top: 15px; } .contenu-grid .contenu-item.contenu-pdf .contenu-content .contenu-content-wrapper { padding: 0 15px 45px; } .contenu-grid .contenu-item.contenu-pdf .contenu-content .contenu-text { margin-top:0 } .contenu-grid .contenu-item.contenu-carriere .uk-card { padding: 15px; } .contenu-grid .contenu-item.contenu-carriere .contenu-content .contenu-content-wrapper { padding: 0 0 15px 60px; } .contenu-grid .contenu-item.contenu-carriere .contenu-options { padding-top: 0; } .contenu-grid .contenu-item.contenu-carriere .contenu-content .contenu-text h3.contenu-title { font-size: 16px; line-height: 26px; } .contenu-grid .contenu-item.contenu-carriere .contenu-content .contenu-text p.contenu-texte { font-size: 14.5px; line-height: 24px; } .contenu-grid .contenu-item.contenu-carriere .contenu-content .contenu-details { margin-top: 45px; } .contenus-emploi-page #contenus-listing .contenus-listing-wrapper { padding: 0 15px 0px !important; } .content-single-pr .grid-page-sidebar .uk-panel { padding-right: 0 } .article-content { padding-left: 5px; padding-right: 5px; } .uk-accordion-title { font-size: 1.1rem !important; } #agence-contacts .uk-accordion { margin-bottom: 60px;} #agence-contacts .uk-accordion-title { font-size: 1.2rem!important;} #agence-contacts .uk-accordion > div > a { padding: 25px 15px; border-bottom: #555!important; } #agence-contacts .uk-accordion > div.uk-open > a { border-bottom: 1px solid #ff3a03!important; color: #ff3a03; } #agence-contacts .uk-accordion > div:last-child > a { border-bottom: 1px solid #555!important; } #agence-contacts .uk-accordion > :nth-child(n+2) { margin-top: 0;} #agence-contacts .swForm .formContainer { padding:0!important } #agence-map .contact-map { padding-bottom: 0;} #agence-contacts .relations-tools { margin-bottom: 20px;} #agence-contacts .relations-tools > div.uk-grid-margin { margin-top: 0;} #agence-contacts .contact-agences .agence-texts h4 { text-align: center;} #agence-contacts .contact-agences .agence-texts p { text-align: center;} #agence-contacts .contact-agences .agence-texts p br { display: none;} #agence-contacts .contact-agences .agence-texts a { display: block; text-align: center;} #agence-contacts .agence-grid .agence-image .uk-svg { max-width: 130px;} #agence-adresse { padding: 0 20px;} #agence-adresse p { font-size: 15px;} #agence-map #bbgmap { clip-path:none;} #agence-contacts .page-form .block-form-holder { margin-bottom: 60px!important;} .article-content-button a { width: 100%; padding: 20px 5px !important; font-size: 11.5px !important; line-height: 16px !important; } .article-file-item h4.article-file-title { padding-left: 0; text-align: center; } .article-file-item .article-file-options { margin-top: 0 !important; } .article-file-item a { display: block; padding: 15px 0; } #article-file .block-title h3 { text-align: center; } .file-grid > * > .uk-panel { padding: 0; } #presentation .presentation-files { flex-wrap: wrap; } .chiffres-grid-block { width: 100%; } .chiffres-grid-block-wrapper { padding: 30px 60px; text-align: center; } .chiffres-grid-block p { line-height: 17px !important;} .chiffres-grid-block:nth-child(2n), .chiffres-grid-block:nth-child(3) { margin: 0!important; } .team-grid .team-person { margin-left: 0!important;} #carriere-profil .block-content-wrapper { padding: 0 20px; } .page-form .block-form-holder { padding: 60px 0px 30px; } .page-form .block-form-title h2 { font-size: 20px; } .page-form .block-form-title h2 br { display: none;} .swForm .rsform-type-fileupload { padding: 25px; } .swForm .rsform-block-send .rsform-submit-button { padding: 0 !important; width: 100%; } #calculateur-form .block-form-title { padding-left: 20px; padding-right: 20px; } #comparateur-cartes .block-form-title { padding-left: 20px; padding-right: 20px; } #comparateur-cartes .block-form-title h2 br, #comparateur-cartes .block-form-title .block-intro p br, #calculateur-form .block-form-title h2 br, #calculateur-form .block-form-title .block-intro p br { display: none; } #calculateur-form .btn-calculate { padding: 0 !important; } #comparateur-cartes .block-form-title .block-intro p, #calculateur-form .block-form-title .block-intro p { text-align: justify; } #calculateur-form .calculateur-form-wrapper { padding: 60px 0px 30px; } #calculateur-results .calculateur-results-wrapper { padding: 30px 20px 20px; } #calculateur-results .next-step { margin-top: 30px; padding: 30px 15px; } #calculateur-results .next-step p br { display: none; } #calculateur-results .next-step a { padding: 0 !important; width: 100%; } #comparateur-cartes > .block > .block-wrapper { padding-top: 30px !important; } #comparateur .comparateur-top { display: flex; justify-content: center; margin-bottom: 50px; flex-wrap: wrap; } #comparateur .comparateur-top .comparateur-top-reset { margin-top: 20px; } #comparateur .comparateur-grid .comp-cols { width: 100%; background: #ff3a03; color: #fff; } #comparateur .comparateur-grid .comp-cols .uk-card { border-right: 1px solid #e6eaee; } #comparateur .comparateur-grid .comp-cols .comparateur-ligne-title { text-align: center; width: 100%; } .comparateur-grid .comparateur-entete .carte-cta a { width: 100%; font-size: 14px; line-height: 13px; padding: 5px 5px; border-radius: 20px; } #comparateur .comparateur-grid .carte-cta-label { font-size: 14px; } #comparateur .comparateur-grid .carte-cta-label span { display: block; font-size: 13px; } #newsletter-module .field-btn a.uk-button { } #newsletter-module .field-intro, #newsletter-module .field-email, #newsletter-module .fiel-lname, #newsletter-module .field-fname, #newsletter-module .field-btn { width: 100%; margin-bottom: 10px !important; } #newsletter-module .newsletter-introtext { font-size: 27px !important; line-height: 27px; margin-bottom: 20px; } #newsletter-module .newsletter-introtext br { display: none; } #tm-footer .footer-middle-wrapper { padding-top: 30px; } #tm-footer .grid-footer { margin-left: 0px; margin-top: 40px; margin-bottom: 40px; } #tm-footer .grid-footer > * { padding-left: 0px; } #tm-footer .footer-col-logo, #tm-footer .footer-col-text, #tm-footer .footer-col-contact, #tm-footer .footer-col-menu, #tm-footer .footer-col-social { width: 100% !important; } #tm-footer .footer-logo-row { text-align: center !important; } #tm-footer .footer-col-logo .footer-logo { text-align: center; } #tm-footer .footer-col-logo .footer-logo img { width: 100%; height: auto; max-width: 330px; } #tm-footer .footer-col-logo .footer-text p { text-align: center; padding-right: 0; } #tm-footer .footer-col-logo .footer-text h5 { text-align: center; } #tm-footer .footer-col-text .footer-text p { padding: 0 20px;} #tm-footer .footer-col-title { text-align: center; margin-top: 10px; font-weight: 500; font-size: 15px; } #tm-footer .footer-col-contact p { text-align: center; } #tm-footer .footer-menu ul { margin: 0; padding: 0; } #tm-footer .footer-menu ul li { margin: 0; padding: 0px 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: block; } #tm-footer .footer-menu ul li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.2); } #tm-footer .footer-menu ul li a { text-align: center; font-size: 20px; line-height: 22px; margin: 0 !important; padding: 15px 0 !important; } #tm-footer .footer-menu ul li a:hover, .footer-menu ul li a:focus { background: #ff3a03 !important; color: #fff !important; } #tm-footer .footer-col-social { text-align: center; } #tm-footer .footer-col-social .footer-social h4 { text-align: center; } #tm-footer .footer-col-social .uk-panel { padding-top: 50px; } #tm-footer .footer-col-social .footer-social p { } #tm-footer .footer-col-social .footer-certification { margin-top: 50px; justify-content: space-evenly; } #tm-footer .footer-bottom { padding:14px 0 64px; } #tm-footer .footer-bottom p { font-size: 11px !important; line-height: 18px !important; padding: 0 20px; } #messagebar .messagebar-wrapper { padding: 15px 5px; } #messagebar .messagebar-title {font-size: 13px; line-height: 16px;} #messagebar .messagebar-intro { font-size: 12px;line-height: 17px;} #messagebar .messagebar-text .uk-card { padding-top: 0; padding-bottom: 15px; } #messagebar .messagebar-action .uk-card { padding: 0; } #messagebar .messagebar-action { width: 100%; } #messagebar .messagebar-action a { display: block; text-align: center; font-size: 13px; line-height: 13px;padding: 10px 5px; } #mb-popup-content .mb-popup-image { background-size: 250px; height: 20vh !important; min-height: 20vh !important; max-height: 20vh !important; } #mb-popup-content .mb-popup-texte { height: 80vh !important; min-height: 80vh !important; max-height: 80vh !important; } #mb-popup-content .mb-popup-texte > div { padding: 20px !important; } .mb-popup-content .mb-popup-image { background-size: 250px; height: 20vh !important; min-height: 20vh !important; max-height: 20vh !important; } .mb-popup-content .mb-popup-texte { height: 80vh !important; min-height: 80vh !important; max-height: 80vh !important; } .mb-popup-content .mb-popup-texte > div { padding: 20px !important; } .rse-about .block-wrapper { padding: 0px 0; } #page.rse-page .rse-content-page .block-wrapper { padding:0 30px; } .max-rse-content { padding:0; } .rse-more .grid-poly-item:nth-child(2n) { margin-left:0 } #page.rse-page .rse-cover h1 { font-size: 50px; } .rse-cover p br { display: none; } #page.rse-innerpage .rse-cover .rse-cover-wrapper { height: 25vh; } .rse-more .rse-more-grid .rse-more-grid-item a { font-size: 20px; padding: 40px 0; } #page.rse-innerpage .rse-cover h1 { font-size: 50px; } #page.rse-innerpage .rse-cover h4 { font-size: 30px; margin: 10px auto 0; } .rse-links-grid .uk-card { padding: 50px; } .block-grid .block-grid-item { width: calc(100% * 1 / 3.001); } .block-grid .block-grid-item .block-item-icon { margin: 0 auto; } .block-grid .block-grid-item .block-item-content { display: none; } .rse-links .rse-links-grid-item-content h2 { font-size: 25px; line-height: 35px; } .rse-links .rse-links-grid-item-content a { font-size: 12px !important; } .rse-ambitions-grid .rse-ambitions-item:nth-child(2n), .rse-s-content .rse-ambitions-grid .rse-ambitions-item:nth-child(2n) { margin-left: 0px; } #rse-intro-page .block-wrapper, .rse-intro-page .block-wrapper { padding-top: 30px !important; padding-bottom: 30px !important; } .rse-about p { text-align: justify; } .rse-links-grid .uk-card { padding: 0 !important; } .rse-more .grid-poly-item { width: 100%; margin-top: 0 !important; margin-bottom: 0px; } .rse-more .grid-poly-item-wrapper { padding: 20px 60px; } .rse-more .grid-poly-holder { margin-top: 0px !important; padding: 60px 0 30px !important; margin-bottom: 0 !important; } .grid-poly-item h3 { margin-bottom: 0 !important; font-size: 18px !important; line-height: 28px !important; } .rse-ambitions-item .uk-card { font-size: 14px; padding: 13px 10px 13px 80px } .rse-ambitions-item .uk-card span { margin-left: 5px; font-size: 20px; width: 60px; height: 60px; line-height: 60px; } #actions-icon { bottom: 60px; } #actions-icon.with-chat { bottom: 160px; } body.page-agences #actions-icon { bottom: 90px; } .swForm .formContainer { padding:0!important } #easycard .caracteristiques-item-block-av .av-block { width:100%; } #easycard .easycard-caracteristiques .caracteristiques-item-block-icon .dc-how-content-item { padding-left:0 } #easycard .easycard-order .app-grid-content,#easycard .easycard-order .app-grid-image { width: 100%; } #easycard .easycard-order .app-grid-content { order: 99!important } #easycard .easycard-order h3,#easycard .easycard-order p,#easycard .easycard-order .app-links { text-align:center; } html.dark-theme .uk-navbar-container:not(.uk-navbar-transparent) { background: #000 !important; } html.dark-theme .tm-header-mobile .uk-navbar-right a { color:#fff; } html.dark-theme .uk-navbar-toggle { color:#fff; } html.dark-theme .uk-dropbar-top { background:#000!important; } html.dark-theme ul.dj-mobile-site li.dj-mobileitem > a, html.dark-theme ul.dj-mobile-site li.dj-mobileitem:hover > a, html.dark-theme ul.dj-mobile-site li.dj-mobileitem.active > a { background:#000; color:#ff3a03; } html.dark-theme ul.dj-mobile-site li.dj-mobileitem.parent.active > a, html.dark-theme ul.dj-mobile-site li.dj-mobileitem.active > a { background:#000; color:#ff3a03; } html.dark-theme ul.dj-mobile-site li.dj-mobileitem > a { color:#fff; border-top: 1px solid rgba(255, 255, 255, 0.2); } html.dark-theme #toolbar-options-mobile #lang-selector select, html.dark-theme #toolbar-options-mobile .country-default-mobile a { color:#fff!important; } html.dark-theme .tm-header-mobile .uk-navbar-right a { border-left: 1px solid rgba(255, 255, 255, 0.2); } html.dark-theme .tm-header-mobile .uk-navbar-container { border-bottom:1px solid rgba(255, 255, 255, 0.2); } html.dark-theme .dropbar-univers { border-top:1px solid rgba(255, 255, 255, 0.2) ; } html.dark-theme .grid-poly-right-block-wrapper { min-height: 180px; padding:25px 60px!important; } #abs-right { display: inline-block; transform: translateY(0%); border-top: 1px solid rgba(255,255,255,0.2); overflow: visible; position: fixed; top: auto; bottom: 0; right: 0; left: 0; z-index: 1000; width: 100%; height: 50px; overflow: visible; } #abs-right .abs-right-wrapper { position: relative; display: flex; flex-wrap:nowrap; justify-content: center; align-items:center; } #abs-right a { position: relative; display: block; text-align: center!important; line-height: 50px; height: 50px; } #abs-right a i { margin: 0 auto; display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 18px; } #abs-right a span { display: none;} #abs-right a:hover { margin-left:0; } #abs-right a:hover i, #abs-right a i:hover { background: #ff3a03!important} }