/* ============================================================ Personnalisation Discountimmobilier — charte grise & verte Créé le 21/07/2026. Ce fichier est chargé automatiquement par Helix3 (custom.css) et N'EST PAS inclus dans le paquet Flex : il survit aux mises à jour. ============================================================ */ /* --- 1. Palette : remplace le rouge #f14833 du preset1 --- fonds/bordures -> vert #a0d835 | textes -> ardoise #445064 */ .major_color_bckg-100{background-color: #a0d835} .major_color{color: #445064 !important} .major_color-lighten-10{color: #556280} .major_color-lighten-20{color: #6b7896} .major_color-lighten-30{color: #8792ab} #sp-header.onepage .sp-megamenu-parent li.active a{color: #445064;border-bottom: 2px solid #a0d835} #sp-header.onepage .sp-megamenu-parent li.active:first-child >a.page-scroll{color: #445064;border-bottom: 2px solid #a0d835} #sp-header.onepage .sp-megamenu-parent ul li a:hover{color: #445064} #sp-header.onepage .sp-megamenu-parent ul li.active a{border-right: 2px solid #a0d835} #sp-header #sp-menu .sp-megamenu-parent >li.current-item.active>a, #sp-header #sp-menu .sp-megamenu-parent >li.sp-has-child.active>a{color: #556280} #sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item>a, #sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item.active>a, #sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item.active:hover>a, #sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item a:hover{background-color: #a0d835} #sp-header #cart-menu #cd-menu-trigger .empty_basket, #sp-header #cart-menu #cd-menu-trigger .items-added, #sp-header #cart-menu .cd-cart .empty_basket, #sp-header #cart-menu .cd-cart .items-added{background-color: #a0d835} .sp-module ul.accordion-menu > li .offcanvas-menu-toggler .close-icon{color: #445064} .sp-module ul.accordion-menu li.current > a{color: #445064} .nav.menu li.current > a{color: #445064} .close-offcanvas:hover{border: 1px solid #a0d835;color: #445064} .new-look .offcanvas-menu .sp-module ul >li .offcanvas-menu-toggler:before{background: #a0d835 none repeat scroll 0 0} .new-look .offcanvas-menu .sp-module ul >li .offcanvas-menu-toggler:after{background: #a0d835 none repeat scroll 0 0} .new-look .offcanvas-menu .sp-module ul >li.active .offcanvas-menu-toggler:before{background: #a0d835 none repeat scroll 0 0} .new-look .offcanvas-menu .sp-module ul >li.active .offcanvas-menu-toggler:after{background: #a0d835 none repeat scroll 0 0} a{color: #445064} a:hover{color: #333c4c} .article-info >dt >i, .article-info >dt >span.fa, .article-info >dt >span.fas, .article-info >dd >i, .article-info >dd >span.fa, .article-info >dd >span.fas{color: #556280} .article-info >dt .voting-symbol span.star, .article-info >dd .voting-symbol span.star{color: #556280} .article-info >dt .sp-rating span.star:hover:before, .article-info >dt .sp-rating span.star:hover ~ span.star:before, .article-info >dd .sp-rating span.star:hover:before, .article-info >dd .sp-rating span.star:hover ~ span.star:before{color: #3b4658} .article-info >dt .ajax-loader:before, .article-info >dd .ajax-loader:before{color: #333c4c} #offcanvas-toggler >i{color: #556280} #offcanvas-toggler >i:hover{color: #445064} #offcanvas-toggler >.bootstrap-list-icon{color: #556280} #offcanvas-toggler >.bootstrap-list-icon:hover{color: #445064} #offcanvas-toggler .js-menu-toggle span.lines, #offcanvas-toggler .js-menu-toggle span.lines:before, #offcanvas-toggler .js-menu-toggle span.lines:after{background: #b2e05c} #offcanvas-toggler .js-menu-toggle:hover span{background: #a8dc46} #offcanvas-toggler .js-menu-toggle:hover span:before, #offcanvas-toggler .js-menu-toggle:hover span:after{background: #bce473} #offcanvas-toggler .js-menu-toggle.is-active span:before{background: #b2e05c} #offcanvas-toggler .js-menu-toggle.is-active span:after{background: #b2e05c} .border-primary{border-color: #a8dc46 !important} .btn-primary, .button, .btn-readmore, .sppb-btn-primary, .vm-button-correct{background-color: #a0d835} .btn-primary.sppb-btn-outline, .button.sppb-btn-outline, .btn-readmore.sppb-btn-outline, .sppb-btn-primary.sppb-btn-outline, .vm-button-correct.sppb-btn-outline{color: #445064;border-color: #a0d835} .btn-primary.sppb-btn-3d:focus, .btn-primary.sppb-btn-3d.focus, .btn-primary.sppb-btn-3d:active, .btn-primary.sppb-btn-3d.active, .btn-primary.open > .dropdown-toggle.sppb-btn-3d, .btn-primary.btn-3d:focus, .btn-primary.btn-3d.focus, .btn-primary.btn-3d:active, .btn-primary.btn-3d.active, .button.sppb-btn-3d:focus, .button.sppb-btn-3d.focus, .button.sppb-btn-3d:active, .button.sppb-btn-3d.active, .button.open > .dropdown-toggle.sppb-btn-3d, .button.btn-3d:focus, .button.btn-3d.focus, .button.btn-3d:active, .button.btn-3d.active, .btn-readmore.sppb-btn-3d:focus, .btn-readmore.sppb-btn-3d.focus, .btn-readmore.sppb-btn-3d:active, .btn-readmore.sppb-btn-3d.active, .btn-readmore.open > .dropdown-toggle.sppb-btn-3d, .btn-readmore.btn-3d:focus, .btn-readmore.btn-3d.focus, .btn-readmore.btn-3d:active, .btn-readmore.btn-3d.active, .sppb-btn-primary.sppb-btn-3d:focus, .sppb-btn-primary.sppb-btn-3d.focus, .sppb-btn-primary.sppb-btn-3d:active, .sppb-btn-primary.sppb-btn-3d.active, .sppb-btn-primary.open > .dropdown-toggle.sppb-btn-3d, .sppb-btn-primary.btn-3d:focus, .sppb-btn-primary.btn-3d.focus, .sppb-btn-primary.btn-3d:active, .sppb-btn-primary.btn-3d.active, .vm-button-correct.sppb-btn-3d:focus, .vm-button-correct.sppb-btn-3d.focus, .vm-button-correct.sppb-btn-3d:active, .vm-button-correct.sppb-btn-3d.active, .vm-button-correct.open > .dropdown-toggle.sppb-btn-3d, .vm-button-correct.btn-3d:focus, .vm-button-correct.btn-3d.focus, .vm-button-correct.btn-3d:active, .vm-button-correct.btn-3d.active{background: #a8dc46} .sppb-btn-outline:hover{color: #3b4658} .sppb-btn-default:hover, .sppb-btn-default:focus, .btn.sppb-btn-default:hover, .btn.sppb-btn-default:focus{border-color: #a0d835;color: #445064} .sppb-btn-default.sppb-btn-outline:hover, .sppb-btn-default.sppb-btn-outline.focus, .sppb-btn-default.sppb-btn-outline.active, .sppb-btn-default.sppb-btn-outline:focus, .sppb-btn-default.sppb-btn-outline:active, .sppb-btn-default.open > .dropdown-toggle.sppb-btn-outline, .btn.sppb-btn-default.sppb-btn-outline:hover, .btn.sppb-btn-default.sppb-btn-outline.focus, .btn.sppb-btn-default.sppb-btn-outline.active, .btn.sppb-btn-default.sppb-btn-outline:focus, .btn.sppb-btn-default.sppb-btn-outline:active, .btn.sppb-btn-default.open > .dropdown-toggle.sppb-btn-outline{color: #333c4c;border: 2px solid #a0d835} .sppb-btn-default.sppb-btn-3d:hover, .sppb-btn-default.sppb-btn-3d:focus, .btn.sppb-btn-default.sppb-btn-3d:hover, .btn.sppb-btn-default.sppb-btn-3d:focus{color: #333c4c} .btn-link, .sppb-btn-link{color: #556280} .btn-link:hover, .btn-link:focus, .sppb-btn-link:hover, .sppb-btn-link:focus{color: #445064} .btn-flex, .sppb-btn-flex{border-color: #c6e88a} .btn-flex:hover, .btn-flex:focus, .sppb-btn-flex:hover, .sppb-btn-flex:focus{border-color: #bce473} .btn-flex.sppb-btn-outline, .sppb-btn-flex.sppb-btn-outline{border-color: #c6e88a} .btn-flex.sppb-btn-outline:hover, .btn-flex.sppb-btn-outline.focus, .btn-flex.sppb-btn-outline:focus, .btn-flex.sppb-btn-outline:active, .btn-flex.sppb-btn-outline.active, .btn-flex.open > .dropdown-toggle.sppb-btn-outline, .sppb-btn-flex.sppb-btn-outline:hover, .sppb-btn-flex.sppb-btn-outline.focus, .sppb-btn-flex.sppb-btn-outline:focus, .sppb-btn-flex.sppb-btn-outline:active, .sppb-btn-flex.sppb-btn-outline.active, .sppb-btn-flex.open > .dropdown-toggle.sppb-btn-outline{border-color: #bce473} .btn-flex.sppb-btn-3d, .btn-flex.sppb-btn-3d:hover, .btn-flex.sppb-btn-3d.focus, .btn-flex.sppb-btn-3d:focus, .btn-flex.sppb-btn-3d:active, .btn-flex.sppb-btn-3d.active, .btn-flex.open > .dropdown-toggle.sppb-btn-3d, .sppb-btn-flex.sppb-btn-3d, .sppb-btn-flex.sppb-btn-3d:hover, .sppb-btn-flex.sppb-btn-3d.focus, .sppb-btn-flex.sppb-btn-3d:focus, .sppb-btn-flex.sppb-btn-3d:active, .sppb-btn-flex.sppb-btn-3d.active, .sppb-btn-flex.open > .dropdown-toggle.sppb-btn-3d{border-bottom-color: #b2e05c} .light >i{color: #7d89a1} .light:hover i{color: #8792ab} ul.social-icons >li a:hover, ul.social-icons >li a:hover > i{color: #8792ab} .login .title i.pe, .registration .title i.pe{color: #6b7896} .ap-login a i.pe, .ap-signin a i.pe{color: #6b7896} .ap-modal-login .title i.pe{color: #6b7896} .ap-modal-login .modal-content .modal-body .forget-name-link a:hover{color: #445064 !important} .ap-modal-login .modal-content .modal-footer a:hover{color: #445064 !important} .ap-my-account-menu .signin-img-wrap i.pe{color: #8792ab} .ap-my-account-menu .dropdown-menu ul.menu >li a:hover::before, .ap-my-account-menu .dropdown-menu ul.nav >li a:hover::before{color: #8792ab} .ap-my-account-menu .dropdown-menu ul.menu >li:last-child a, .ap-my-account-menu .dropdown-menu ul.nav >li:last-child a{color: #445064} .ap-my-account-menu .dropdown-menu ul.menu >li:last-child a i, .ap-my-account-menu .dropdown-menu ul.nav >li:last-child a i{color: #445064} #sp-top-bar ul.social-icons >li a:hover, #sp-top-bar ul.social-icons >li a:hover > i{color: #4b5872} .sp-contact-info li a:hover{color: #5f6d88} .sp-contact-info li i{color: #5f6d88} .sp-module-content .mod-languages ul.lang-block li.lang-active a i{color: #6b7896} ol.breadcrumb li a:hover{color: #7d89a1} .sp-module ul >li >a:hover, .sppb-addon-module ul >li >a:hover{color: #445064} .sp-module.white .sppb-addon-content ol li a:hover, .sppb-addon-module.white .sppb-addon-content ol li a:hover{color: #7d89a1} .sp-module.dark ul >li >span >a, .sppb-addon-module.dark ul >li >span >a{color: #4b5872} .sp-module.dark ul >li >span >a:hover, .sppb-addon-module.dark ul >li >span >a:hover{color: #6b7896} .sp-module.dark ul >li >a, .sppb-addon-module.dark ul >li >a{color: #556280 !important} .sp-module.dark ul >li >a:hover, .sppb-addon-module.dark ul >li >a:hover{color: #7d89a1 !important} .sp-module .latestnews >div >a:hover, .sppb-addon-module .latestnews >div >a:hover{color: #445064} .sp-module ul.category-module >li >a, .sp-module .relateditems >li >a, .sppb-addon-module ul.category-module >li >a, .sppb-addon-module .relateditems >li >a{color: #556280} .sp-module ul.category-module >li >a >div.related-date >i, .sp-module .relateditems >li >a >div.related-date >i, .sppb-addon-module ul.category-module >li >a >div.related-date >i, .sppb-addon-module .relateditems >li >a >div.related-date >i{color: #6b7896} .sp-module ul.category-module >li span >i, .sp-module ul.category-module >li p >i, .sp-module .relateditems >li span >i, .sp-module .relateditems >li p >i, .sppb-addon-module ul.category-module >li span >i, .sppb-addon-module ul.category-module >li p >i, .sppb-addon-module .relateditems >li span >i, .sppb-addon-module .relateditems >li p >i{color: #6b7896} .sp-module ul.category-module >li a.mod-articles-category-title:hover, .sppb-addon-module ul.category-module >li a.mod-articles-category-title:hover{color: #445064} .sp-module .tagscloud .tag-name:hover, .sppb-addon-module .tagscloud .tag-name:hover{background: #a8dc46;border-color: #a0d835} .tag-category ul.category li h3 >a:hover{color: #445064} .tags a.label:hover{background: #a8dc46} .sp-simpleportfolio .sp-simpleportfolio-filter > ul.simple > li > a:hover{color: #445064} .sp-simpleportfolio .sp-simpleportfolio-filter > ul.simple > li.active > a{color: #445064} .sp-simpleportfolio .sp-simpleportfolio-filter > ul.simple > li.active > a:hover{color: #445064} .sp-simpleportfolio .sp-simpleportfolio-filter > ul.flex > li.active > a, #mod-sp-simpleportfolio .sp-simpleportfolio-filter > ul.flex > li.active > a{background: #a0d835} .sp-simpleportfolio .sp-simpleportfolio-filter > ul.flex > li > a:hover, #mod-sp-simpleportfolio .sp-simpleportfolio-filter > ul.flex > li > a:hover{background: #a0d835} .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a, #mod-sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a{background-color: #a0d835} .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover, #mod-sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover{background-color: #a0d835} .sp-simpleportfolio .sp-simpleportfolio-meta .sp-module:hover h3 > i.fa, .sp-simpleportfolio .sp-simpleportfolio-meta .sp-module:hover h3 > i.fas, .sp-simpleportfolio .sp-simpleportfolio-meta .sp-module:hover h3 > i.far{color: #445064} .sp-simpleportfolio-info .sp-simpleportfolio-tags i.fa, .sp-simpleportfolio-info .sp-simpleportfolio-tags i.fas, .sp-simpleportfolio-info .sp-simpleportfolio-tags i.far{color: #556280} input[type="text"]:focus{border: 1px solid #a0d835} .search input#mod-search-searchword:focus, .search input#search-searchword:focus, .search input#mod_virtuemart_search:focus{border: 1px solid #a0d835} .search:before{color: #556280} .search .btn-toolbar button{background: #a0d835} .post-format-masonry > i{background-color: #a0d835} .post-format{background-color: #a0d835} .entry-link, .entry-quote{background-color: #a0d835} blockquote{border-color: #a0d835} .sp-comingsoon body{background-color: #93c92a} .pagination>.active>a, .pagination>.active>span{border-color: #a0d835;background-color: #a0d835} .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span:hover, .pagination>.active>span:focus{border-color: #a0d835;background-color: #a0d835} .sppb-addon h3.sppb-addon-title:after{background: #b2e05c} .sppb-panel-default .sppb-panel-heading.active, .sppb-panel-default .sppb-panel-heading.active:before{color: #445064} .sppb-panel-default .sppb-panel-heading.active .sppb-panel-title, .sppb-panel-default .sppb-panel-heading.active:before .sppb-panel-title{color: #445064} .sppb-panel-default .sppb-panel-heading.active .sppb-panel-title >i, .sppb-panel-default .sppb-panel-heading.active:before .sppb-panel-title >i{color: #556280} .sppb-panel-primary >.sppb-panel-heading{background-color: #a0d835} .sppb-panel-flex >.sppb-panel-heading.active{border-bottom: 1px solid #a0d835} .sppb-panel-flex >.sppb-panel-heading.active:after{color: #445064} .sppb-panel-flex >.sppb-panel-heading.active .sppb-panel-title >i{color: #445064} .sppb-panel-flex >.sppb-panel-heading +.sppb-panel-collapse > .sppb-panel-body{border-bottom: 1px solid #a0d835} .sppb-addon-countdown.flex .sppb-countdown-number{background-color: #a0d835} .entry-header h1 a:hover, .entry-header h1 a:focus, .entry-header h2 a:hover, .entry-header h2 a:focus{color: #445064} .entry-header h1:after, .entry-header h2:after{background: #b2e05c} .bullets .li-circle{color: #445064} .dropcaps .naked-drop span{color: #445064} .dropcaps .full-drop span{background: #a0d835} .sp-module .sp-module-title:after{background: #b2e05c} .cd-pagination li.active >a{background-color: #a0d835} .cd-pagination a:hover, .cd-pagination a:focus{background-color: #a0d835} .sppb-progress .sppb-progress-bar-default, .sppb-progress .sppb-progress-bar.flex, .sppb-progress .sppb-progress-bar.custom{background-color: #a0d835} .sppb-nav-tabs >li >a{color: #445064} .flex .sppb-tab .sppb-nav-tabs >li.active >a{border-top-color: #b2e05c} .flex .sppb-tab .sppb-nav-tabs >li.active >a:hover, .flex .sppb-tab .sppb-nav-tabs >li.active >a:focus{border-top-color: #b2e05c} .sppb-nav-modern >li.active >a{color: #445064} .sppb-nav-modern >li.active >a:hover, .sppb-nav-modern >li.active >a:focus{color: #445064} .sppb-nav-pills >li.active >a, .icons .sppb-nav >li.active >a{color: #445064 !important;box-shadow: inset 0 0 0 1px #a0d835} .sppb-nav-pills >li.active >a >i, .icons .sppb-nav >li.active >a >i{color: #445064} .sppb-addon-testimonial .sppb-addon-testimonial-rating i.fa-solid.fa-star{color: #556280} .pro-client-url{color: #445064} .sppb-pricing-box.sppb-pricing-featured .sppb-pricing-header{background-color: #a0d835} .sppb-addon-latest-posts .latest-post .latest-post-inner div.img-wrapper >a:after, .sppb-addon-latest-posts .latest-post .latest-post-item div.img-wrapper >a:after{background: #a0d835} .sppb-addon-latest-posts .latest-post .latest-post-inner:hover h2.entry-title a, .sppb-addon-latest-posts .latest-post .latest-post-item:hover h2.entry-title a{color: #445064} .light .sppb-selector span i{color: #8792ab} .light .sppb-selector >i{color: #7d89a1} .light .sppb-selector:hover i{color: #8792ab} .flex .sppb-addon-content .gm-zoom-in, .flex .sppb-addon-content .gm-zoom-out{background-color: #b2e05c} .flex .sppb-addon-content .gm-zoom-in:hover, .flex .sppb-addon-content .gm-zoom-out:hover{background-color: #a8dc46} .sppb-addon .sppb-icon{color: #445064} .sppb-media.default >a:hover img.sppb-media-object, .sppb-media.flex >a:hover img.sppb-media-object{border-color: #a0d835} .sppb-media.default >a:hover >i, .sppb-media.flex >a:hover >i{border-color: #a0d835} .sppb-media.default >.sppb-media-body >i.fa, .sppb-media.default >.sppb-media-body >i.fas, .sppb-media.flex >.sppb-media-body >i.fa, .sppb-media.flex >.sppb-media-body >i.fas{color: #8792ab} .sppb-media footer strong{color: #4b5872} .sp-module .sp-module-title .divider, .sppb-addon-module .sp-module-title .divider{background: #b2e05c} .sppb-ajaxt-contact-form .sppb-form-group .sppb-form-control[placeholder]::-webkit-input-placeholder:before{color: #6b7896} .sppb-ajaxt-contact-form .sppb-form-group .sppb-form-control[placeholder]:focus{border: 1px solid #a8dc46} .sppb-addon-ajax-contact.dark .sppb-form-control[placeholder]:focus{border: 1px solid #bce473} .sppb-addon-ajax-contact.dark .tos label a{color: #5f6d88} .sppb-addon-ajax-contact.dark .tos label a:hover{color: #7d89a1} .acym_module_form .acysubbuttons-icon::before{background: #a0d835} .dark .acymailing_form .acysubbuttons:focus{border: 1px solid #bce473} .dark .acym_module_form input.cell{color: #8792ab} .dark .acym_module_form input.cell:focus{border: 1px solid #bce473} .sppb-addon-timeline .sppb-addon-timeline-wrapper:before{background-color: #c6e88a !important} .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:before{border: 2px solid #b2e05c !important} .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:after{background-color: #c6e88a !important} .form-builder-checkbox-item label::before, .form-builder-radio-item label::before, .sppb-addon-form-builder .sppb-form-check-label::before{border: 2px solid #bce473} .form-builder-checkbox-item input:checked+label::before, .form-builder-radio-item input:checked+label::before, .sppb-addon-form-builder .sppb-form-check-input:checked+label::before{background: #a8dc46} .error-page .error-page-inner >div.container .btn-error{background: #a8dc46} .error-page .error-page-inner >div.container .btn-error:hover{background: #a0d835} .error-page .error-page-inner >div.container .fa-exclamation-triangle{color: #5f6d88} .error-page .error-page-inner >div.container .error-code{color: #556280} .error-page .error-page-inner.with-bckg-img div.container .error-code{color: #4b5872} .sp-layer h1, .sp-layer h2, .sp-layer h3, .sp-layer h4, .sp-layer h5, .sp-layer h6, .sp-layer i.major_color{color: #4b5872} .sp-button{border-color: #bce473 !important} .sp-selected-button{background-color: #a0d835 !important} .vmCartModule #cd-lateral-nav .cd-navigation .cart-item .product_name a{color: #445064 !important} .cd-customization .add-to-cart{background-color: #a0d835} .productdetails-view .vm-product-details-inner .product-price .vm-price-desc+span{color: #445064} .productdetails-view .vm-product-details-inner .product-neighbours a.previous-page:hover:before, .productdetails-view .vm-product-details-inner .product-neighbours a.previous-page:hover:after, .productdetails-view .vm-product-details-inner .product-neighbours a.next-page:hover:before, .productdetails-view .vm-product-details-inner .product-neighbours a.next-page:hover:after{background: #a0d835} .productdetails-view .products-desc-tab .nav-tabs .nav-link{color: #445064} .productdetails-view .products-desc-tab .nav-tabs .nav-link.active{box-shadow: 0 -1px 0px #a0d835, 0 1px 0 #fff} .productdetails-view .products-desc-tab .tab-content .customer-reviews .list-reviews span.date >i{color: #5f6d88} #fancybox-wrap #fancybox-content .continue_link, #fancybox-wrap #fancybox-content .showcart{background-color: #a0d835} .cart-view input[value="Logout"], .cart-view input[name="changeShopper"], .cart-view input[value="Search in shop"]{background-color: #a0d835} .cart-view input[value="Logout"]:hover, .cart-view input[name="changeShopper"]:hover, .cart-view input[value="Search in shop"]:hover{background: #93c92a} .cart-view fieldset.userdata #com-form-login-remember input{background-color: #a0d835} .cart-view fieldset.userdata #com-form-login-remember input:hover{background-color: #86bb22} .cart-view .billto-shipto a.details{background: #a0d835} .cart-view .billto-shipto a.details:hover{background: #86bb22} .cart-view table.cart-summary tr th{background: #a0d835;border: solid 1px #a0d835} .cart-view table.cart-summary input.details-button{background: #a0d835} .cart-view table.cart-summary .vm2-add_quantity_cart{background: #a0d835} .sectiontableentry1 td a.change-payment{color: #556280} .sectiontableentry1 td a.change-payment:hover{color: #445064} .vm-button-correct{background-color: #a0d835} .vm-button-correct:hover{background-color: #93c92a} .vm-button{background-color: #b2e05c} #com-form-login-remember input.default{background: #a0d835} #com-form-login-remember input.default:hover{background: #93c92a} .control-buttons .vm-button-correct:hover, .control-buttons .vm-button-correct:focus{border-color: #a0d835;color: #445064} .control-buttons button.default{background: #a0d835} .control-buttons button.default:hover{background: #93c92a} span.userfields_info{color: #445064;border-bottom: 1px solid #a0d835} .vm-flex-search input:focus{border: 1px solid #a0d835} .vm-flex-search input:focus + .vm-search-button >i{color: #445064} .vm-flex-search .vm-search-button >i{color: #5f6d88} .currency-selector-module button.btn >i:hover, .currency-selector-module input.btn >i:hover{color: #445064} .chzn-container-active .chzn-single{border: 1px solid #a0d835 !important} .vm-price-box ins{color: #445064} .vm-menu .vm-title{border-top: 1px solid #b2e05c} .vm-menu ul.productdetails li .spacer-inner .PricesalesPrice{color: #445064} @keyframes flex_after_f_top{stroke: #445064} /* --- 2. Titres des biens : noir, survol ardoise --- */ .os-propertytitle, .os-propertytitle a, .os_property-title a{color:#000;} .os-propertytitle a:hover, .os-propertytitle a:focus, .os_property-title a:hover{color:#445064;} /* --- 3. Logo (700x97) dans le header de 110px --- */ #sp-header .logo img{max-height:92px;width:auto;} /* --- 4. Pré-footer pleine largeur, sous les colonnes de menus --- */ /* --- 5. Centrage des colonnes de la zone basse --- Seules bottom2 (Confidentialité) et bottom3 (Informations) sont utilisées sur 4 colonnes disponibles : on les dimensionne au contenu et on centre. bottom1 (liste des villes) reste en pleine largeur, en dessous. */ #sp-bottom .row{justify-content:center;} #sp-bottom2, #sp-bottom3{flex:0 0 auto !important;width:auto !important;max-width:none !important;} /* --- 6. Zone basse traitée en vrai pied de page --- Fond ardoise foncé + textes blancs, dans l'esprit du header. */ #sp-bottom{background-color:#414852;color:#ffffff;} #sp-bottom .sp-module-title{color:#ffffff;} #sp-bottom a{color:#ffffff;} #sp-bottom a:hover, #sp-bottom a:focus{color:#a0d835;} /* separateurs des listes de menu, lisibles sur fond fonce */ #sp-bottom .mod-menu li, #sp-bottom .mod-menu li a{border-color:rgba(255,255,255,.18);} /* liste des villes : styles inline du module -> !important necessaire */ /* --- 7. Menu du header : lien ACTIF en vert, les autres en blanc --- Les parametres du template remplissent la regle a forte specificite ; ici on couvre :visited, que ces parametres ne traitent pas. */ #sp-header .sp-megamenu-parent > li > a, #sp-header .sp-megamenu-parent > li > a:link, #sp-header .sp-megamenu-parent > li > a:visited{color:#ffffff;} #sp-header .sp-megamenu-parent > li.active > a, #sp-header .sp-megamenu-parent > li.current-item > a, #sp-header .sp-megamenu-parent > li.active > a:visited, #sp-header .sp-megamenu-parent > li.current-item > a:visited, #sp-header .sp-megamenu-parent > li > a:hover, #sp-header .sp-megamenu-parent > li > a:focus{color:#a0d835;} /* --- 8. Fond du pied de page --- La mise en page default.json injecte #sp-bottom{background-color:#f5f5f5} en style inline, qui passe apres les feuilles externes dans la cascade. default.json appartient au paquet Flex (ecrase a chaque maj) : on surcharge ici. */ #sp-bottom{background-color:#414852 !important;padding:45px 0 35px !important;} /* --- 10. Ligne de copyright, sous le bloc des villes --- */ .di-copyright{text-align:center;font-size:13px;padding-top:18px;margin-top:14px; border-top:1px solid rgba(0,0,0,.10);} /* --- 11. Bloc SEO des villes : position below-component --- Placee juste sous le contenu principal, AVANT la zone Bottom. Position native du template : pas de reordonnancement CSS necessaire. */ .below-component{background-color:#f0f0f0;padding:26px 22px 30px;margin-top:60px;} .below-component, .below-component *{color:#5a6270 !important;} /* --- 12. Copyright : pleine largeur, en dernier, sur le fond fonce --- */ #sp-bottom1{flex:0 0 100% !important;width:100% !important;max-width:100% !important;order:9;} #sp-bottom .di-copyright{border-top-color:rgba(255,255,255,.18);} /* --- 13. En-tete mobile --- NOTE : les regles mobiles du logo ne sont PAS ici mais dans le custom_css du style (parametres du template, injecte en ligne). Raison : la regle d'origine du logo (max-height:74px) y vit deja, et une surcharge depuis ce fichier externe dependait du cache navigateur (custom.css est servi SANS parametre de version). Voir §8.25 de info.md. */ /* --- 14. Barre de recherche rapide, en haut du contenu --- */ .above-component{margin:22px 0 26px;} /* --- 15. Icones Font Awesome d'OS Property --- OS Property utilise la syntaxe v4 () mais son propre fichier fontawesome-webfont.woff2 est ABSENT (404). L'icone retombe alors sur la police FA7 de Flex en graisse 400, alors que fa-link n'existe qu'en Solid 900 -> glyphe vide, pastille verte seule. On force la famille et la graisse correctes. */ #listings i.fa, .property-mask i.fa, .pimage i.fa, .property-list i.fa, .os-property i.fa, figcaption i.fa{font-family:"Font Awesome 7 Free","Font Awesome 6 Free","FontAwesome" !important; font-weight:900 !important;} /* --- 16. Fiche descriptive : degrades violets -> verts --- Source : media/com_osproperty/assets/css/frontend_style.css #667eea et #764ba2 transposes en verts de la charte. Fonds/degrades -> vert vif ; textes -> vert profond (lisibilite). */ .gmapcontroller_fullscreen{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .nav-tabs .nav-link:hover{border-bottom-color: #a0d835 !important;color: #4a7c15 !important} .nav-tabs .nav-link.active{border-bottom-color: #a0d835 !important;color: #4a7c15 !important} #address-search .input-group .form-control:focus{border-color: #a0d835 !important} #address-search .input-group-append .btn{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} #radius-display{color: #4a7c15 !important} .locator-filter.form-select:focus, .locator-filter.form-control:focus{border-color: #a0d835 !important} /* Draw Area buttons styling - MODERN COLORS */ .drawing-tools-panel .btn-group .btn{border: 2px solid #a0d835 !important;color: #4a7c15 !important} .drawing-tools-panel .btn-group .btn:hover{background: #a0d835 !important} #properties-count-badge{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .properties-sidebar .sort-controls select:focus{border-color: #a0d835 !important} .property-list-item:hover{border-color: #a0d835 !important} .property-item-title a:hover{color: #4a7c15 !important} .map-loading-overlay .spinner-border{color: #4a7c15 !important} .agentdetails .agent-action-btn.editprofilelink{color: #4a7c15 !important;border-color: #a0d835 !important} .agentdetails .agent-action-btn.editprofilelink:hover{background: #a0d835 !important} .agentdetails .agent-info-item{border-left: 3px solid #a0d835 !important} .agentdetails .info-icon{color: #4a7c15 !important} .agentdetails .info-content a:hover{color: #4a7c15 !important} /* Agent bio section */ .agentdetails .agentbio{border-left: 4px solid #a0d835 !important} .agentdetails #contactForm input:focus, .agentdetails #contactForm textarea:focus{border-color: #a0d835 !important} .agentdetails #contactForm .submitcontactform{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .block_caption::after{background: linear-gradient(90deg, #a0d835 0%, #5f9410 100%) !important} /* Agent type badge */ .agentdetails .agentType{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} /* Button Colors */ .searchbtns .modern-btn.btn-search{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .searchbtns .flat-btn.btn-search{color: #4a7c15 !important;border-color: #a0d835 !important} .searchbtns .flat-btn.btn-search:hover{background: #a0d835 !important} .osp-modal-tab.active{color: #4a7c15 !important;border-bottom-color: #a0d835 !important} .osp-modal-tab:hover{color: #4a7c15 !important} .osp-form-group input:focus{border-color: #a0d835 !important} .osp-remember-forgot a{color: #4a7c15 !important} .osp-submit-btn{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .osp-spinner{border-top: 3px solid #a0d835 !important} .osp-social-btn:hover{border-color: #a0d835 !important} .saved-search-header h1:before{color: #4a7c15 !important} .saved-search-btn:hover{border-color: #a0d835 !important;color: #4a7c15 !important} .saved-search-table thead{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .saved-search-checkbox:checked{background: #a0d835 !important;border-color: #a0d835 !important} .saved-search-link:hover{color: #4a7c15 !important} .saved-search-edit-btn:hover{background: #a0d835 !important;border-color: #a0d835 !important} .saved-search-edit-input{border: 2px solid #a0d835 !important} .saved-search-spinner{border-top: 3px solid #a0d835 !important} .osp-input:focus, .osp-textarea:focus, .osp-report-form select:focus{border-color: #a0d835 !important} .osp-btn-primary{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .osp-form-group input:focus{border-color: #a0d835 !important} .osp-remember-forgot a{color: #4a7c15 !important} .osp-submit-btn{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .osp-spinner{border-top: 3px solid #a0d835 !important} /* Header Section */ .osp-saved-header{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .osp-btn-primary{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .osp-btn-secondary{color: #4a7c15 !important;border: 2px solid #a0d835 !important} .osp-btn-secondary:hover{background: #a0d835 !important} .osp-status-header, .osp-info-header{border-bottom: 3px solid #a0d835 !important} .osp-status-header h3 i, .osp-info-header h3 i{color: #4a7c15 !important} .osp-status-item{border-left: 4px solid #a0d835 !important} .osp-info-item.osp-info-highlight{border-left-color: #a0d835 !important} .osp-property-title{color: #4a7c15 !important} /* --- 17. Fiche descriptive : degrades violets du THEME theme1 --- Source : components/com_osproperty/templates/theme1/style/style.css (c'est le theme actif d'OS Property ; il portait les degrades des bandeaux .property-title, .features .title, etc.) */ /* ======================================== PROPERTY DETAILS HEADING - MODERN LAYOUT ======================================== */ .detailsView .property-title{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .os_property-item .status-price, .os_property-item .status-price_rtl{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .descriptionWrap .attribute-list li:hover{background: linear-gradient(135deg, #a0d83515 0%, #5f941015 100%) !important;border-color: #a0d835 !important} .descriptionWrap .attribute-list li.meta-block span{color: #4a7c15 !important} /* Icon Enhancements */ .property-icon-square::before, .property-icon-bed::before, .property-icon-bath::before, .property-icon-parking::before{color: #4a7c15 !important} /* ======================================== PROPERTY DETAILS HEADING - MODERN LAYOUT ======================================== */ .detailsView .property-title{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .wrap .status-price, .wrap .status-price_rtl{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .descriptionWrap .attribute-list li:hover{background: linear-gradient(135deg, #a0d83515 0%, #5f941015 100%) !important;border-color: #a0d835 !important} .descriptionWrap .attribute-list li.meta-block span{color: #4a7c15 !important} /* Icon Enhancements */ .property-icon-square::before, .property-icon-bed::before, .property-icon-bath::before, .property-icon-parking::before{color: #4a7c15 !important} .os_property-item .property-meta li i{color: #4a7c15 !important} .os_property-item .features h4.title{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .os_property-item .content h4.additional-title{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .property-attachment .attachment-label{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} /* ======================================== PROPERTY INFORMATION - ENHANCED STYLING ======================================== */ .os_property-item .content h4.additional-title{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .os_property-item ul.additional-details li:hover{background: linear-gradient(135deg, #a0d83515 0%, #5f941015 100%) !important;border-color: #a0d835 !important} .os_property-item ul.additional-details li span{color: #4a7c15 !important} .neighborhood-section h4.additional-title{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .neighborhood-section ul.additional-details li:hover{border-color: #a0d835 !important} .neighborhood-section ul.additional-details li span{color: #4a7c15 !important;background: #a0d83515 !important} .os_property-item .features h4.title{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .os_property-item .features .arrow-bullet-list .span4:hover, .os_property-item .features .arrow-bullet-list .col-md-4:hover{background: linear-gradient(135deg, #a0d83515 0%, #5f941015 100%) !important;border-color: #a0d835 !important} .os_property-item .features h4.title{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .feature-tab-btn::before{color: #4a7c15 !important} .feature-tab-btn.active{color: #4a7c15 !important;border-bottom: 3px solid #a0d835 !important} .feature-tab-btn.active::before{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .feature-group-item:hover{background: linear-gradient(135deg, #a0d83515 0%, #5f941015 100%) !important;border-color: #a0d835 !important} .feature-group-item span{color: #4a7c15 !important} .os_property-item .features h4.title{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .os_property-item .features .core-fields-section .col-md-6:hover{border-color: #a0d835 !important} /* Group heading (h4) */ .os_property-item .features .core-fields-section .col-md-6 h4{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} /* Field value (NO icon) */ .os_property-item .features .core-fields-section .fieldvalue{color: #4a7c15 !important} /* ======================================== SPECIFIC BUTTON STYLES ======================================== */ /* Edit button */ .property-meta .propertyinfoli a[href*="property_edit"]{color: #4a7c15 !important} .property-meta .propertyinfoli a[href*="property_edit"]:hover{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important;border-color: #a0d835 !important} /* Compare button (not active) */ .property-meta .propertyinfoli a[data-action-type="compare"]:not(.active){color: #4a7c15 !important} .property-meta .propertyinfoli a[data-action-type="compare"]:not(.active):hover{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important;border-color: #a0d835 !important} /* Compare button (active) */ .property-meta .propertyinfoli a[data-action-type="compare"].active{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important;border-color: #a0d835 !important} .property-meta .listingActions-list::-webkit-scrollbar-thumb{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .property-meta .listingActions-list::-webkit-scrollbar-thumb:hover{background: linear-gradient(135deg, #5f9410 0%, #a0d835 100%) !important} /* ======================================== ACCESSIBILITY ======================================== */ .property-meta .propertyinfoli a:focus{outline: 2px solid #a0d835 !important} .property-meta::-webkit-scrollbar-thumb{background: linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important} .property-meta::-webkit-scrollbar-thumb:hover{background: linear-gradient(135deg, #5f9410 0%, #a0d835 100%) !important} /* --- 18. Bandeaux de section de la fiche : coins arrondis homogenes --- */ .detailsView .property-title, .features .title, .features h4.title, .amenities-section > .title, .os_property-item .features .title{border-radius:8px !important;overflow:hidden;} /* --- 19. Bandeau "Amenities" --- Ce titre n'existe PAS dans le HTML : c'est un pseudo-element ::before dont le texte est dans la propriete content (theme1/style/style.css:1834). Il echappait donc a toute recherche dans les fichiers de langue. On le renomme et on l'aligne sur le degrade de la charte. \0000E9 = e accent aigu (echappement CSS, insensible a l'encodage du fichier). */ .os_property-item .features .amenities-section::before{ content:'Caract\0000E9ristiques' !important; background:linear-gradient(135deg, #a0d835 0%, #5f9410 100%) !important; border-radius:8px 8px 0 0 !important; } /* --- 20. Badges "Bien exceptionnel" et "Vendu" --- Le theme les affichait en degrade ROSE (#f093fb -> #f5576c), qui jurait avec la charte. Bordeaux plutot qu'un vert fonce : le badge se pose sur le bandeau vert vif du titre, un vert sur vert manquerait de contraste. */ .featuredpropertydetails, .badge.badge-warning{ background:linear-gradient(135deg, #9b2242 0%, #5e1226 100%) !important; color:#fff !important; } /* --- 21. Arrondi du bandeau "Renseignements..." --- Le theme force border-radius:0 !important avec le selecteur .os_property-item .features h4.title (specificite 0,3,1). A !important egal, c'est la specificite qui tranche : il faut donc reprendre le MEME selecteur, pas une version plus courte. */ .os_property-item .features h4.title, .os_property-item .features .title{border-radius:8px !important;overflow:hidden !important;} /* --- 22. Page "Tous nos biens" : couleurs et position du coeur --- Le theme y utilisait un orange-rouge #E73914 pour le prix et le badge. */ /* prix : vert de la charte. Degrade volontairement assombri par rapport a #a0d835 : le texte est blanc, et #a0d835 seul donne 1,9:1 (illisible). #4a7c15 monte a ~5:1. */ .os_currency_red{background:linear-gradient(135deg, #7fb122 0%, #4a7c15 100%) !important; color:#fff !important;border-radius:6px !important;} /* badge "Bien exceptionnel" sur la vignette : meme bordeaux que la fiche */ .os_featured{background:linear-gradient(135deg, #9b2242 0%, #5e1226 100%) !important; color:#fff !important;border-radius:0 6px 0 0 !important;} /* coeur "favori" : place en haut a DROITE de l'image (en haut a gauche il chevauchait l'etiquette du type de bien ; le badge "Bien exceptionnel" occupe le bas droit) */ .os_favorite_icon{top:10px !important;right:10px !important; bottom:auto !important;left:auto !important;} /* --- 23. Pagination de la liste des biens --- Defaut du composant : les sont enfants directs du