/* ============================================================================ COLORS - Theme variant 1 Fichier centralisé regroupant TOUTES les couleurs utilisées dans les fichiers SCSS du thème (assets/sass). Pour modifier la palette du site : il suffit de changer les valeurs des variables CSS dans la section :root ci-dessous. ============================================================================ */ :root { /* ---- Couleurs principales (bleus de la marque) ---- */ --gasel-color-primary: #021d3c; --color-primary: #07a2a4; /* Bleu principal */ --bg-second-color: #e2f0f0; --color-primary-2: #07a2a4; /* Bleu variant (h1 banner, mobile menu, scrollbar) */ --color-primary-light: #07a2a4; /* Bleu clair (sub-site, pagination) */ --color-primary-dark: #021d3c; /* Bleu marine foncé (hover pagination) */ --color-primary-alpha-05: rgba(0, 114, 167, 0.05); /* #0072A70D - banner-filter bg */ --color-primary-alpha-06: rgba(0, 114, 167, 0.06); /* gradient banner */ --color-contact-form-bg: #07a2a4; /* ---- Couleurs d'accent ---- */ --color-accent-teal: #021d3c; /* Vert d'eau / teal (about-us, contact-footer) */ --color-accent-red: #f0502d; /* Rouge CTA (boutons "contact", footer-bottom) */ --color-accent-red-alpha: rgba(220, 75, 67, 0.1); /* #DC4B431A - badge type emploi */ --color-accent-red-light: rgba(255, 0, 0, 0.1); /* #FF00001A - badge type offre */ --color-accent-yellow: #fcdb17; /* Jaune fournisseur isprivileges */ --color-error: #f08b6b; /* Orange d'erreur (wpcf7-not-valid-tip) */ /* ---- Couleurs neutres ---- */ --color-white: #fff; --color-white-alpha-50: rgba(255, 255, 255, 0.5); /* #FFFFFF80 - slider pagination */ --color-black: #000; --color-black-alpha-23: rgba(0, 0, 0, 0.23); /* #0000003b - loading overlay */ --color-black-alpha-50: rgba(0, 0, 0, 0.5); /* shadow header / gradient */ --color-black-alpha-66: rgba(0, 0, 0, 0.66); /* gradient slider */ --color-shadow-light: rgba(0, 0, 0, 0.1); /* select2 dropdown shadow */ --color-shadow-light-2: rgba(0, 0, 0, 0.12); /* select2 dropdown shadow */ --color-gradient-deep: rgba(4, 76, 109, 0); /* slider gradient end */ /* ---- Gris ---- */ --color-text-dark: #1E1E1E; /* Titres h2, accordion */ --color-text-mid-dark: #3A3A3A; /* Texte courant */ --color-text-mid: #414141; /* Texte image_text bloc */ --color-text-grey: #909090; /* Texte secondaire / .gray */ --color-border-grey: #B9C2CE; /* Bordure pagination mobile */ --color-bg-grey: #F5F5F5; /* Background gcn-block */ --color-bg-grey-light: #f1f1f1; /* Scrollbar track */ --color-spinner-track: #f3f3f3; /* Spinner track */ --color-spinner-active: #3498db; /* Spinner top */ /* ---- Bleus pâles / arrière-plans ---- */ --color-bg-blue-pale: #F2F8FB; /* Background image_text, filtres mobile */ --color-bg-blue-pale-2: #E5F1F6; /* Slick dots inactifs */ --color-bg-blue-pale-2-alpha: rgba(229, 241, 246, 0.5); /* #E5F1F680 - footer bg */ --color-bg-blue-very-pale: #E6F7FF; /* Footer sub-site, hover, badges */ } /* ============================================================================ _global.scss ============================================================================ */ /* --- #loading & spinner --- */ #loading { background: var(--color-black-alpha-23) !important; } .spinner { border-color: var(--color-spinner-track) !important; border-top-color: var(--color-spinner-active) !important; } /* --- #breadcrumbs --- */ #breadcrumbs span, #breadcrumbs span a { color: var(--color-primary) !important; } #breadcrumbs span a:before { background-color: var(--color-white) !important; } #breadcrumbs.black span, #breadcrumbs.black span a { color: var(--color-black) !important; } #breadcrumbs-mobile span, #breadcrumbs-mobile span a { color: var(--color-black) !important; } #breadcrumbs-mobile span a:after { background-color: var(--color-black) !important; } /* --- pagination (générique) --- */ .pagination .pagination-custom-links ul li span, .pagination .pagination-custom-links ul li a { color: var(--color-primary-light) !important; } .pagination .pagination-custom-links ul li span.current, .pagination .pagination-custom-links ul li a.current { background: var(--color-primary-light) !important; color: var(--color-white) !important; } .pagination .pagination-custom-links ul li span:hover, .pagination .pagination-custom-links ul li a:hover { background: var(--color-primary-dark) !important; color: var(--color-white) !important; } .pagination .pagination-custom-links ul li span.next, .pagination .pagination-custom-links ul li a.next, .pagination .pagination-custom-links ul li span.prev, .pagination .pagination-custom-links ul li a.prev { color: var(--color-primary-light) !important; border-color: var(--color-primary-light) !important; } .pagination .pagination-custom-links ul li span.next:hover, .pagination .pagination-custom-links ul li a.next:hover, .pagination .pagination-custom-links ul li span.prev:hover, .pagination .pagination-custom-links ul li a.prev:hover { color: var(--color-primary-dark) !important; } /* --- .banner --- */ .banner .banner-filter { background: var(--color-primary-alpha-05) !important; } .banner .banner-filter h1 { color: var(--color-primary) !important; } .banner .banner-filter:after { background: var(--color-accent-teal) !important; } .banner.has-img .banner-filter { background: linear-gradient(325.95deg, var(--color-black-alpha-50) 14.89%, var(--color-primary-alpha-06) 103.96%) !important; } .banner.has-img .banner-filter::after { background: var(--color-white) !important; } .banner.has-img .banner-filter h1, .banner.has-img .banner-filter #breadcrumbs span, .banner.has-img .banner-filter #breadcrumbs span a { color: var(--color-white) !important; } .banner.main-site #breadcrumbs span, .banner.main-site #breadcrumbs span a { color: var(--color-black) !important; } .single-post .banner.main-site #breadcrumbs span, .single-post .banner.main-site #breadcrumbs span a { color: var(--color-white) !important; } /* --- select2 --- */ .select2-container.select2-container--open .select2-selection { border-color: var(--gasel-color-primary) !important; } .select2-dropdown { box-shadow: 0 0 20px var(--color-shadow-light), 0 5px 5px var(--color-shadow-light-2) !important; border-color: var(--color-white) !important; } .select2-dropdown ul li { color: var(--gasel-color-primary) !important; } .select2-dropdown ul li.select2-results__option--highlighted, .select2-dropdown ul li.select2-results__option--selected { background-color: var(--color-white) !important; color: var(--gasel-color-primary) !important; } /* ============================================================================ _components.scss ============================================================================ */ /* --- Slick home slider --- */ .slick-home-slider .slider-element .bg-effect { background: linear-gradient(332.99deg, var(--color-black-alpha-66) 15.6%, var(--color-gradient-deep) 101.72%) !important; } .slick-home-slider .slider-element .bg-effect .content .sub-title, .slick-home-slider .slider-element .bg-effect .content .title, .slick-home-slider .slider-element .bg-effect .content .btn-cta { color: var(--color-white) !important; } .slick-home-slider .slider-element .bg-effect .content .btn-cta { background: var(--color-accent-red) !important; } .slick-home-slider .slider-element .bg-effect .content .btn-cta:hover { background: var(--color-primary) !important; } .slick-home-slider .slider-element .bg-effect .pagination .element a { color: var(--color-white-alpha-50) !important; } .slick-home-slider .slider-element .bg-effect .pagination .element a .custom-progress { background: var(--color-white-alpha-50) !important; } .slick-home-slider .slider-element .bg-effect .pagination .element a .animated-custom-progress { background: var(--color-white) !important; } .slick-home-slider.sub-site .slider-element .bg-effect .content .btn-cta { background: var(--color-primary-light) !important; } .slick-home-slider.sub-site .slider-element .bg-effect .content .btn-cta:hover { background: var(--color-primary) !important; } .slick-home-slider.sub-site .slider-element .bg-effect .pagination { border-top-color: var(--color-white) !important; } .slick-home-slider.sub-site .slider-element .bg-effect .pagination .element .text { color: var(--color-white) !important; } .slick-home-slider.sub-site .slick-dots li button { background: var(--color-bg-blue-pale-2) !important; } .slick-home-slider.sub-site .slick-dots li.slick-active button { background: var(--color-primary-light) !important; } /* --- .full-content --- */ .full-content .container h2 { color: var(--color-text-dark) !important; } .full-content .container .grid p, .full-content .container .desc p { color: var(--color-text-mid-dark) !important; } .full-content .container .grid.gray, .full-content .container .desc.gray, .full-content .container .grid.gray p, .full-content .container .desc.gray p { color: var(--color-text-grey) !important; } /* --- .block-cols --- */ .block-cols .container h2 { color: var(--color-text-dark) !important; } .block-cols .container .grid .col { color: var(--color-text-mid-dark) !important; } .block-cols .container .grid .col h3 { color: var(--color-primary) !important; border-bottom-color: var(--color-accent-teal) !important; } /* --- .image_text_block --- */ .image_text_block .content .desc { background: var(--color-bg-blue-pale) !important; } .image_text_block .content .desc .title { color: var(--color-accent-teal) !important; } .image_text_block .content .desc .content { color: var(--color-text-mid) !important; } .image_text_block .content .desc .cta { color: var(--color-primary) !important; } .image_text_block.sub-site .title { color: var(--color-primary) !important; } /* --- .remontees-actualites --- */ .remontees-actualites .articleLink .articleCard .siteName { color: var(--color-white) !important; } .remontees-actualites .articleLink .articleCard .content { background: var(--color-primary) !important; } .remontees-actualites .articleLink .articleCard .content h2, .remontees-actualites .articleLink .articleCard .content .read-more { color: var(--color-white) !important; } .remontees-actualites .articleLink .articleCard.sub-site .content { background: var(--color-primary-light) !important; } .remontees-actualites .cta { background: var(--color-white) !important; color: var(--color-primary) !important; } .remontees-actualites .cta:hover { background: var(--color-primary) !important; color: var(--color-white) !important; } /* --- .gcn-block --- */ .gcn-block { background: var(--color-bg-grey) !important; } .gcn-block .title, .gcn-block h2 { color: var(--color-black) !important; } .gcn-block .cta { color: var(--color-white) !important; background: var(--color-accent-red) !important; } .gcn-block.sub-site { background: var(--color-primary-light) !important; } .gcn-block.sub-site h2, .gcn-block.sub-site .desc { color: var(--color-white) !important; } .gcn-block.sub-site .cta { background: var(--color-white) !important; color: var(--color-primary) !important; } /* --- .about-us --- */ .about-us { background: var(--color-accent-teal) !important; } .about-us .expertise-card { background: var(--color-primary) !important; } .about-us .expertise-card .expertiseTitle, .about-us .expertise-card .items .item, .about-us .container .sub-title, .about-us .container .title, .about-us .container .desc, .about-us .container .numbers p, .about-us .container .numbers span { color: var(--color-white) !important; } .about-us .container .btn-cta { color: var(--color-accent-teal) !important; background: var(--color-white) !important; } .about-us .container .numbers span::after { background: var(--color-accent-red) !important; } /* --- .nos-installations --- */ .nos-installations { background: var(--color-primary-light) !important; } .nos-installations h2, .nos-installations p { color: var(--color-white) !important; } .nos-installations a { color: var(--color-primary) !important; background: var(--color-white) !important; } .nos-installations a:hover { background: var(--color-bg-blue-very-pale) !important; } /* --- .bloc-chiffres --- */ .bloc-chiffres .numbers .item { color: var(--color-primary) !important; } .bloc-chiffres .numbers .item p:after { background: var(--color-primary) !important; } .bloc-chiffres .numbers .item::after { background: var(--color-primary-light) !important; } /* --- .bloc-fournisseurs --- */ .bloc-fournisseurs .container .items .item { border-color: var(--gasel-color-primary) !important; } .bloc-fournisseurs .container .items .item.isprivileges { border-color: var(--color-accent-yellow) !important; } .bloc-fournisseurs .container .items .item.isprivileges:before { background-color: var(--color-white) !important; } .bloc-fournisseurs .bloc-description { color: var(--color-text-grey) !important; } .bloc-fournisseurs .accordion-item { border-bottom-color: var(--color-primary) !important; } .bloc-fournisseurs .accordion-item .accordion-header button { color: var(--color-text-dark) !important; } .bloc-fournisseurs .accordion-item .accordion-header button span { border-color: var(--color-primary) !important; } .bloc-fournisseurs .accordion-item.show .accordion-header button { color: var(--color-primary) !important; } .bloc-fournisseurs .accordion-item.show .accordion-header button span { border-color: var(--color-accent-red) !important; } .bloc-fournisseurs .accordion-item.show { border-color: var(--color-primary) !important; } /* --- .contact-footer-wrapper --- */ .contact-footer-wrapper .contact-footer { background: var(--color-accent-teal) !important; } .contact-footer-wrapper .contact-footer .content-wrapper .content h2, .contact-footer-wrapper .contact-footer .content-wrapper .content p { color: var(--color-white) !important; } .contact-footer-wrapper .contact-footer .contact-form { background: var(--color-primary) !important; } .contact-footer-wrapper .contact-footer .contact-form > p, .contact-footer-wrapper .contact-footer .contact-form form textarea, .contact-footer-wrapper .contact-footer .contact-form form input, .contact-footer-wrapper .contact-footer .contact-form form textarea::placeholder, .contact-footer-wrapper .contact-footer .contact-form form input::placeholder { color: var(--color-white) !important; } .contact-footer-wrapper .contact-footer .contact-form form textarea, .contact-footer-wrapper .contact-footer .contact-form form input { border-bottom-color: var(--color-white) !important; } .contact-footer-wrapper .contact-footer .contact-form form .submit-wrapper input[type=submit] { background: var(--color-accent-red) !important; color: var(--color-white) !important; } .contact-footer-wrapper .contact-footer .contact-form form .submit-wrapper input[type=submit]:hover { background: var(--color-accent-teal) !important; } /* --- .chapo --- */ .chapo .container p { color: var(--color-text-grey) !important; } /* --- .carte-interactive --- */ .carte-interactive .container .open-filters .open-filters-btn { border-color: var(--color-primary) !important; color: var(--color-primary) !important; } .carte-interactive .container .open-filters .open-filters-btn:hover, .carte-interactive .container .open-filters .open-filters-btn.active { background-color: var(--color-primary) !important; color: var(--color-white) !important; } .carte-interactive .container .open-filters .export-carte { color: var(--color-primary) !important; } .carte-interactive .container .map-filters { border-top-color: var(--color-primary) !important; } .carte-interactive .container .map-filters .filters ul li a { border-color: var(--color-primary) !important; color: var(--color-primary) !important; } .carte-interactive .container .map-filters .filters ul li a:hover, .carte-interactive .container .map-filters .filters ul li a.active { background-color: var(--color-primary) !important; color: var(--color-white) !important; } .carte-interactive .container .map-filters .filters .export-carte { color: var(--color-primary) !important; } .carte-interactive .container .map-filters .filters { background: var(--color-bg-blue-pale) !important; } /* mobile show */ .carte-interactive .container .map-result .mapcontainer .titles p { color: var(--color-primary-2) !important; } .carte-interactive .container .map-result .mapcontainer .titles a { color: var(--color-primary) !important; } .carte-interactive .container .map-result .installateurs-liste { background: var(--color-bg-blue-pale) !important; } .carte-interactive .container .map-result .installateurs-liste h2 { color: var(--color-primary) !important; } .carte-interactive .container .map-result .installateurs-liste ul > li > a { color: var(--color-primary) !important; } .carte-interactive .container .map-result .installateurs-liste ul > li .child-element .item-content .savoir-faire span { background-color: var(--color-accent-teal) !important; color: var(--color-white) !important; } .carte-interactive .container .map-result .installateurs-liste ul > li .child-element .item-content .name, .carte-interactive .container .map-result .installateurs-liste ul > li .child-element .item-content > a, .carte-interactive .container .map-result .installateurs-liste ul > li .child-element .item-content .addresse { color: var(--color-primary) !important; } .carte-interactive .container .map-result .installateurs-liste ul > li .child-element .item-content .site, .carte-interactive .container .map-result .installateurs-liste ul > li .child-element .item-content .site a { color: var(--color-accent-red) !important; } .carte-interactive .container .map-result .installateurs-liste ul::-webkit-scrollbar-track { background: var(--color-bg-grey-light) !important; } .carte-interactive .container .map-result .installateurs-liste ul::-webkit-scrollbar-thumb, .carte-interactive .container .map-result .installateurs-liste ul::-webkit-scrollbar-thumb:hover { background: var(--color-primary-2) !important; } /* --- .nos-fournisseurs --- */ .nos-fournisseurs .previous-slide{ border-color: var(--color-primary-light) !important; } .nos-fournisseurs .next-slide { border-color: var(--color-primary-light) !important; } .nos-fournisseurs .previous-slide:hover{ background: var(--color-primary-light) !important; } .nos-fournisseurs .previous-slide:after{ background-color: var(--color-primary-light) !important; } .nos-fournisseurs .previous-slide:hover:after{ background-color: var(--color-white) !important; } .nos-fournisseurs .next-slide:hover{ background: var(--color-primary-light) !important; } .nos-fournisseurs .next-slide:hover:after{ background-color: var(--color-white) !important; } .nos-fournisseurs .next-slide:after{ background-color: var(--color-primary-light) !important; } .nos-fournisseurs .items .item div{ border-color: var(--gasel-color-primary) !important; } .nos-fournisseurs .items .item.isprivileges div{ border-color: var(--color-accent-yellow) !important; } .nos-fournisseurs .cta-btn a{ background: var(--color-white) !important; color: var(--color-primary) !important; } .nos-fournisseurs .cta-btn a:hover{ background: var(--color-primary) !important; color: var(--color-white) !important; } /* ============================================================================ headers.scss ============================================================================ */ header { background: var(--color-white) !important; box-shadow: 0 -8px 10px 1px var(--color-black-alpha-50) !important; } header.sub-site nav.desktop ul li:last-child a { color: var(--color-accent-red) !important; border-color: var(--color-accent-red) !important; } header.sub-site nav.desktop ul li:last-child a:hover { background: var(--color-primary) !important; color: var(--color-white) !important; border-color: var(--color-primary) !important; } header.sub-site nav.mobile .menu-elements ul li:last-child a { color: var(--color-accent-red) !important; border-color: var(--color-accent-red) !important; } header.sub-site nav.mobile .menu-elements ul li:last-child a:hover { background: var(--color-primary) !important; color: var(--color-white) !important; border-color: var(--color-primary) !important; } header nav.desktop ul li a { color: var(--gasel-color-primary) !important; } header nav.desktop ul li a.menu-element:after { background-color: var(--gasel-color-primary) !important; } header nav.desktop ul li a.associes { color: var(--color-accent-teal) !important; border-color: var(--color-accent-teal) !important; } header nav.desktop ul li a.associes:hover { background: var(--color-primary) !important; color: var(--color-white) !important; border-color: var(--color-primary) !important; } header nav.desktop ul li a.contact { color: var(--color-accent-red) !important; border-color: var(--color-accent-red) !important; } header nav.desktop ul li a.contact:hover { background: var(--color-accent-red) !important; color: var(--color-white) !important; border-color: var(--color-accent-red) !important; } header nav.mobile .burger-menu { border-color: var(--color-primary) !important; } header nav.mobile .burger-menu span { background: var(--color-primary) !important; } header nav.mobile .menu-elements ul { background: var(--color-bg-blue-pale) !important; } header nav.mobile .menu-elements ul li a { color: var(--gasel-color-primary) !important; } header nav.mobile .menu-elements ul li a.last-element { border-bottom-color: var(--gasel-color-primary) !important; } header nav.mobile .menu-elements ul li:last-child a.associes { color: var(--color-accent-teal) !important; border-color: var(--color-accent-teal) !important; } header nav.mobile .menu-elements ul li:last-child a.associes:hover { background: var(--color-primary) !important; color: var(--color-white) !important; border-color: var(--color-primary) !important; } header nav.mobile .menu-elements ul li:last-child a.contact { color: var(--color-accent-red) !important; border-color: var(--color-accent-red) !important; } header nav.mobile .menu-elements ul li:last-child a.contact:hover { background: var(--color-primary) !important; color: var(--color-white) !important; border-color: var(--color-primary) !important; } /* ============================================================================ footer.scss ============================================================================ */ footer { background: var(--color-bg-blue-pale-2-alpha) !important; border-top-color: var(--color-primary) !important; } footer.sub-site { background: var(--color-bg-blue-very-pale) !important; } footer.sub-site .footer-bottom { background: var(--color-primary) !important; } footer .footer-top .social-networks ul { border-bottom-color: var(--color-primary) !important; } footer .footer-top .social-networks ul li a { border-color: var(--color-primary) !important; } footer .footer-top .social-networks ul li a:hover { background: var(--color-primary) !important; } footer .footer-top .menus .main-menu li a, footer .footer-top .menus .second-menu li a { color: var(--gasel-color-primary) !important; } footer .footer-bottom { background: var(--color-accent-red) !important; } footer .footer-bottom .site, footer .footer-bottom ul li a { color: var(--color-white) !important; } /* ============================================================================ custom.scss ============================================================================ */ .container-image-text .content .desc { background: var(--color-bg-blue-pale) !important; } .container-image-text .content .desc .title { color: var(--color-accent-teal) !important; } .container-image-text .content .desc .cta { color: var(--color-primary) !important; } .container-image-text .content .desc .content, .container-image-text .content .desc .content p { color: var(--color-text-mid) !important; } /* ============================================================================ pages/articles.scss ============================================================================ */ .page-template-template-articles .pagination a, .page-template-template-articles .pagination span { color: var(--color-primary) !important; } .page-template-template-articles .pagination a.current, .page-template-template-articles .pagination span.current { background: var(--color-primary) !important; color: var(--color-white) !important; } .page-template-template-articles .pagination .prev { color: var(--color-primary) !important; border-right-color: var(--color-primary) !important; } .page-template-template-articles .pagination .next { color: var(--color-primary) !important; border-left-color: var(--color-primary) !important; } .page-template-template-articles .pagination.mobile .next, .page-template-template-articles .pagination.mobile .prev { border-color: var(--color-border-grey) !important; } .article-card { background: var(--color-primary-light) !important; } .article-card .content .date { color: var(--color-bg-blue-very-pale) !important; } .article-card .content h2, .article-card .content h2 a, .article-card .content .desc, .article-card .content .see-more { color: var(--color-white) !important; } .single-post .blog-content > p { color: var(--color-text-grey) !important; } .single-post .banner .banner-filter h1, .single-post .banner .banner-filter .date { color: var(--color-white) !important; } .single-post .banner .banner-filter::after { background: var(--color-white) !important; } .single-post #breadcrumbs span, .single-post #breadcrumbs span a { color: var(--color-white) !important; } /* ============================================================================ pages/pages.scss ============================================================================ */ .page-content > p { color: var(--color-text-grey) !important; } .page-template-default .post-content > p { color: var(--color-text-grey) !important; } /* --- .contact-page --- */ .contact-page .contact-details h2 { color: var(--color-text-dark) !important; } .contact-page .contact-details h3 { color: var(--color-primary) !important; } .contact-page .contact-details .map-infos .infos, .contact-page .contact-details .map-infos .infos a { color: var(--color-primary) !important; } /* --- .offres-template-page --- */ .offres-template-page .page-content > p { color: var(--color-text-grey) !important; } .offres-template-page .filtres { border-bottom-color: var(--color-primary) !important; } .offres-template-page .filtres .select2 .select2-selection { border-color: var(--gasel-color-primary) !important; } .offres-template-page .filtres .select2 .select2-selection span.select2-selection__rendered, .offres-template-page .filtres .select2 .select2-selection .select2-selection__placeholder { color: var(--gasel-color-primary) !important; } .offres-template-page .liste-offres .col-md-4 > a .offreCard { border-color: var(--color-bg-blue-very-pale) !important; } .offres-template-page .liste-offres .col-md-4 > a .offreCard .content { background: var(--color-bg-blue-pale) !important; } .offres-template-page .liste-offres .col-md-4 > a .offreCard .content h2 { color: var(--color-primary) !important; } .offres-template-page .liste-offres .col-md-4 > a .offreCard .content .date { color: var(--color-accent-teal) !important; border-bottom-color: var(--color-primary) !important; } .offres-template-page .liste-offres .col-md-4 > a .offreCard .content .meta .type { background: var(--color-accent-red-light) !important; color: var(--color-accent-red) !important; } .offres-template-page .liste-offres .col-md-4 > a .offreCard .content .meta .country, .offres-template-page .liste-offres .col-md-4 > a .offreCard .content .meta .company, .offres-template-page .liste-offres .col-md-4 > a .offreCard .content .meta .city { color: var(--color-primary) !important; } .offres-template-page .contact-footer { background: var(--color-accent-teal) !important; } .offres-template-page .contact-footer .desc h2, .offres-template-page .contact-footer .desc p { color: var(--color-white) !important; } .offres-template-page .contact-footer .contact-form { background: var(--color-primary) !important; } .offres-template-page .contact-footer .contact-form > p, .offres-template-page .contact-footer .contact-form form textarea, .offres-template-page .contact-footer .contact-form form input, .offres-template-page .contact-footer .contact-form form .upload-file, .offres-template-page .contact-footer .contact-form form textarea::placeholder, .offres-template-page .contact-footer .contact-form form input::placeholder { color: var(--color-white) !important; } .offres-template-page .contact-footer .contact-form form textarea, .offres-template-page .contact-footer .contact-form form input, .offres-template-page .contact-footer .contact-form form .upload-file { border-bottom-color: var(--color-white) !important; } .offres-template-page .contact-footer .contact-form form .wpcf7-not-valid-tip { color: var(--color-error) !important; } .offres-template-page .contact-footer .contact-form form .submit-wrapper input[type=submit] { background: var(--color-accent-red) !important; color: var(--color-white) !important; } .offres-template-page .contact-footer .contact-form form .submit-wrapper input[type=submit]:hover { background: var(--color-accent-teal) !important; } .offres-template-page .pagination a, .offres-template-page .pagination span { color: var(--color-primary) !important; } .offres-template-page .pagination a.current, .offres-template-page .pagination span.current { background: var(--color-primary) !important; color: var(--color-white) !important; } .offres-template-page .pagination .prev { color: var(--color-primary) !important; border-right-color: var(--color-primary) !important; } .offres-template-page .pagination .next { color: var(--color-primary) !important; border-left-color: var(--color-primary) !important; } .offres-template-page .pagination.mobile .next, .offres-template-page .pagination.mobile .prev { border-color: var(--color-border-grey) !important; } /* --- .offre-single-page --- */ .offre-single-page .banner { background: var(--color-primary) !important; } .offre-single-page .banner h1 { color: var(--color-white) !important; } .offre-single-page .banner.main-site #breadcrumbs span, .offre-single-page .banner.main-site #breadcrumbs span a { color: var(--color-white) !important; } .offre-single-page .banner .banner-filter .meta-data span { color: var(--color-white) !important; } .offre-single-page .mobile-breadcrumb #breadcrumbs span, .offre-single-page .mobile-breadcrumb #breadcrumbs span a { color: var(--color-black) !important; } .offre-single-page .header .logo { border-color: var(--color-primary) !important; } .offre-single-page .header .meta-data > div .meta-title { color: var(--color-accent-red) !important; } .offre-single-page .header .meta-data > div .meta-value { color: var(--color-primary) !important; } .offre-single-page .header .meta-data > div .meta-value.type-emploi { color: var(--color-accent-red) !important; background: var(--color-accent-red-alpha) !important; } .offre-single-page .excerpt { color: var(--color-text-grey) !important; } .offre-single-page .offre-description h1, .offre-single-page .offre-description h2, .offre-single-page .offre-description h3, .offre-single-page .offre-description h4, .offre-single-page .offre-description h5, .offre-single-page .offre-description h6 { color: var(--color-primary) !important; } .offre-single-page .offre-description p { color: var(--color-text-mid-dark) !important; } .offre-single-page .offres-plus-info .area-title { color: var(--color-text-dark) !important; } .offre-single-page .offres-plus-info .wysiwing, .offre-single-page .offres-plus-info .wysiwing ul li { color: var(--color-primary) !important; } .offre-single-page .offres-plus-info .wysiwing ul li:after { background-color: var(--color-primary) !important; } .offre-single-page .cta-area a { background: var(--color-accent-red) !important; color: var(--color-white) !important; } .offre-single-page .cta-area a:hover { background: var(--color-primary) !important; } /* --- .page-template-template-installations --- */ .page-template-template-installations .filters .filters-items { border-bottom-color: var(--color-primary) !important; } .page-template-template-installations .filters .filters-items .select2 .select2-selection { border-color: var(--color-accent-teal) !important; } .page-template-template-installations .filters .filters-items .select2 .select2-selection span.select2-selection__rendered, .page-template-template-installations .filters .filters-items .select2 .select2-selection .select2-selection__placeholder { color: var(--color-primary) !important; } .page-template-template-installations .installationCard .content h2, .page-template-template-installations .installationCard .content h2 a { color: var(--color-primary-light) !important; border-bottom-color: var(--color-primary-light) !important; } .page-template-template-installations .installationCard .content p { color: var(--color-text-mid-dark) !important; } .page-template-template-installations .installationCard .content .cta { color: var(--color-primary-light) !important; } .page-template-template-installations .pagination a, .page-template-template-installations .pagination span { color: var(--color-primary) !important; } .page-template-template-installations .pagination a.current, .page-template-template-installations .pagination span.current { background: var(--color-primary) !important; color: var(--color-white) !important; } .page-template-template-installations .pagination .prev { color: var(--color-primary) !important; border-right-color: var(--color-primary) !important; } .page-template-template-installations .pagination .next { color: var(--color-primary) !important; border-left-color: var(--color-primary) !important; } .page-template-template-installations .pagination.mobile .next, .page-template-template-installations .pagination.mobile .prev { border-color: var(--color-border-grey) !important; } /* --- .error404 --- */ .error404 .page-content .page-404-content .msg { color: var(--color-primary) !important; } .error404 .page-content .page-404-content .msg-2 { color: var(--color-black) !important; } .error404 .page-content .page-404-content a { color: var(--color-white) !important; background: var(--color-accent-red) !important; } .error404 .page-content .page-404-content a:hover { background: var(--color-primary) !important; } .contact-footer-wrapper .contact-footer .custom-container .wrapper .contact-form{background: var(--color-contact-form-bg) !important; } .gasel-website-5 .bg-primary-color{ background:var(--color-primary) !important; } .gasel-website-5 .bg-second-color{ background:var(--bg-second-color) !important; } .gasel-website-5 .text-primary-color{ color:var(--color-primary) !important; } .gasel-website-5 .page-template-template-articles, .gasel-website-5 .single-post #breadcrumbs-mobile span, .gasel-website-5 .single-post #breadcrumbs-mobile span a{ color: var(--color-primary) !important; } .gasel-website-5 .single-post #breadcrumbs-mobile span a:after{ background-color: var(--color-primary) !important; } .gasel-website-5 .nos-fournisseurs .previous-slide, .gasel-website-5 .nos-fournisseurs .next-slide{ border-color: var(--color-primary) !important; } #map-filter-nom{ color: var(--gasel-color-primary) !important; border: 1px solid var(--gasel-color-primary) !important; } .map-filter-zone h2 { color: var(--gasel-color-primary) !important; } .map-v2 .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--gasel-color-primary) transparent transparent transparent; color: var(--gasel-color-primary) !important; } .map-v2 .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--gasel-color-primary) !important; } .map-v2 .select2-container .select2-selection{ color: var(--gasel-color-primary) !important; } .map-v2 .select2-container .select2-selection { border: 1px solid var(--gasel-color-primary) !important; } .map-v2 .select2-container--default .select2-selection--single .select2-selection__placeholder{ color: var(--gasel-color-primary) !important; } .text-nom-zone input::placeholder { color: var(--gasel-color-primary) !important; } .text-nom-zone input::-ms-input-placeholder { color: var(--gasel-color-primary) !important; } .map-filter-zone .filter-selects svg{ fill: var(--gasel-color-primary) !important; } .map-filter-zone .container{ border-top: 1px solid var(--gasel-color-primary) !important; } .map-filter-zone .filter-btn button { color: var(--gasel-color-primary); border: 1px solid var(--gasel-color-primary); } .map-data-zone .mobile-tab.active { border-bottom: 2px solid var(--gasel-color-primary); color: var(--gasel-color-primary); } .map-data-zone .mobile-tab{ color: var(--gasel-color-primary) !important; } .map-data-zone .mobile-tabs{ border-bottom: 1px solid var(--gasel-color-primary); } .map-filter-zone .filter-btn button::after { content: url(../../icons/filter-icon-blue-marine.svg); } .location-item .map-location .map-location-item .content-map-item h3, .location-item .map-location .map-location-item h3{ color: var(--gasel-color-primary) !important; } footer .footer-top .social-networks ul li a{ border: .5px solid var(--color-primary); } footer .footer-top .social-networks ul li a i.ic-twitter { content: url(../../icons/social-networks-1/x-wb-5.svg); } footer .footer-top .social-networks ul li a i.ic-linkedin { content: url(../../icons/social-networks-1/linkedin-wb-5.svg); } footer .footer-top .social-networks ul li a i.ic-facebook { content: url(../../icons/social-networks-1/facebook-wb-5.svg); } footer .footer-top .social-networks ul li a i.ic-instagram { content: url(../../icons/social-networks-1/instagram-wb-5.svg); } footer .footer-top .social-networks ul li a i.ic-youtube { content: url(../../icons/social-networks-1/youtube-wb-5.svg); } footer .footer-top .logo img { max-width: 220px; height: inherit; } header nav.mobile .burger-menu{ border: 1px solid var(--color-primary); } header nav.mobile .menu-elements ul li:last-child a.associes { color: var(--color-primary); } header nav.mobile .menu-elements ul li:last-child a.associes{ border: 1px solid var(--color-primary); } header nav.mobile .menu-elements ul li:last-child a.associes:before{ /*content: url(../../icons/user-blue-marine.svg);*/ } header nav.mobile ul li a.associes:hover:after { content: url(../../icons/user-white.svg); position: absolute; left: 37.5px; bottom: 0; top: 3px; margin: auto; height: fit-content; } header nav.mobile .menu-elements ul li:last-child a.contact:hover { background: var(--color-accent-red) !important; color: #fff !important; border: 1px solid var(--color-accent-red) !important; } header nav.mobile .menu-elements ul li:last-child a.contact:hover:after{ content: url(../../icons/phone-white.svg); position: absolute; left: 41px; bottom: 0; top: 3px; margin: auto; height: fit-content; } .nos-installations a::after, .remontees-actualites .cta::after, .nos-fournisseurs .cta-btn a:after, .gcn-block.sub-site .cta::after { content: url(../../icons/arrow-wb-5.svg); } .offres-template-page .pagination a i.first, .offres-template-page .pagination span i.first { content: url(../../icons/first-wb-5.svg); } .offres-template-page .pagination .prev::after{ content: url(../../icons/prev-wb-5.svg); } .offres-template-page .pagination .next::after { content: url(../../icons/next-wb-5.svg); } .offres-template-page .pagination a i.last, .offres-template-page .pagination span i.last { content: url(../../icons/last-wb-5.svg); } .bloc-fournisseurs .accordion-item .accordion-header button span{ background-image: url("data:image/svg+xml,"); } .contact-footer-wrapper .contact-footer .contact-form form .submit-wrapper input[type=submit]{ background:var(--gasel-color-primary) !important; border: 1px solid var(--gasel-color-primary) !important; color: #fff !important; } .contact-footer-wrapper .contact-footer .custom-container .wrapper .contact-form form .submit-wrapper input[type=submit]:hover { background: var(--color-contact-form-bg) !important; border: 1px solid #fff !important; color: #fff !important; } .location-item .map-location .map-location-item .header .savoir-faire span img { width: 25px; }