/*
Theme Name: futurenergie-child
Template: futurenergie
Description: Réseau d'installateurs qualifiés en France
Author URI: https://agence-netclic.com/

Version: 1.0.0
Tags: borne de recharges, panneaux solaires, pompes à chaleur, installateurs qualifiés
*/



@font-face {
    font-family: 'RedHatDisplay';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/RedHatDisplay-Regular.woff2') format('woff2');
    font-display: swap;
    }
@font-face {
    font-family: 'RedHatDisplay';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/RedHatDisplay-Medium.woff2') format('woff2');
    font-display: swap;
    }
@font-face {
    font-family: 'RedHatDisplay';
    font-style: normal;
    font-weight: bold;
    src: url('fonts/RedHatDisplay-Bold.woff2') format('woff2');
    font-display: swap;
    }
@font-face {
    font-family: 'RedHatDisplay';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/RedHatDisplay-Black.woff2') format('woff2');
    font-display: swap;
    }


:root {
  /* Brand */
  --color-primary: #002d62;      /* Navy */
  --color-secondary: #00b977;    /* Green */
  /* Brand variants */
  --color-primary-hover: #001f45;
  --color-primary-soft: #e8f0ff;
  --color-secondary-hover: #009a63;
  --color-secondary-soft: #e7fbf3;
  /* CTA / Accent (conversion) */
  --color-accent: #ff7a00;
  --color-accent-hover: #e96b00;
  --color-accent-soft: #fff1e6;
  /* Neutrals */
  --color-bg: #fff7ed;
  --color-surface: #ffffff;
  --color-border: #e5eaf2;
  --color-text: #0f172a;
  --color-text-2: #475569;
  --color-text-3: #94a3b8;
  /* Links */
  --color-link: var(--color-primary);
  --color-link-hover: var(--color-primary-hover);
  /* Status */
  --color-info: #2563eb;
  --color-info-soft: #e8f0ff;
  --color-success: var(--color-secondary);
  --color-success-soft: var(--color-secondary-soft);
  --color-warning: #f59e0b;
  --color-warning-soft: #fff7e6;
  --color-danger: #ef4444;
  --color-danger-soft: #ffe8e8;
}


* {font-family: 'RedHatDisplay'; box-sizing: border-box; -webkit-box-sizing: border-box;}
body {margin: 0; color: #0d2f44; font-size: 15px; line-height: 1.6em; letter-spacing: 0px;}
#container {background-color: white !important;}
#content {margin: 0 !important;}
.container {margin: auto; padding-left: 15px; padding-right: 15px; width: 100%; max-width: 748px;}
a {transition: 0.4s; color: #2559ff; cursor: pointer;}
.button, input[type=button] {cursor: pointer; transition: 0.4s;}
input, textarea, select {font-size: 16px !important;}
p, li {color: var(--color-text-2); font-size: 16px;}
.back-gray {background: #F8FAFD;}
.btn1, 
.hc_bookBuilder_popup_close, 
.hc_bookBuilder_listing_button  {background: var(--color-secondary) !important; color: white; font-weight: bold; padding: 12px 22px; border-radius: 3px; position: relative; border: solid 1px var(--color-secondary);  text-decoration: none !important;}

.btn1 {display: table;}

.hc_bookBuilder_popup_close, 
.hc_bookBuilder_listing_button, 
body .hc_bookBuilder_form input[type="submit"] {
	display:inline-block;
}


.btn1:hover, 
.hc_bookBuilder_popup_close:hover,
.hc_bookBuilder_listing_button:hover,
body .hc_bookBuilder_form input[type="submit"]:hover  {background: transparent !important; color: #0E2E43;}
.btn-blue {background: #0F2F46 !important; color: white; border-color: #0F2F46;}
.btn-blue:hover {background: transparent !important; color: #0E2E43;}


.btn-center {margin:auto;}
.pos-rel {position: relative;}
.align-center {align-items: center;}
.justify-center {justify-content: center;}
.disp-flex {display: flex;}
.disp-flex .col33 {width: 33.33%;}
.disp-flex .col66 {width: 66.66%;}
.disp-flex .col50 {width: 50%;}
.disp-flex .col25 {width: 25%;}
.disp-flex .col20 {width: 20%;}
.disp-flex .col75 {width: 75%;}
.flex-wrap {flex-wrap: wrap;}
.align-item-center {align-items: center;}
.align-item-start {align-items: flex-start;}
.gap30 {gap:30px;}
.gap50 {gap:50px;}
.gap15 {gap:15px;}
body form .button {border: solid 1px var(--color-secondary) !important; border-radius: 5px !important; padding: 10px 30px !important; background: var(--color-secondary) !important; text-transform: initial; color: white !important; font-size: 16px; font-weight: 600;}
body header .builder-item--button_base .button {padding: 10px 30px !important;}
body form .button:hover {color: #0f2f45 !important; background: transparent !important;}
select {outline: none !important;}
div#container, div#primary {margin-top: 0 !important;;}
.btn-fixed {position: sticky; bottom: 10px; text-align: center; z-index: 2; width: 100px; right: 10px; height: 100px; background: var(--color-secondary); border-radius: 100px; border: solid 1px var(--color-secondary); box-shadow: 7px 5px 30px rgb(25 103 210 / 44%); -moz-animation: bouncetop 2s infinite; -webkit-animation: bouncetop 2s infinite; animation: bouncetop 2s infinite; margin-left: auto; margin-bottom: 0;}
.btn-fixed span {display: flex; align-items: center; height: 100%;}
.btn-fixed span a {color: #0f2e45; text-decoration: none !important; font-weight: bold; position: relative; display: block; margin: auto; font-size: 12px; line-height: 15px; padding: 15px; height: 100%; text-transform: uppercase; font-weight: bold;}
.btn-fixed span a i {font-size: 25px; padding-bottom: 8px;}
h1 {font-family: "RedHatDisplay"; font-size: 45px; line-height: 1.2; letter-spacing: 0px; margin-top: 0; font-weight: 900; color: var(--color-primary);}
h2 {font-family: "RedHatDisplay"; font-size: 38px; line-height: 1.2; letter-spacing: 0px; font-weight: 900; color: var(--color-primary);}
h3 {font-family: "RedHatDisplay"; font-size: 20px; line-height: 1.2; color: var(--color-primary);}
h4 {font-family: "RedHatDisplay"; font-size: 18px; line-height: 1.2; color: var(--color-primary);}
img {max-width: 100%;}
fieldset {border: none; margin: 0; padding: 0;}
:focus {outline: none !important;}
.color-titre {color: var(--color-secondary) !important; font-family: "RedHatDisplay";}

/* START HEADER */
#header {display: flex; align-items: center; justify-content: center; padding: 20px; border-radius: 5px; margin: auto; position: relative; z-index: 10;}
#header #site-logo {margin-right: auto;}
#header #site-logo img {max-height: 60px;}
#header #nav-menu {margin: auto;}
#header #nav-menu a {color: #23201f; text-decoration: none; font-weight: 600;}
#header #nav-menu a:hover {color: var(--color-secondary);}
#header #nav-menu ul {margin: 0; padding: 0; list-style: none; display: flex;}
#header #nav-menu ul li {margin: 0 8px; font-size: 14px; text-align: center; padding: 10px 0;}

.top-menu-mobile, .menu-burger {display: none;}
.sub-menu li {padding: 5px 0; min-width: 150px;}
.menu-borne .sub-menu li {min-width: 160px;}
.sub-menu li a {font-size: 15px;}
.menu > .menu-item-has-children > a {position: relative; margin-right: 2px;}
.menu > .menu-item-has-children:after {content:"\f078"; font-weight: 300; font-family: "Font Awesome 6 Pro"; padding-left: 5px; cursor: pointer;}
.menu > .menu-item-has-children:hover .sub-menu {top: 90%; opacity: 1; visibility: visible; z-index: 9; pointer-events: all;}
.menu-droite {margin-left: auto;}
.menu-droite li:first-child a {margin-right: 10px; font-weight: bold; color: #0f2e45; font-size: 14px; text-decoration: none !important;}
.menu-droite li:first-child a i {font-size: 18px; padding-right: 3px;}
.menu-droite li:last-child a {background: var(--color-secondary); padding: 8px 25px; border-radius: 5px; border: solid 1px var(--color-secondary); font-weight: bold; font-size: 14px; color: white; text-decoration: none !important;}
.menu-droite li:last-child a:hover {background: transparent; color: #0f2f45;}
.menu-droite ul {display: flex; list-style: none; padding: 0;}
.menu-marques {display: flex; gap: 10px; text-align: center;}
.menu-marques > div {width: 33.33%; background: #f8fafd; padding: 15px; border-radius: 5px;}
.menu-marques img {max-height: 50px; display: block; margin: 0 auto 10px auto;}
.menu-marques p {margin: 0; color: #0E2F44;}
.menu-pages-guides {display: flex; flex-direction: column; gap: 20px;}
.bloc-menu-pages-guides {display: flex; gap: 20px; align-items: center;}
.img-menu-pages-guides {min-width: 60px; width: 60px; height: 60px;}
.img-menu-pages-guides img {width: 100%; min-width: 60px; height: 60px; object-fit: cover; border-radius: 5px;}
.menu-pages-guides p {margin: 0;}
.bloc-menu-pages-guides p a {font-weight: 500 !important;}
.mega-menu-left-2col .link-mega-menu {display: flex; gap: 10px; flex-direction: row !important; align-items: center;}
.mega-menu-left-2col .link-mega-menu img {overflow: hidden; width: 70px; height: 70px; object-fit: cover; border-radius: 10px;}

@media screen and (max-width: 1150px) {
    .menu-droite li:first-child a span {display: none;}
    #header #site-logo img {max-width: 150px; height: 100%;}
    
}

@media screen and (max-width: 1320px) and (min-width: 960px) {
    .sub-menu {width: 100% !important; left: 0 !important;}
    
}

@media screen and (min-width: 960px) {
    .sub-menu {background: white !important; border-radius: 10px; padding: 20px 40px; box-shadow: none;}
    .menu-borne .sub-menu li {width: 33.33%;}
    .menu-panneaux .sub-menu li {width: 50%;}
    .mega-menu .sub-menu a {display: flex; flex-direction: column;}
    .menu-borne .sub-menu .menu-borne-maison a:before {content: "\f015"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: block; width: 100%; text-align: center; font-size: 20px;}
    .menu-borne .sub-menu .menu-borne-copro a:before {content: "\f1ad"; font-weight: 300; font-family: "Font Awesome 6 Pro"; display: block; width: 100%; text-align: center; font-size: 20px;}
    .menu-borne .sub-menu .menu-borne-ese a:before {content: "\e4da"; font-weight: 300; font-family: "Font Awesome 6 Pro"; display: block; width: 100%; text-align: center; font-size: 20px;}
    .menu-borne .sub-menu .menu-borne-boutique a:before {content: "\f291"; font-weight: 300; font-family: "Font Awesome 6 Pro"; display: block; width: 100%; text-align: center; font-size: 20px;}
    .menu-panneaux .sub-menu .menu-panneaux-toit a:before {content: "\f015"; font-weight: 300; font-family: "Font Awesome 6 Pro"; display: block; width: 100%; text-align: center; font-size: 20px;}
    .menu-panneaux .sub-menu .menu-panneaux-sol a:before {content: "\f5ba"; font-weight: 300; font-family: "Font Awesome 6 Pro"; display: block; width: 100%; text-align: center; font-size: 20px;}
    .sub-menu {display: block !important; position: absolute; top: 70%; background: #fff; opacity: 0; visibility: hidden; padding: 0; border-radius: 10px; transition: all .3s ease-in-out; list-style: none; width: 1320px; max-width: 1320px; left: calc(50% - 660px); border: solid 1px #F2F4F8; box-shadow: 0px 6px 20px 0px rgba(41.99999999999999,56.99999999999999,70,.08);}
    .mega-menu:hover .sub-menu {opacity: 1; visibility: visible; top: 80%;}
    .mega-menu .chevron-menu-pc {color: #9faab2; font-size: 14px; margin-left: 5px;}
    .mega-menu .sub-menu li {text-align: left !important;}
    .mega-menu .bloc-mega-menu {display: flex; width: 100%; gap: 30px; text-align: left; padding: 20px;}
    .mega-menu .bloc-mega-menu .mega-menu-left {width: 33.33%; padding: 25px;}
    .mega-menu .bloc-mega-menu .mega-menu-left-2col {width: 66.66%; padding: 25px;}
    .mega-menu .bloc-mega-menu .mega-menu-center {width: 33.33%; padding: 25px;}
    .mega-menu .bloc-mega-menu .mega-menu-right {width: 33.33%; background: #f8fafd; padding: 25px; border-radius: 10px;}
    .title-mega-menu {font-weight: 900; color: #102e45; font-size: 20px; margin: 0; padding-bottom: 20px;}    
    .menu-div {display: flex; gap: 15px;}
    .link-mega-menu {padding: 10px 20px; border-radius: 5px;}
    .link-mega-menu:hover {background: #f8fafd; color: #0E2E43 !important;}
    .link-mega-menu:hover .title-link-mega-menu {color: #0E2E43;}
    .txt-link-mega-menu {font-weight: 200; font-size: 14px; line-height: 18px; color: #788590;}
    .link-mega-menu-devis {padding: 10px 20px; background: #43428f; color: white !important; border-radius: 5px; margin-top: 10px;}
    .link-mega-menu-devis:hover {background: #1A2F42; color: white !important;}
    .link-menu-boutique {display: flex; gap: 10px; align-items: center; margin-bottom: 20px;}
    .link-menu-boutique .img-menu-boutique img {max-width: 80px; background: #f8fafd; border-radius: 5px;}
    .link-menu-boutique .txt-menu-boutique {font-size: 14px; line-height: 18px;}
    .link-menu-boutique .txt-menu-boutique a {margin-top: 5px;}
    .mega-menu .chevron-menu-mobile {display: none;}
    .listing-projet-menu {display: flex; flex-wrap: wrap;}
    .listing-projet-menu > a {width: 50%;}
    
}

@media screen and (max-width: 960px) {
    .header-menu-sidebar-inner .nav-menu-primary .sub-menu {max-height: 100% !important;}
    .header-menu-sidebar-inner .nav-menu-primary .nav-ul>li>.sub-menu a {padding: 0; font-size: 16px !important; line-height: 25px;}
    .header-menu-sidebar-inner {display: flex; overflow: hidden; flex-direction: column;}
    .header-menu-sidebar-inner .caret-wrap {display: none;}
    .header-menu-sidebar-inner .hfg-item-first {flex: none;}
    .header-menu-sidebar-inner .hfg-item-last {border-top: solid 1px #e8e8e8; padding-top: 20px; width: auto; margin-top: auto; flex: none;}
    .is-menu-sidebar .header-menu-sidebar {height: 100% !important}
    .header-menu-sidebar-inner .btn-right-header {flex-direction: column-reverse;}
    .header-menu-sidebar-inner .btn-right-header a {margin: 5px 0;}
    .menu-panneaux > a:before {content: "\f5ba"; font-weight: 300; font-family: "Font Awesome 6 Pro"; font-size: 20px; margin-right: 10px;}
    .menu-borne > a:before {content: "\f5e7"; font-weight: 300; font-family: "Font Awesome 6 Pro"; font-size: 20px; margin-right: 10px;}
    .menu-pac > a:before {content: "\f862"; font-weight: 300; font-family: "Font Awesome 6 Pro"; font-size: 20px; margin-right: 10px;}
    .menu-installateurs > a:before {content: "\f807"; font-weight: 300; font-family: "Font Awesome 6 Pro"; font-size: 20px; margin-right: 10px;}
    .builder-item--primary-menu .nav-menu-primary > .nav-ul li:not(.woocommerce-mini-cart-item):hover > a {color: var(--nv-text-color) !important;}
    .btn-menu-mobile, #nav-menu .top-menu-mobile .close-menu-mobile {border: 1px solid #ddecf7; border-radius: 50px; font-size: 16px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;}
    #nav-menu .top-menu-mobile .close-menu-mobile {margin-left: auto;}
    .menu-burger {display: block; width: 50px; font-size: 22px;}
    .menu-burger i, #nav-menu .top-menu-mobile .close-menu-mobile i {width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;}
    #nav-menu {right: -200px; visibility: hidden; width: 0; transition: 0.2s; opacity: 0; position: fixed; background: rgb(0 0 0 / 63%); z-index: 999; top: 0; margin: 0 !important; height: 100%;}
    #nav-menu .top-menu-mobile {display: flex !important; margin-bottom: 20px; align-items: center;}
    #nav-menu .top-menu-mobile img {max-width: 70%;}
    .nav-menu-open-mobile {right: 0 !important; visibility: visible !important; width: 100% !important; opacity: 1 !important;}
    .list-nav-menu {background: white; max-width: 80%; height: 100%; right: 0; position: absolute; padding: 20px 25px 150px 25px; overflow-y: auto; overflow-x: hidden; width: 100%;}
    .list-nav-menu ul {flex-direction: column; text-align: left;}
    #header #nav-menu ul li {padding: 0; margin: 0; text-align: left;}
    .list-nav-menu ul li a {padding: 5px 0; font-size: 16px; display: block;}
    #header .menu-icon-ecommerce ul li {font-size: 20px;}
    .container-header {top: 10px;}
    .menu > .menu-item-has-children:after {display: none;}
    #header #nav-menu a {color: #0e2e44;}
    #header #nav-menu ul.sub-menu {position: relative; height: 100%; opacity: 1; visibility: visible; z-index: 1; box-shadow: none; padding: 0 0px 10px 34px !important;}
    #header #nav-menu ul.sub-menu li {padding: 3px 0;}
    #header #nav-menu ul.sub-menu li a {padding: 1px 0;}
    .menu {position: relative;}
    .menu > .menu-item-has-children:hover .sub-menu {height: 100% !important;}
    #header {position: initial;}
    .menu-droite {position: fixed; z-index: 9999999999; max-width: 80%; bottom: 0; right: -200px; visibility: hidden; width: 0; transition: 0.2s; opacity: 0;  margin: 0 !important; width: 0;}
    .menu-droite.menu-droite-open-mobile {right: 0; bottom: 0; width: 100%; visibility: visible; opacity: 1;}
    .menu-droite ul {flex-direction: column-reverse; justify-content: center; align-items: center; border-top: solid 1px #e8e8e8; padding: 15px 0; margin-top: 15px; background: white; margin-bottom: 0;}
    .menu-droite ul li {margin: 5px 0;}
    .menu-droite li:last-child a {display: table;}
    .sub-menu {position: absolute; background: white; top: 0; right: -100vw; width: 100%; transition: .2s; padding-bottom: 40px; height: 0; overflow: hidden;}
    .sub-menu.open {right: 0; height: auto;}
    .mega-menu {padding: 5px 0; display: flex; align-items: center;}
    .mega-menu > a {display: flex; gap: 10px; align-items: center;} 
    .mega-menu .chevron-menu-pc {display: none;} 
    .mega-menu .chevron-menu-mobile {margin-left: auto; font-size: 14px; background: #F8FAFD; border-radius: 5px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; transform: rotate(270deg);} 
    .title-mega-menu {font-weight: bold; color: #0f2f47; font-size: 18px;}
    .title-mega-menu:not(:first-child) {margin-top: 20px;}
    .link-mega-menu {display: flex; flex-direction: column; font-weight: 500; background: #f8fafd; padding: 10px 20px; border-radius: 5px; margin-bottom: 10px;}
    .link-mega-menu .title-link-mega-menu {font-weight: bold;}
    .link-mega-menu .txt-link-mega-menu {font-size: 12px; line-height: 16px; font-weight: 400;}
    .link-mega-menu-devis {background: #43428f; display: block; color: white !important; padding: 10px 20px; border-radius: 5px;}
    .link-menu-boutique {display: flex; gap: 10px; align-items: center;}
    .img-menu-boutique {background: #F8FAFD; border-radius: 5px;}
    .img-menu-boutique img {max-width: 60px;}
    .menu-droite-open-mobile.close {display: none;}
    .menu-return:before {content: "\f355" !important; font-weight: 900 !important;}
    .txt-menu-boutique {font-size: 14px; line-height: 18px;}
}
/* END HEADER */

/* START HOME */
.slide-home {padding: 100px 0; background: linear-gradient(180deg, var(--color-bg) 70%, transparent); margin-top: -100px}
.slide-home img {border-radius: 10px;}
.slide-home .hc_bookBuilder_filterSet {background: white; width: calc(100% + 250px); position: relative; box-shadow: 0px 6px 20px 0px rgba(41.99999999999999,56.99999999999999,70,.08); padding: 20px; border-radius: 5px; display: flex; gap: 20px;}
.slide-home .hc_bookBuilder_filterSet ul {margin: 0 !important; width: 80% !important;}
.slide-home .hc_bookBuilder_filterSet button {width: 20%; background: var(--color-secondary); border: none; border-radius: 5px; font-weight: bold; font-size: 16px; color: white !important; cursor: pointer;}
.slide-home .hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter_multiselect select, .slide-home .hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter_text input {border-color: #DDECF7 !important; padding-left: 50px !important; color: #0f2f45 !important; font-weight: 500;}
.slide-home .hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter_multiselect input[type=checkbox] {min-height: auto;
margin-right: 10px;}
.slide-home .container {position: relative;}
.slide-home .container .form-home-slide select {border: none; padding: 10px; min-height: 60px; background: #e1ebf0;}
.slide-home .hc_bookBuilder_multiselect .multiselect .select-values {background: #f8fafd; padding-left: 50px !important;}
.slide-home .select-container .select-values:after {content: "\f7d9"; font-family: "Font Awesome 6 Pro"; font-weight: 300; position: absolute; left: 12px; background: #deecf8; width: 30px; height: 30px; border-radius: 5px; display: flex; align-items: center; justify-content: center; top: 12px; font-size: 14px;}
.slide-home .hc_bookBuilder_geoloc_container:before {content: "\f3c5"; font-family: "Font Awesome 6 Pro"; font-weight: 300; position: absolute; left: 12px; background: #deecf8; width: 30px; height: 30px; border-radius: 5px; display: flex; align-items: center; justify-content: center; top: 12px; font-size: 14px;}
.slide-home .hc_bookBuilder_geoloc_container {position: relative;}
.hc_bookBuilder_geoloc_container label input::placeholder {color: #0f2f45 !important; font-weight: 500 !important; font-size: 14px !important;}
.slide-home .container .form-home-slide {padding: 30px 0;}
.form-home-slide form {position: relative;}
.slide-page:not(.slide-page-ville) .form-home-slide form .gform_footer {position: absolute; right: 7px; top: 40px; margin: 0 !important; padding: 0 !important;}
.slide-page:not(.slide-page-ville) .form-home-slide form .gform_footer .button {border-radius: 3px !important; padding: 10px 15px !important;}
.slide-page:not(.slide-page-ville) .form-home-slide form .gform_footer .button:hover {color: #0f2e45 !important; border-color: #0f2e45 !important;}
.slide-page:not(.slide-page-ville) .form-home-slide input[type=text] {background: #E0EBEF !important;}
.slide-home .container .slide-home-img {margin-top: 50px; position: relative;}
.slide-home .container .slide-home-img img {z-index: 1; position: relative; max-width: 600px; width: 100%; height: auto;}
.slide-home .container .slide-home-img-panneaux, .slide-home .container .slide-home-img-borne, .slide-home .container .slide-home-img-pac {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.slide-home .container .slide-home-img-panneaux img, .slide-home .container .slide-home-img-pac img {transition: 0.5s; -webkit-animation: yellow 1.5s infinite; -moz-animation: yellow 1.5s infinite; -o-animation: yellow 1.5s infinite; animation: yellow 1.5s infinite;}
.slide-home .container .slide-home-img-borne img {transition: 0.5s; -webkit-animation: blue 1.5s infinite; -moz-animation: blue 1.5s infinite; -o-animation: blue 1.5s infinite; animation: blue 1.5s infinite;}
.slide-home .container .slide-home-img-panneaux a:hover img, .slide-home .container .slide-home-img-borne a:hover img, .slide-home .container .slide-home-img-pac a:hover img {transform: scale(1.3); filter: none !important;}
.slide-home .container .slide-home-img-panneaux a {max-width: 176px; width: 30%; left: -39px; top: 22px; display: block; margin: auto; position: relative; z-index: 1;}
.slide-home .container .slide-home-img-borne a {max-width: 65px; width: 12%; left: 223px; top: 200px; display: block; margin: auto; position: relative; z-index: 1;}
.slide-home .container .slide-home-img-pac a {max-width: 40px; width: 7%; left: 29px; top: 200px; display: block; margin: auto; position: relative; z-index: 1;}
.slide-home .container .slide-home-img:after {position: absolute; top:0; content:""; background-image: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/soleil-slide-2.png'); width: 75px; height: 75px; background-size: contain; right: 100px; z-index: 0; animation: rotation 30s linear infinite; left: calc(50% - 37px);}
.card-slider .carousel.slide-home-btn-bloc {grid-auto-columns: calc((100% / 6) - 13px); padding: 0 20px;}
.services-home .card-slider .cs-arrow-right i {right: 32px; top: calc(50% - 32px);}
.services-home .card-slider .cs-arrow-left i {left: 32px; z-index: 1; top: calc(50% - 32px);}
.services-home .card-slider .cs-arrow {display: block !important;}
.services-home .slide-home-btn {display: flex; flex-direction: column; border-radius: 10px; font-weight: bold; font-size: 18px; color: #0c3048; text-decoration: none !important;}
.why-home, .blog-home, .cta-home {padding: 50px 0; position: relative;} 
.why-home {overflow: hidden;}
.why-home h2, .blog-home h2, .where-instal h2 {max-width: 650px; margin: auto; text-align: center; padding-bottom: 30px;}
.where-instal a {color: white; text-decoration: none !important;}
.where-instal a:not(.btn1) {color: #0f2f45;}
.why-home > div {padding: 15px; text-align: center;} 
.why-home > div i {font-size: 35px; margin-bottom: 40px; width: 80px; text-align: center; line-height: 80px; border-radius: 50px;} 
.why-home > div h3 {font-size: 20px; font-weight: 900;}
.blog-home .container {position: relative;}
.blog-home .card {padding: 15px;}
.blog-home .card img {border-radius: 10px;}
.blog-home .card .blog-cat {text-transform: uppercase; letter-spacing: 1px; font-weight: 600; color: rgb(14,46,68); font-size: 12px; margin-bottom: 10px;}
.blog-home .card .blog-title {font-weight: 900; color: #0f2e45; font-size: 24px; line-height: 32px; margin-top: 0;}
.blog-home .card .blog-title a, .blog-more a {color: #0c3048; text-decoration: none !important;}
.sect-fond-img-pano:before {content:""; background-image: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/panneau-solaire-icon.png'); position: absolute; width: 400px; max-height: 400px; height: 50vh; background-size: contain; background-repeat: no-repeat; left: -111px; top: -167px; opacity: .5;}
.cta-home {background: #0E2E44;}
.cta-home .container{text-align: center; max-width: 730px; margin: auto;}
.cta-home p, .cta-home p, .cta-home a, .cta-home label, .cta-home h2 {color: white;}
.cta-home input[type=text] {background: #F0F9FD; margin-bottom: 0;}
.cta-home .gform_footer {justify-content: center; padding-top: 0 !important;}
.sect-faq {padding: 50px 0; max-width: 900px; margin: auto;}
.sect-faq h2 {max-width: 500px; margin: auto; text-align: center; padding-bottom: 30px;}
.sect-faq details {background: white; padding: 20px; border-radius: 5px; margin-bottom: 15px;}
.sect-faq details p {margin: 20px 0 0 0;}
.sect-faq details[open] summary:before {rotate: 90deg;}
.sect-faq details > h3 {font-size: 18px; margin-top: 20px;}
.sect-faq details > h4 {font-size: 16px; margin-top: 20px;}
.sect-faq summary {list-style-type: none; display: flex; cursor: pointer; position: relative;}
.sect-faq summary h3, .sect-faq summary h2, .sect-faq summary h4 {font-size: 20px; text-align: left; max-width: 100%; padding-bottom: 0; margin: 0;    padding-left: 15px; line-height: 30px; font-weight: 600;}
.sect-faq summary:before {content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; font-size: 16px; padding-top: 2px; transition: 0.3s; position: absolute; top: 1px;}
.sect-faq summary::-webkit-details-marker {display: none !important;}
.double-img-slider {display: flex; gap: 10px;}
.double-img-slider img {height: 100%; width: calc(50% + 40px);}
.services-home {padding: 80px 0; background: white;}
.services-home h2 {text-align: center;}
.services-home img {overflow: hidden; width: 100%; height: 270px; object-fit: cover; border-radius: 10px 10px 0 0; transition: .4s;}
.services-home a {position: relative;}
.services-home a span {padding: 20px; text-align: center; border: solid 1px #F2F4F8; border-top: none; border-radius: 0 0 10px 10px;}
.services-home a:after {content: "\f30b"; font-weight: 300; font-family: "Font Awesome 6 Pro"; position: absolute; font-size: 21px; left: calc(50% - 25px); top: 145px; width: 50px; height: 50px; background: var(--color-secondary); display: flex; align-items: center; justify-content: center; border-radius: 50px; opacity: 0; transition: .4s; color: white;}
.services-home a:hover:after {opacity: 1; top: 115px;}
.services-home a:hover img {filter: brightness(0.7);}
.line-etp {position: relative;}
.line-etp:before {content:""; width: 66.66%; position: absolute; top: 103px; left: 16.66%; border-bottom: 2px dashed var(--color-secondary);}
.line-etp > div {position: relative;}
.line-etp > div:before {content:""; position: absolute; width: 25px; height: 25px; background: #f8fafd; border: solid 3px var(--color-secondary); border-radius: 50px; top: 88px; left: calc(50% - 14px); z-index: 1;}
.line-etp > div:not(:last-child):after {content:"\f105"; font-weight: 400; font-family: "Font Awesome 6 Pro"; position: absolute; font-size: 30px; top: 93px; right: -46px; background: #f8fafd; padding: 0 3px; color: var(--color-secondary);}
.line-etp .img-why-home img {max-height: 60px; margin-bottom: 50px;}


@media screen and (max-width: 1650px) {
    .card-slider .carousel.slide-home-btn-bloc {grid-auto-columns: calc((100% / 5) - 13px); padding: 0 60px;}
    .slide-home-btn1 {scroll-snap-align: center !important;}
}

@media screen and (max-width: 1350px) {
    .card-slider .carousel.slide-home-btn-bloc {grid-auto-columns: calc((100% / 3) - 13px);}
}

@media screen and (min-width: 960px) {
    .where-sidebar .gform_footer .button, .form-home-slide form .gform_footer {top: 38px !important;}
}
@media screen and (min-width: 767px) {
    .line-etp {gap: 50px;}
}
@media screen and (max-width: 767px) {
    .slide-home {padding: 100px 0; background-image: url('https://installateur-qualifie.com/wp-content/uploads/2024/02/installateur-pv.webp'); position: relative;}
    .slide-home:before {content:""; position: absolute; left: 0; top: 0; background: rgb(14 48 70 / 68%); width: 100%; height: 100%;}
    .slide-home h1 {line-height: 36px; font-size: 28px !important; text-align: center; color: white;}
    .slide-home .disp-flex, .why-home .disp-flex, .blog-home .disp-flex {flex-direction: column;}
    .slide-home .disp-flex > div {width: 100%;}
    .slide-home .disp-flex > div:last-child {display: none;}
    .why-home .col33, .blog-home .col33 {width: 100%; margin: 10px 0 !important;}
    .slide-home .container .slide-home-btn2, .slide-home .container .slide-home-btn1 {position: relative; left: 0; margin-bottom: 15px;}
    .slide-home-btn-bloc {flex-direction: column;}
    .slide-home-btn-bloc > div {width: 100% !important;}
    .slide-home .hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter_multiselect select, .slide-home .hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter_text input {min-height: 55px !important;}
    .sect-fond-img-pano:before {width: 200px; max-height: 200px; left: -70px; top: -100px;}
    .sect-faq summary h3, .sect-faq summary h2, .sect-faq summary h4 {font-size: 18px; line-height: 25px;}
    .sect-faq summary:before {left: -5px;}
    h2 {font-size: 24px;}
    .slide-home .hc_bookBuilder_filterSet {flex-direction: column; justify-content: center; align-items: center; width: 90%; margin: auto; background: #F8FAFD;}
    .slide-home .hc_bookBuilder_filterSet ul {margin: 0 !important; width: 100% !important; flex-direction: column; overflow: initial; padding: 0; gap: 18px;}
    .slide-home .hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter_multiselect, .slide-home .hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter_text {background: white;}
    .slide-home .hc_bookBuilder_filterSet button {padding: 10px 20px; width: auto;}
    .line-etp > div:first-child:after {content:""; position: absolute; top: 103px; left: 50%; border-bottom: 2px dashed var(--color-secondary); z-index: 0;}
    .line-etp > div:nth-child(2):after {content:""; position: absolute; top: 103px; left: 0; border-bottom: 2px dashed var(--color-secondary); z-index: 0;}
    .line-etp > div:last-child:after {content:""; position: absolute; top: 103px; left: 0; border-bottom: 2px dashed var(--color-secondary); z-index: 0; width: 50%;}
    .line-etp:before {display: none;} 
    .review-client .card-slider .cs-arrow {top: auto !important; bottom: -45px;}
    .review-client .card-slider .cs-arrow-left {right: calc(50% + 45px) !important;}
    .review-client .card-slider .cs-arrow-right {right: calc(50% - 45px) !important;}
    .review-client .card-slider .carousel {margin-left: 0; margin-right: 0; grid-auto-columns: 100%;}
    .card-slider .carousel.slide-home-btn-bloc {grid-auto-columns: calc((100% / 2) - 13px); margin: 0; padding: 0 50px;}
    
}

@media screen and (max-width: 627px) {
    .slide-home .container .slide-home-img-panneaux a {left: -6.5%; top: 5%;}
    .slide-home .container .slide-home-img-borne a {left: 37%; top: 47%;}
    .slide-home .container .slide-home-img-pac a {left: 5%; top: 46%;}
}

@media screen and (max-width: 641px) {
    .where-sidebar .gform_footer .button, .form-home-slide form .gform_footer .button {padding: 2px 8px !important;}  
    .slide-page:not(.slide-page-ville) .form-home-slide form .gform_footer .button, .where-sidebar .gform_footer .button {min-height: 100% !important; line-height: 12px !important;}
    .card-slider .carousel.slide-home-btn-bloc {grid-auto-columns: calc((100% / 1) - 13px); padding: 0 50px; margin: 0;}

}
/* END HOME */



/* START PAGE */
.slide-page {padding: 100px 0;}
.slide-page #breadcrumbs {margin-bottom: 0; margin-top: 0;}
.slide-page #breadcrumbs a {font-weight: 500;}
.slide-page .container {position: relative;}
.slide-page .container .form-home-slide select {border: none; padding: 10px; min-height: 60px; background: #e1ebf0;}
.slide-page .container .form-home-slide {padding: 30px 0;}
.slide-page .container .col50:last-child {text-align: right; position: relative; margin-left: 30px;}
.slide-page .container .col50:last-child img {max-width: 400px; z-index: 1; position: relative;}
.slide-page .container .sunok.col50:last-child:after {position: absolute; content:""; background-image: url('/wp-content/uploads/2023/04/soleil-slide-2.png'); width: 100px; height: 100px; background-size: contain; right: 100px; z-index: 0; -moz-animation: rotation 30s infinite; -webkit-animation: rotation 30s infinite; animation: rotation 30s infinite;}
.header-page .content-header-page {background: #0f2e43; padding: 40px; border-radius: 10px;}
.header-page .content-header-page h1 {font-size: 36px; margin-bottom: 5px; line-height: 46px; color: white;}
.header-page .content-header-page p, .header-page .content-header-page a {color: white;}
.header-page .content-header-page p {margin-bottom: 5px; margin-top: 0;}
.page-contact {padding: 0 0 80px 0; position: relative;}
.page-contact .bloc-info-contact {background: #ffffff; padding: 30px; border-radius: 10px;}
.page-contact .bloc-info-contact img {max-width: 200px; width: 100%;}
.page-contact .col33 {margin-right: 20px;}
.page-contact .col66 {margin-left: 20px;}
.page-contact form .button {border-radius: 5px !important; display: table; margin: auto;}
.page-contact .title-info-contact {font-size: 20px; font-family: Quicksand, var(--nv-fallback-ff); font-weight: 900; margin-bottom: 10px;  margin-top: 30px; color: #102e43;}
.page-contact input[type=text], .page-contact input[type=email], .page-contact input[type=tel]  {border-radius: 5px; min-height: 55px;}
.page-contact textarea {border-radius: 5px; max-width: 100%;}
.page-contact input[type=text], .page-contact input[type=email], .page-contact textarea, .page-devis input[type=text], .page-contact input[type=tel], .page-devis input[type=email], .page-devis input[type=tel], .page-devis select, .page-devis textarea {background: white; border: solid 1px #DDECF7;}
.form-contact-bloc {box-shadow: 0px 6px 20px 0px rgba(41.99999999999999,56.99999999999999,70,.08); padding: 40px; border-radius: 15px; margin-top: -90px; background: white;}
.form-contact-bloc .ginput_container:not(.ginput_container_textarea) {position: relative;}
.form-contact-bloc .ginput_container:not(.ginput_container_textarea) input {padding-left: 50px !important;}
.form-contact-bloc .ginput_container:not(.ginput_container_textarea):before {font-family: "Font Awesome 6 Pro"; font-weight: 300; position: absolute; left: 12px; background: #deecf8; width: 30px; height: 30px; border-radius: 5px; display: flex; align-items: center; justify-content: center; top: 12px; font-size: 14px;}
.form-contact-bloc .ginput_container_name:before {content: "\f007";}
.form-contact-bloc .ginput_container_phone:before {content: "\f095";}
.form-contact-bloc .ginput_container_email:before {content: "\f0e0";}
.form-contact-bloc .ginput_container_text:before {content: "\f075";}
.form-contact-bloc h2 {text-align: center; font-size: 22px; margin-top: 0; margin-bottom: 40px;}
.infos-contact, .list-instal {padding: 80px 0;}
.list-instal h2 {max-width: 800px; margin: 0 auto 60px auto; text-align: center;}
.listing-with-local .hc_bookBuilder_filterSet {width: 100%; float: none; margin-right: 0; margin-bottom: 25px;}
.listing-with-local .hc_bookBuilder_filterSet .hc_bookBuilder_geoloc_container label {position: relative;}
.listing-with-local .hc_bookBuilder_filterSet .hc_bookBuilder_geoloc_container label:before {content: "\f3c5"; font-family: "Font Awesome 6 Pro"; font-weight: 400; position: absolute; top: -2px; left: 15px; color: #0f2f45;}
.listing-with-local .hc_bookBuilder_filterSet .hc_bookBuilder_geoloc_container label input {padding-left: 35px !important;}
.infos-contact .infos-content-bloc {text-align: center; border: 1px solid #f2f4f8; background: white; padding: 25px; border-radius: 10px;}
.infos-contact .infos-bloc-icon {background: #DDECF7; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 100px; margin: -80px auto 30px auto;}
.infos-contact .infos-bloc-icon img {max-width: 50px;}
.infos-contact .infos-content-bloc .title-info-contact {font-weight: bold; color: #0d2f45; margin-bottom: 15px !important; font-size: 22px;}
.infos-contact .infos-content-bloc p {margin: 0;}
.rs-page-contact p {display: flex; gap: 10px;}
.rs-page-contact a {width: 50px; height: 50px; font-size: 20px; display: flex; align-items: center; justify-content: center; border: solid 1px #deecf8; border-radius: 50px; color: #0c3048; text-decoration: none !important;}

.content-page {padding: 80px 0;}
.where-instal, .etape-instal {padding: 60px 0; position: relative;}
.etape-instal {background: #F8FAFD;}
.where-instal .col33 p:first-child {background: #f8fafd; padding: 30px; width: 150px; height: 150px; margin: auto; display: flex; border-radius: 350px; text-align: center; align-items: center; justify-content: center;}
.where-instal .col33 img {max-height: 70px;}
.where-instal .col33 p:last-child {text-align: center; font-size: 22px; font-weight: bold; margin: 15px 0 0 0;}
.etape-instal:before {content: ""; background: white; position: absolute; width: 50%; left: 0; top: 0; height: calc(100% - 100px); border-radius: 0 50px 50px; margin: 50px 0;}
.etape-instal .col50:first-child {margin-right: 40px;}
.etape-instal .col50:last-child {margin-left: 40px;}
.etape-instal .disp-flex {align-items: center;}
.etape-instal .container {position: relative; z-index: 1;}
.etape-instal .container .icon-etp img {max-width: 50px; margin-right: 15px;}
.etape-instal .container .txt-etp {width: calc(100% - 65); padding-left: 20px;}
.etape-instal .container .content-etp {display: flex; margin-bottom: 20px; align-items: center;}
.etape-instal .container h2 {font-size: 35px; padding-top: 30px;}
.etape-instal .container .col50:first-child img {max-height: 300px; display: block; margin: 50px auto 30px auto;}
.etape-instal .container .content-etp h3 {margin-bottom: 5px; line-height: 25px;}
.cta-instal {padding: 60px 0;}
.cta-instal .content-cta-instal {background: var(--color-secondary); padding: 40px; text-align: center; border-radius: 10px; position: relative; overflow: hidden;}
.cta-instal .content-cta-instal:before {background-image: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/map-france-2.png'); content: ""; position: absolute; width: 100%; height: 130%; opacity: .2; display: block; background-size: contain; background-repeat: no-repeat; background-position: right; right: 6%; top: 14px;}
.cta-instal .content-cta-instal h2 {position: relative;}
.cta-instal .content-cta-instal .btn1 {background: #0e2f45 !important; color: white !important;}
.edit-compte {max-width: 500px; margin: auto;}
.edit-compte input[type=password] {background: white;}
.page-merci {text-align: center; border-radius: 5px; padding: 60px 0 60px 0; position: relative;}
.page-merci h1 {text-align: center; font-size: 35px;}
.page-txt {padding: 0 0 60px 0; background: #F8FAFD;}
.page-txt a {text-decoration: underline;}
.page-txt img {border-radius: 5px;}
.page-txt ul {padding-bottom: 20px;}
.page-txt h1 {font-size: 40px; line-height: 50px;}
.page-txt h2 {font-size: 30px;}
.inside-page-txt {width: 70%; margin-right: 15px;}
.inside-page-txt .img-top-page-txt img {border-radius: 20px 20px 0 0; margin-bottom: -8px;}
.fil-arianne-page-txt {padding: 10px 0;}
.fil-arianne-page-txt a {text-decoration: none !important; color: #0c3048;}
.inside-page-txt a:not(.btn1), .accordion-detail a:not(.btn1) {text-decoration: underline !important;}
.inside-page-txt .content-page-txt {background: white; padding: 40px; border-radius: 0 0 20px 20px; border: solid 1px #F2F4F8;}
.page-txt-sidebar {width: 30%; margin-left: 15px; position: sticky; top: 20px; height: 100%;}
.inside-page-txt-sidebar {display: flex; flex-direction: column; gap: 20px;}
.etp-sidebar ol {list-style: none !important}
.etp-sidebar ol li:before {position: absolute; left: 9px; background: #DDECF7; width: 22px; height: 22px; border-radius: 50px; text-align: center; font-weight: bold; display: flex; align-items: center; justify-content: center; color: #0d3044; font-size: 14px;}
.etp-sidebar ol li:nth-child(1):before {content: "1";}
.etp-sidebar ol li:nth-child(2):before {content: "2";}
.etp-sidebar ol li:nth-child(3):before {content: "3";}
.bloc-sidebar {background: white; border: solid 1px #F2F4F8; border-radius: 10px;}
.bloc-other-pages {display: flex; gap: 20px; align-items: center;}
.bloc-other-pages img {width: 100%; height: 100px; object-fit: cover;}
.bloc-other-pages .img-other-pages {width: 100px;}
.bloc-other-pages p {width: calc(100% - 120px);}
.bloc-other-pages p a {text-decoration: none !important; font-weight: 600; color: #0c3048;}
.other-pages .content-bloc-sidebar {display: flex; flex-direction: column; gap: 10px;}
.where-sidebar form {position: relative;}
.where-sidebar .gform_footer {position: absolute; bottom: 6px; right: 7px; margin-top: 0; padding: 0 !important;}
.where-sidebar .gform_footer .button {border-radius: 5px !important; padding: 10px !important; font-size: 14px; margin: 0 !important; background: #43428f !important; border-color: #43428f !important; color: white !important;}
.where-sidebar label {font-size: 18px; padding-top: 10px; padding-bottom: 10px;}
.where-sidebar input[type=text] {background: #f9fafd; padding-right: 100px !important;}
.title-sidebar {padding: 20px; margin: 0; color: #0d3044; font-size: 18px; border-bottom: solid 1px #f3f4f8;} 
.content-bloc-sidebar {padding: 20px;} 
.content-bloc-sidebar ol {margin: 0; position: relative;} 
.etp-sidebar li {margin-top: 5px !important;}
.list-instal .docbuilder-filters-inside {margin-left: 0 !important; margin-right: 0 !important;}
.map-reg .col50 {position: relative;}
.map-reg {background: #0E2E44; position: relative; padding: 60px 0;}
.map-reg h2, .map-reg p {color: white;}
.listing-dpts-page-parent {display: flex; flex-wrap: wrap; gap: 20px;}
.listing-dpts-page-parent a {background: #f8fafd; width: calc(50% - 20px); padding: 15px 20px; border-radius: 5px; color: #0c3048; text-decoration: none !important;}
.review-client {padding: 80px 0; background: white;}
.review-client h2 {text-align: center; padding-bottom: 30px;}
.review-client .bloc-review {background: white; margin: 10px; border-radius: 5px; padding: 20px; text-align: left;}
.review-client .card-slider .bloc-review {margin: 0px;}
.review-client .bloc-review .review-stars i {color: var(--color-secondary); font-size: 16px; margin-right: -3px;}
.review-client .bloc-review .review-name {font-weight: 900; font-size: 16px; padding: 15px 30px 0 30px; font-family: "RedHatDisplay"; color: #0d3044;}
.review-client .bloc-review.card {padding: 0px !important; border: 1px solid #f2f4f8;}
.review-client .bloc-review .review-ent {font-size: 14px; font-weight: 500; border-bottom: 1px solid #f2f4f8; padding: 0 30px 15px 30px;}
.review-client .bloc-review .review-stars {padding: 15px 30px 0 30px;}
.review-client .bloc-review .review-ent i {margin-right: 5px;}
.review-client .bloc-review .review-txt {margin-bottom: 0; margin-top: 0; padding: 15px 30px 15px 30px;}
.review-client .card-slider .cs-arrow {display: block !important; position: absolute; top: -45px;}
.review-client .card-slider .cs-arrow-right {right: 0px;}
.review-client .card-slider .cs-arrow i {background: #DDECF7; box-shadow: none; border-radius: 5px; color: #0f3146;}
.review-client .card-slider .cs-arrow-left {right: 70px;}
.review-client .card-slider.scroll_limit_min .cs-arrow-left, .review-client .card-slider.scroll_limit_max .cs-arrow-right {opacity: .3; cursor: initial;}
.style-table thead {background: #0f2e45; color: white;}
.style-table thead tr th:first-child {border-radius: 5px 0 0 5px;}
.style-table thead tr th:last-child {border-radius: 0 5px 5px 0;}
.style-table thead th, .style-table thead td {border: none !important; font-size: 15px; line-height: 22px; text-align: center; padding-top: 15px; padding-bottom: 15px;}
table {border-collapse: collapse;}
table p {margin: 0 !important;}
.style-table th, .style-table td {font-size: 12px; line-height: 18px; border-bottom: 2px solid #dce7eb; padding: 25px 6px;}
.style-table-carac {margin-top: 20px;}
.style-table-carac th {text-align: left; padding-right: 15px;}
.style-table-carac th, .style-table-carac td {line-height: 18px; border-bottom: 2px solid #dce7eb; padding: 15px 6px;}
.style-table-carac tr:last-child th, .style-table-carac tr:last-child td {border-bottom: none !important;}
.img-product {position: sticky; top: 30px;} 
.bloc-txt-img-marque {flex-direction: row-reverse; align-items: center;}
.bloc-txt-img-marque img {max-height: 250px; margin: auto; display: block;}
.liste-aides {margin-bottom: 25px;}
.liste-aides .col25 {margin: 15px; background: white; text-align: center; border-radius: 5px; display: flex; align-items: center; justify-content: center;}
.liste-aides .col25 p {margin: 0;}
.liste-aides .col25 a {display: block; text-decoration: none !important; font-weight: 600; padding: 20px; width: 100%;}
.header-marque {max-width: 900px; margin: 60px auto 0 auto; text-align: center;}
.header-marque #breadcrumbs {margin-bottom: 0; margin-top: 0;}
.header-marque h1 {font-size: 40px; line-height: 50px;}
.header-marque .intro-marque {font-size: 20px;}
.header-marque .header-marque-img {width: 700px; border-radius: 5px; margin-top: 30px;}
.liste-marques {text-align: center; margin-bottom: 100px;}
.listing-pdts-cat {margin-top: 100px; margin-bottom: 50px;}
.listing-pdts-cat h2 {text-align: center;}
.liste-marques .card {padding: 40px 20px 20px 20px !important;}
.liste-marques .card img {max-height: 45px;}
.liste-marques .nombre-produit {font-style: italic; margin-top: 5px;}
.cta-link {background: #f8fafd; padding: 30px; border-radius: 10px; margin-top: 30px;}
.cta-link .disp-flex > div:first-child {margin-right: 10px;}
.cta-link .disp-flex > div:last-child {margin-left: 10px;}
.cta-link img {max-height: 150px; display: block; margin: auto;}
.cta-link .title-cta-link {font-size: 20px; font-weight: 600; line-height: 29px; margin-bottom: 9px; color: #0f2e43}
.cta-link p {color: #0f2e43}
.cta-link .btn-cta-link a {display: table;}
.cta-link .btn1 {background: var(--color-secondary) !important; color: white !important;}
.av-product {gap: 30px; margin: 30px 0;}
.av-product > div {background: #f8fafd; padding: 25px; position: relative; border-radius: 10px;}
.title-av-product {font-size: 20px; font-weight: bold; margin-top: 10px; margin-bottom: 35px; color: #0f2e45;}
.title-av-product i {font-size: 40px; margin-right: 15px;}
.title-product {text-align: center; margin-top: 100px; font-size: 25px;}
.list-product {border-bottom: solid 2px #DCE6EB; padding-bottom: 30px; margin-bottom: 30px;}
.list-product img {max-height: 200px; display: block; margin: auto;}
.avis-marque a {color: #f0f9fd;}
.avis-marque .col75 {margin-right: 20px;}
.avis-marque .note-avis-marque {display: flex; flex-direction: column; text-align: center; font-weight: bold; font-size: 18px; color: #0f2f45;}
.avis-marque .note-avis-marque span {color: var(--color-secondary); margin-top: 10px;}
.modele-borne-esp {text-align: center;}
.head-page {margin: 0; position: relative; overflow: hidden; margin-top: -100px; padding-top: 100px; background: linear-gradient(180deg, var(--color-bg) 70%, transparent); padding-bottom: 60px;}
.head-page .container {z-index: 1; position: relative;}
.head-page h1 {margin-bottom: 0px; margin-top: 0px; font-size: 45px; text-align: center;}
.head-page #breadcrumbs {margin: 50px auto 10px auto; text-align: center; display: table; border: solid 1px var(--color-text-3); padding: 3px 15px; border-radius: 6px}
.head-page #breadcrumbs a, .head-page #breadcrumbs span {color: var(--color-text-3);}
.slider-offre-partenaire {padding: 80px 0;}
.slider-offre-partenaire .content-slider-offre-partenaire {max-width: 900px; margin: auto;}
.slider-offre-partenaire .carousel {grid-auto-columns: 100% !important;}
.slider-offre-partenaire .bloc-offre-partenaire {background: white; border: solid 1px #DDECF7; padding: 40px;}
.slider-offre-partenaire .cs-arrow {display: block !important;}
.slider-offre-partenaire .card-slider .cs-arrow i {background: #DDECF7; box-shadow: none; border-radius: 5px; color: #0f3146;}
.slider-offre-partenaire .card-slider .cs-arrow-left i {left: -114px;}
.slider-offre-partenaire .card-slider .cs-arrow-right i {right: -114px;}
.slider-offre-partenaire .card-slider.scroll_limit_min .cs-arrow-left, .slider-offre-partenaire .card-slider.scroll_limit_max .cs-arrow-right {opacity: .3; cursor: initial;}
.slider-offre-partenaire h2 {font-weight: 600 !important; color: #0d2f45;}
.why-instal-borne {padding: 80px 0;}
.txt-number .bloc-txt-number {padding-left: 50px; position: relative;}
.txt-number .bloc-txt-number:before {position: absolute; left: 0; top: -3px; background: #DDECF7; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; color: #0e3045; font-weight: 900; border-radius: 5px;}
.txt-number .bloc-txt-number:nth-child(1):before {content: "1";}
.txt-number .bloc-txt-number:nth-child(2):before {content: "2";}
.txt-number .bloc-txt-number:nth-child(3):before {content: "3";}
.txt-number .bloc-txt-number:nth-child(4):before {content: "4";}
.txt-number .bloc-txt-number:nth-child(5):before {content: "5";}
.txt-number .bloc-txt-number:nth-child(6):before {content: "6";}
.list-marque-no-slide {padding: 0; list-style: none; display: flex; flex-direction: column; gap: 40px;}
.list-marque-no-slide li {background: #f8fafd; border-radius: 10px; width: 100%; display: flex; gap: 40px; align-items: center;}
.list-marque-no-slide .img-list-marque img {min-width: 200px; height: 250px; object-fit: cover; border-radius: 10px 0 0 10px;}
.list-marque-no-slide .img-list-marque {min-width: 200px; height: 250px;}
.list-marque-no-slide li .link-list-marque img {max-width: 120px;}
.list-marque-no-slide li .link-list-marque {border-left: solid 1px #e6e6e6; padding: 20px; min-width: 250px; text-align: center;}
.list-marque-no-slide li .content-list-marque {padding: 20px 0;}
.listing-marques-bornes {padding: 60px 0;}
.pres-boutique {padding: 60px 0;}
.pres-boutique .listing-pres-produit {display: flex; gap: 30px;}
.pres-boutique .listing-pres-produit .bloc-pres-produit {border: solid 1px #DDECF7; border-radius: 10px; padding: 20px; text-align: center; background: white;}
.pres-boutique .listing-pres-produit .bloc-pres-produit a {color: #0c3048; text-decoration: none !important;}
.slide-mosaique {padding: 20px 0; background: #F8FAFD url(/wp-content/uploads/2024/02/backhome-fe.svg); background-size: cover; background-position: center; overflow: hidden;}
.slide-mosaique .disp-flex .col50:first-child {width: calc(100% - 400px);}
.slide-mosaique .disp-flex .col50:last-child {width: 400px;}
.slide-mosaique .fil-ariane a {color: #0f2f46;}
.bloc-list-img {display: flex; align-items: center;}
.bloc-list-img .bloc1-list-img {background: #f8fafd; min-width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 100px;}
.bloc-list-img .bloc1-list-img img {max-width: 50%;}
.how-instal-sect {padding: 60px 0;}
.listing-page-guide {display: flex; flex-wrap: wrap; gap: 30px; padding: 60px 0;}
.listing-page-guide > .bloc-page-guide {width: calc(33.33% - 20px); border-radius: 0px; overflow: hidden;}
.liste-dpts {padding: 60px 0;}
.liste-dpts .listing-page-guide {gap: 15px; padding-top: 0;}
.liste-dpts .listing-page-guide > .bloc-page-guide {width: calc(20% - 12px);}
.liste-dpts .listing-page-guide .title-page-guide {font-size: 16px; font-weight: 500; transition: .4s;}
.liste-dpts .listing-page-guide .title-page-guide:hover {background: #F2F4F8;}
.listing-page-guide .img-page-guide {max-height: 260px; overflow: hidden; border-radius: 10px 10px 0 0; position: relative;}
.listing-page-guide .img-page-guide img {overflow: hidden; width: 100%; height: 260px; object-fit: cover; transition: .4s;}
.listing-page-guide .bloc-page-guide:hover .img-page-guide img {transform: scale(1.2);}
.listing-page-guide .title-page-guide {padding: 25px; margin: 0; border: solid 1px #F2F4F8; border-radius: 0 0 10px 10px; border-top: none; font-size: 20px; font-weight: 900; color: #0E2E45;}
.liste-dpts .listing-page-guide .title-page-guide {border-top: solid 1px #F2F4F8;}
.listing-page-guide .img-page-guide:after {content: "\f061"; font-weight: 600; font-family: "Font Awesome 6 Pro"; color: #0f2e45; position: absolute; top: calc(50% - 15px); right: -30px; background: white; padding: 10px 15px 10px 15px; border-radius: 50px 0 0 50px; font-size: 18px; opacity: 0; transition: .4s;}
.listing-page-guide .bloc-page-guide:hover .img-page-guide:after {right: 0; opacity: 1;}
.content-page-txt .listingButtons {display: none;}
.content-page-txt .hc_bookBuilder_listing_blocks .hc_bookBuilder_listing_block {width: 100% !important; margin: 1% !important;}
.content-page-txt .hc_bookBuilder_listing_block a {text-decoration: none !important;}
.content-page-txt .bloc-listing-instal {display: flex; gap: 20px; flex-direction: row;}
.content-page-txt .btn-bottom-bloc-listing {margin-left: auto;}
.content-page-txt .header-bloc-listing {text-align: left; display: flex; align-items: center; gap: 20px;}
.content-page-txt .info-listing {width: calc(50% - 50px); margin-left: auto;}
.content-page-txt .hc_bookBuilder_listing .hc_bookBuilder_listing_block .cadre-photo {top: 0; margin-bottom: 0;}
.content-page-txt .header-bloc-listing .listing-book-name {margin: 0;}
.content-page-txt .header-bloc-listing .review-instal-listing, .content-page-txt .header-bloc-listing .listing-book-local {margin: 10px 0 0 0;}
.content-page-txt .hc_bookBuilder_listing {padding: 0 0 40px 0 !important;}
.inside-page-txt a.hc_bookBuilder_listing_button {text-decoration: none !important;}
.link-title {color: #0c3048; text-decoration: none !important;}
.listing-service-cat {padding: 40px 0;}
.listing-service-cat ul {padding: 30px 0 0 0; list-style: none; display: flex; gap: 20px; flex-wrap: wrap;}
.listing-service-cat ul li a {background: white; padding: 10px 20px; border-radius: 5px; border: solid 1px #e0e3e6; text-decoration: none !important; color: #0E2F44; font-size: 18px; display: block;}
.listing-service-cat ul li a:hover {background: #e0e3e6;}
.form-buy-lead {padding: 80px 0;}
.form-buy-lead h2 {max-width: 700px; margin: 0px auto 60px auto; text-align: center;}
.form-buy-lead .gravity-theme {max-width: 900px; margin: 0 auto;}
.page-mdp {margin: 30px auto 100px auto;}
.form-mdp {max-width: 500px; margin: auto; background: #F8FAFD; padding: 20px; border-radius: 10px; border: solid 1px #102e43;}
.form-mdp input:not(.button) {width: 100%; margin-bottom: 15px;border: solid 1px #ccd1d6 !important;}
.form-mdp button {background: #102e43; color: white; font-size: 16px; border: none; display: block; width: 100%; line-height: 1.5; padding: 10px 20px; cursor: pointer; border-radius: 5px;}
.form-mdp label {font-size: 16px; display: block; padding-bottom: 5px; color: #102e43; font-weight: 600;}
.form-mdp p {margin: 0;}
.form-mdp .intro-login, .form-mdp .notice {margin-bottom: 20px;}
.form-mdp .notice-success {color: green;}
.form-mdp .notice-error {color: red;}
.surtitre {color: var(--color-secondary); text-align: center; margin: 50px 0 -15px 0; font-weight: 600; text-transform: uppercase; font-size: 14px;}



@media screen and (max-width: 1150px) {
    .listing-page-guide .img-page-guide img {height: 200px;}
    .liste-dpts .listing-page-guide > .bloc-page-guide {width: calc(25% - 12px);}

}

@media screen and (min-width: 938px) {
    .page-txt-sidebar {height: 100vh; overflow-y: auto; padding-bottom: 40px; -ms-overflow-style: none; scrollbar-width: none;}
    .page-txt-sidebar:-webkit-scrollbar {display: none !important;}
}

@media screen and (max-width: 937px) {
    .page-txt:not(.no-sidebar) .container > .disp-flex {flex-direction: column;}
    .inside-page-txt, .page-txt-sidebar {width: 100%; margin-right: 0px; margin-left: 0px}
    .map-reg:before {background-repeat: initial;}
    .page-txt-sidebar {position: relative;}
    .slide-mosaique .disp-flex {flex-direction: column;}
    .slide-mosaique .disp-flex > div {width: 100% !important}
    .slide-mosaique .disp-flex .col50:last-child {max-height: 200px; overflow: hidden; margin-bottom: -20px;}
    .listing-page-guide .title-page-guide {padding: 15px;}
    .liste-dpts .listing-page-guide > .bloc-page-guide {width: calc(33.33% - 10px);}
}

@media screen and (max-width: 767px) {
    .slide-page {padding: 40px 0;}
    .slide-page  h1 {line-height: 40px;}
    .slide-page .disp-flex, .etape-instal .disp-flex {flex-direction: column;}
    .slide-page .disp-flex .col50, .etape-instal .disp-flex .col50 {width: 100%;}
    .slide-page .container .col50:last-child {margin: 0px;}
    .slide-page .container .col50:last-child img {width: 100%;}
    .etape-instal .col50:first-child {margin: 0;}
    .etape-instal:before {width: 100%; height: 600px; border-radius: 50px;}
    .etape-instal .container .content-etp {align-items: flex-start;}
    .etape-instal .col50:last-child {margin: 30px 0;}
    .etape-instal .container .icon-etp {margin-right: 20px; margin-top: 12px; width: 55px; height: 55px;}
    .etape-instal .container .txt-etp {padding-left: 0;}
    .etape-instal .container h2 {font-size: 28px; padding-top: 30px; padding-bottom: 10px;}
    .cta-instal {padding-top: 0;}
    .where-instal .col33 p:last-child {font-size: 18px; margin: 15px 0 25px 0;}
    .header-page .content-header-page h1 {font-size: 25px !important; line-height: 35px;}
    .header-page .content-header-page {padding: 10px 20px;}
    .header-page .content-header-page p {font-size: 12px;}
    .page-contact .disp-flex {flex-direction: column;}
    .page-contact .disp-flex .col33, .page-contact .disp-flex .col66 {width: 100%; margin: 10px 0;}
    .page-contact {padding: 20px 0;}
    .page-merci h1 {font-size: 26px !important; line-height: 35px;}
    .map-reg .disp-flex {flex-direction: column;}
    .map-reg .col50 {width: 100%;}
    .review-client .disp-flex {flex-direction: column;}
    .review-client .disp-flex .col33 {width: 100%;}
    .review-client .bloc-review {margin: 10px 0;}
    .liste-marques .disp-flex {flex-wrap: wrap;}
    .liste-marques .disp-flex > div {margin: 10px !important; width: calc(50% - 20px);}
    .liste-aides {flex-wrap: wrap;}
    .liste-aides > div {width: calc(50% - 20px) !important; margin: 10px !important;}
    .cta-link .disp-flex {flex-direction: column;}
    .cta-link .disp-flex > div {width: 100% !important; margin: 10px 0 !important;}
    .style-table thead th, .style-table thead td {min-width: 120px;}
    .pres-product .disp-flex {flex-direction: column;}
    .pres-product .disp-flex > div {width: 100%; margin: 15px 0;}
    .av-product, .avis-marque .disp-flex {flex-direction: column;}
    .av-product > div, .avis-marque .disp-flex > div {width: 100% !important; margin: 10px 0;}
    .list-product .col33 {padding-right: 20px;}
    .page-txt h2 {font-size: 24px;}
    .header-marque {margin-top: 20px;}
    .header-marque h1 {font-size: 30px !important; line-height: 38px;}
    .where-instal, .etape-instal {padding-bottom: 0px;}
    .head-page {margin: 0 20px; text-align: center;}
    .head-page h1 {margin: 25px 0 20px 0;}
    .head-page #breadcrumbs {margin: auto;}
    .infos-contact .disp-flex {flex-direction: column; gap: 90px;}
    .infos-contact .disp-flex > div {width: 100%;}
    .bloc-info-contact {text-align: center; padding-top: 0 !important;}
    .rs-page-contact p {justify-content: center;}
    .bloc-offre-partenaire .disp-flex {flex-direction: column;}
    .bloc-offre-partenaire .disp-flex > div {width: 100% !important;}
    .slider-offre-partenaire .card-slider .cs-arrow-right i {right: 0;}
    .slider-offre-partenaire .card-slider .cs-arrow-left i {left: 0;}
    .page-txt h1 {font-size: 30px !important; line-height: 35px;}
    .inside-page-txt .content-page-txt {padding: 25px;}
    .list-marque-no-slide li {flex-direction: column;}
    .list-marque-no-slide .img-list-marque {width: 100%;}
    .list-marque-no-slide .img-list-marque img {width: 100%;}
    .list-marque-no-slide li .link-list-marque {border-left: none; border-top: solid 1px #e6e6e6; width: 100%;}
    .list-marque-no-slide li .content-list-marque {padding: 20px;}
    .pres-boutique .disp-flex, .listing-pres-produit {flex-direction: column;}
    .pres-boutique .disp-flex > div {width: 100% !important;}
    .pres-boutique .disp-flex > div:first-child {text-align: center; margin-bottom: 40px;}
    .pres-boutique .disp-flex > div:first-child .btn1 {margin: auto;}
    .listing-marques-bornes h2 {text-align: center; margin-bottom: 40px;}
    .content-page-dpt {padding: 40px 20px;}
    .bloc-list-img {flex-direction: column;}
    .bloc-list-img .bloc2-list-img {text-align: center; margin-bottom: 30px; width: 100%;}
    .listing-page-guide > .bloc-page-guide {width: calc(50% - 15px);}
    .liste-dpts .listing-page-guide > .bloc-page-guide {width: calc(50% - 8px);}
}

@media screen and (max-width: 467px) {
        .listing-page-guide > .bloc-page-guide {width: 100%;} 
        .liste-dpts .listing-page-guide > .bloc-page-guide {width: 100%;}

}
/* END PAGE */



/* START ACCRODION */
.accordion-content {position: relative; background: white; padding: 10px 20px; border-radius: 5px; margin-bottom: 20px;}
.titre-accordion {color: #202225; cursor: pointer; font-size: 18px !important; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; margin-top: 10px; font-weight: 500;}
.txt-accordion {max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.txt-accordion h3 {font-size: 20px;}
.txt-accordion h4 {font-size: 17px;}
.accordion:after {content: '\02795'; font-size: 13px; color: #777; float: right; margin-left: 5px;}
.accactive:after {content: "\2796";}
.titre-accordion:before {content: "\f107"; transition: .3s; font-family: 'Font Awesome 6 Pro'; margin-right: 7px; font-size: 16px;}
.titre-accordion.active:before {content: "\f106";}
/* END ACCORDION */


/* START PAGE FICHE PRATIQUE */
.child-thumb {width: 31%; float: left; position: relative; overflow: hidden; display: block; padding: 20px; margin: 20px 1%; min-height: 400px; border:solid 1px #ecedf2; border-radius: 5px; background: white;}
.child-thumb .back-advice {height: 200px; position: relative; display: block; background-size: cover; background-position: center; background-repeat: no-repeat;}
.child-thumb .link-title {text-decoration: none !important; margin-top: 20px; display: block; text-align: center; font-weight: bold; margin-bottom: 20px;}
.child-thumb .link-more {text-decoration: none !important; text-align: center; z-index: 2; position: absolute; width: calc(100% - 40px); left: 0; bottom: 20px; background: #1967D2; font-weight: 500; margin: 20px 20px 0 20px; display: block; padding: 6px; border-radius: 5px; border: solid 1px #1967D2; color: white;}
.child-thumb .link-more:hover {background: white; color: #1967D2;}
.child-thumb .card-bottom {width: 100%; position: absolute; bottom: 0; background: #fafafa; left: 0; height: 120px; border-radius: 50%; bottom: -55px;}
.home-fiche {position: relative; overflow: hidden;}
.home-fiche .child-thumb {width: 28%;}
.home-fiche-more {float: left; width: 10%; min-height: 400px; text-align: center;}
.home-fiche-more i{color: #1967d2; font-size: 60px; margin-top: 175px; left: 50%; position: relative; transition: 0.4s;}
.home-fiche-more i:hover{transform: rotate(90deg);}
/* END PAGE FICHE PRATIQUE */



/* START FOOTER */
footer {background-color: #0E2E45 !important; color: white; z-index: 3; clear: both; width: 100%; position: relative;}
footer p {color: white;}
footer a{color: white;}
footer ul {list-style: none; padding: 0;}
footer img {width: 200px; margin-top: -10px;}
.background-footer .container {border-bottom: solid 1px #294458; padding-top: 50px; padding-bottom: 25px;}
.bottom-footer {padding: 10px 0;}
.bottom-footer span {float: right;}
.bottom-footer p{margin:0; font-size: 14px;}
.title-footer {font-size: 20px; color: white;}
.footer-link a {text-decoration: none !important; }
.footer-link a:before {content: "\f105"; font-family: "Font Awesome 6 Pro"; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; color: var(--color-secondary); font-weight: 600; padding-left: 15px; font-size: 17px; padding-right: 7px;}
.info-contact-footer a:before {display:none;}
.info-contact-footer a {padding-left: 15px;}
.info-contact-footer i {color: var(--color-secondary);  padding-right: 7px;}
.info-contact-footer .footer-rs i {color: white; font-size: 25px; margin-top: 20px;}


@media screen and (max-width: 767px) {
    footer {padding: 0 20px !important;}
    footer .disp-flex {flex-direction: column;}
    footer .disp-flex > div {width: 100% !important; margin: 10px 0;}
    footer .bottom-footer {text-align: center;}
    footer .bottom-footer span {display: block; float: none !important;}
    .footer-link {padding-bottom: 20px;}    
    .footer-link a {padding: 5px 0; display: block; position: relative;}
    .footer-rs {gap: 15px; display: flex;}
}
/* END FOOTER */



/* START 404 */
.slide-404 h1 {text-align: center; margin-bottom: 40px;}
.slide-404 .btn1 {margin: 0 auto 60px auto; display: table;}
.slide-404 img {margin: auto; display: block; max-width: 1000px; margin-bottom: 50px;}
.error404 main {padding: 100px 0;}
/* END 404 */





/* START PAGES DEPARTEMENT */
.slide-page-ville {padding-bottom: 40px !important;}
.slide-page-ville h1 {text-align: center; font-size: 40px !important;}
.slide-page-ville h2 {text-align: center;}
.slide-page-ville .title-page-ville {text-align: center; font-size: 25px; background: #0f2e45; display: table; margin: 0 auto 30px auto; padding: 6px 10px; border-radius: 3px; color: white;}
.slide-page-ville .form-home-slide {background: #f8fafd; max-width: 900px; margin: auto; border-radius: 10px; padding: 40px !important;}
.slide-page-ville .form-home-slide input[type=text], .slide-page-ville .form-home-slide select {background: white !important;}
.slide-page-ville #breadcrumbs {margin-bottom: 0; text-align: center; font-size: 14px; margin-top: 0;}
.list-dpt {margin-bottom: 40px;}
.list-dpt ul {padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 10px;}
.list-dpt ul a {background: #e2eaef; color: #0e2e44; padding: 4px 10px; border-radius: 3px; display: block;}
.list-dpt ul a:hover {background: #eef3f6;}
.sect-content-page-dpt {padding: 80px 0; max-width: 900px; margin: auto;}
.content-page-dpt {border: solid 1px #F2F4F8; padding: 40px; border-radius: 20px; background: white;}
.content-page-dpt h2:first-child {margin-top: 0 !important;}
.content-page-dpt h2 {font-size: 28px; margin-top: 40px;}
.content-page-dpt .img-content-page-dpt {margin-top: 40px; border-radius: 10px;}
.listing-dpt {display: block; background: #f8fafd; padding: 40px 0;}



@media screen and (max-width: 1000px) {
    #map {width: 100% !important;}
    #map svg {width: 100% !important;}
}

@media screen and (max-width: 767px) {
    .slide-page-ville h1 {font-size: 26px !important;}
    .slide-page-ville .title-page-ville {font-size: 18px;}
    .slide-page-ville #gform_fields_10 fieldset legend, .slide-page-ville #gform_fields_12 fieldset legend, .slide-page-ville #gform_fields_13 fieldset legend {font-size: 18px;}
    .list-dpt ul {overflow: auto; flex-wrap: initial;}
    .list-dpt ul::-webkit-scrollbar {display: none;}
    .list-dpt ul a {inline-size: max-content;}
}
/* END PAGES DEPARTEMENT */
 




/* START FORMULAIRES */
.page-devis-quel-projet {max-width: 900px; background: #f8fafd; padding: 40px; border-radius: 10px; margin: 60px auto;}
.list-quel-projet {display: flex; gap: 40px; justify-content: center;}
.title-quel-projet {font-size: 22px; font-weight: 600; color: #0f2f45; text-align: center;}
.page-devis-quel-projet .title-quel-projet {margin-top: 0;}
.bloc-quel-projet {background: white; border-radius: 10px; border: solid 1px #ddecf7; text-align: center; font-weight: 600; transition: .4s;}
.bloc-quel-projet:hover {background: #DDECF7;}
.bloc-quel-projet a {padding: 25px; display: block; color: #0c3048; text-decoration: none !important;}
.bloc-quel-projet img {max-height: 70px;}
.bloc-quel-projet span {display: block; margin-top: 10px;}
input[type=text], input[type=button], input[type=submit] {-webkit-appearance: none;}
.gform-devis_wrapper .gform_body {text-align: center !important;}
.gform-devis_wrapper .gform_page_footer {margin-top: 30px !important;}
.gform-devis_wrapper .gform_page_footer .button {padding: 10px 30px !important; text-transform: initial !important; border-radius: 3px;}
.gform-devis_wrapper .gchoice input {display: none !important;}
.gform-devis_wrapper .gfield_label {text-align: center; margin-bottom: 30px;}
.gform-devis_wrapper .gfield_radio {display: flex !important; justify-content: center; text-align: center; flex-wrap: wrap;}
.gform-devis_wrapper .gfield_radio .gchoice {max-width: 300px; margin: 10px;}
.gform-devis_wrapper .gfield_radio .gchoice label {background: white; padding: 15px !important; border-radius: 5px; border: 1px solid #ddecf7; min-width: 200px; font-weight: bold; cursor:pointer; transition: 0.4s; height: 100%; color: #1b2052; line-height: 22px;}
.gform-devis_wrapper .gfield_radio .gchoice label:hover {background: #ddecf7;}
.gform-devis_wrapper .gform_footer {justify-content: center;}
.gform-devis_wrapper .gfield_radio input[type=radio]:checked+label {background: #ddecf7;}
.gform-devis_wrapper .gfield_radio .gchoice label:before {content:""; height: 85px; display: block; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; margin-bottom: 15px;}
#label_2_22_0:before, #label_12_22_0:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/particulier.png');}
#label_2_22_1:before, #label_12_22_1:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/professionnel-homme.png');}
#label_2_22_2:before, #label_12_22_2:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/copro.png');}
#label_2_23_0:before, #label_12_23_0:before, #label_26_22_0:before, #label_27_1_0:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/chalet-1.png');}
#label_2_23_0:before, #label_13_22_0:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/chalet-1.png');}
#label_2_23_1:before, #label_12_23_1:before, #label_26_22_1:before, #label_27_1_1:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/copropriete.png');}
#label_2_22_2:before, #label_13_22_1:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/copropriete.png');}
#label_2_25_0:before, #label_23_25_0:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/int.png');}
#label_2_25_1:before, #label_23_25_1:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/ext.png');}
#label_2_26_0:before, #label_12_26_0:before, #label_23_26_0:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/mono.png');}
#label_2_26_1:before, #label_12_26_1:before, #label_23_26_1:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/triph.png');}
#label_12_71_0:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/une-borne.png');}
#label_12_71_1:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/pls-borne.png');}
#label_2_37_0:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/firm.png');}
#label_2_37_1:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/libre.png');}
#label_2_38_0:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/int.png');}
#label_2_38_1:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/multi.png');}
#label_9_1_0:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/borne-recharge-voiture.png');}
#label_9_1_1:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/maison-panneau-2.png');}
#label_9_1_2:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/installateur-pac.png');}
#label_10_1_0:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/chalet-1.png');}
#label_10_1_1:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/copropriete.png');}
#label_10_1_2:before, #label_27_1_2:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/04/firm.png');}
#label_10_6_0:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/proprietaire.png');}
#label_13_76_0:before, #label_26_76_0:before, #label_27_6_0:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/proprietaire.png');}
#label_10_6_1:before, #label_26_76_1:before, #label_27_6_1:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/locataire.png');}
#label_13_76_1:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/locataire.png');}
#label_10_5_0:before, #label_27_5_0:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/toit-monopente.png');}
#label_10_5_1:before, #label_27_5_1:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/double-pans.png');}
#label_10_5_2:before, #label_27_5_2:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/trois-pans.png');}
#label_10_5_3:before, #label_27_5_3:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/toit-terrasse.png');}
#label_10_5_4:before, #label_27_5_4:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/quatre-pans.png');}
#label_10_10_0:before, #label_27_10_0:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/3kva.png');}
#label_10_10_1:before, #label_27_10_1:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/6kva.png');}
#label_10_10_2:before, #label_27_10_2:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/9kva.png');}
#label_10_10_3:before, #label_27_10_3:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/conseil-instal.png');}
#label_2_26_2:before,  #label_12_26_2:before, #label_23_26_2:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/idk.png');}
#label_13_71_0:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/devis-fioul.png');}
#label_13_71_1:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/devis-elec.png');}
#label_13_71_2:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/devis-gaz.png');}
#label_13_71_3:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/devis-bois.png');}
#label_13_71_4:before {background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/devis-autre.png');}
#label_10_7_0:before, #label_10_7_1:before, #label_10_7_2:before, #label_10_8_0:before, #label_10_8_1:before, #label_10_8_2:before, #label_13_23_0:before, #label_13_23_1:before, #label_13_23_2:before, .noimg-form label:before {display: none !important;}

.gf_progressbar_wrapper {max-width: 400px; margin: auto;}
.gform_wrapper.gravity-theme .gf_progressbar_title {display: none;}
.gform_wrapper.gravity-theme .gf_progressbar {background: #f5ece0 !important; height: 60px;}
.gf_progressbar_percentage {height: 60px !important; background-color: #F9AB00 !important;}
.gform_wrapper.gravity-theme .gf_progressbar_percentage span {line-height: 60px !important; text-align: center; width: 100% !important; float: none !important; margin-left: 0 !important; font-weight: bold; color:#F5ECE0;}
.gf_progressbar:after {content:""; position: absolute; background: #f5ece0; width: 7px; height: 22px; top: 19px; right: -7px; border-radius: 0 5px 5px 0;}
.gf_progressbar:before {content: "\f0e7"; font-family: "Font Awesome 6 Pro"; font-weight: 900;    position: absolute; right: 10%; line-height: 60px; color: #2c2c2c;}
.page-contact-form {max-width: 700px; margin: auto;}
.page-contact-form .gfield_label, .page-contact-form label {text-align: left !important; width: 100%;    font-size: 19px !important; margin-bottom: 6px !important;}
.page-contact-form select {height: 50px; border-color: #c9c9c9;}
.gform-devis_wrapper .gfield_checkbox .gchoice_2_62_1 .gfield-choice-input, .gform-devis_wrapper .gfield_checkbox .gchoice_10_23_1 .gfield-choice-input {display: inline-block !important; margin-right: 10px;}
.gform-devis_wrapper .gfield_checkbox .gchoice_2_62_1 label {font-size: 15px !important; line-height: 20px;}
.gf_progressbar_wrapper {display: none;}
.page-devis {padding: 50px 0; display: flex; align-items: center; min-height: calc(100vh - 115px);}
.page-devis h1 {text-align: center; font-size: 45px; line-height: 52px; max-width: 900px; margin: auto; margin-bottom: 25px;}
.page-devis form {padding: 40px; display: block; border-radius: 5px; max-width: 900px; margin: 20px auto 20px auto; background: #f8fafd; border: solid 2px #dce0e5;}
.page-devis form legend {font-size: 25px !important;}
.page-devis form input[type=number] {background: #ffffff; border: none; min-height: 55px; padding: 15px !important;}
.subtitle-devis {text-align: center; font-size: 18px; color: #0f2e44; border-bottom: solid 1px #cdd8df; max-width: 640px; margin: auto; padding-bottom: 50px;}
.etp1-devis {padding: 40px; max-width: 900px; margin: 20px auto 20px auto; text-align: center;}
.etp1-devis label {font-size: 25px; font-weight: bold;}
.bloc-etp1-devis {background: white; padding: 15px !important; border-radius: 5px; border: 1px solid #ECEDF2; min-width: 200px; font-weight: bold; cursor: pointer; transition: 0.4s; height: 100%; color: #1b2052; line-height: 22px; margin: 0 10px;}
.bloc-etp1-devis p {color: #1a2052; margin-bottom: 0;}
#gform_fields_10 fieldset legend, #gform_fields_12 fieldset legend, #gform_fields_13 fieldset legend {font-size: 22px !important;}
#gform_fields_10 fieldset:not(:first-child), #gform_fields_12 fieldset:not(:first-child), #gform_fields_13 fieldset:not(:first-child) {margin-top: 30px;}
.page-devis .gfield--type-address {margin-top: 0px !important;}
.jnsp {color: #697f8d; display: table; margin: auto; font-weight: bold; padding: 7px 20px; border-radius: 3px; font-style: italic;}
.more-devis {position: fixed; right: 30px; bottom: 30px; font-size: 35px; margin-bottom: 0;}
.help-devis {width: 0; overflow: hidden; transition: 0.2s; bottom: 0; position: fixed; right: 0; z-index: 9; background: rgb(0 0 0 / 71%); height: 0; border-radius: 5000px 5000px 0 5000px;z-index: 99;}
.help-devis-active {width: 100%; height: 100%; bottom: 0; border-radius: 0;}
.help-devis-active .content-help-devis {position: relative; height: calc(100% - 80px); background: white; top: 40px; padding: 25px; max-width: 600px; width: 100%; left: calc(50% - 300px); border-radius: 10px; border: solid 1px #ECEDF2; z-index: 9; overflow: auto; display: block;}
.help-devis-active .content-help-devis h2 {font-size: 20px; margin-top: 20px;}
.help-devis-active .content-help-devis p, .help-devis-active .content-help-devis li {font-size: 14px;}
.help-devis-active .content-help-devis .help-devis-close {position: fixed; margin-left: -26px; top: 40px; font-size: 20px; width: 600px; background: white; text-align: right; padding: 5px 15px; border-bottom: solid 1px #efefef; border-radius: 5px 5px 0 0; margin-top: 0px;}
.form-merci-more p {text-align: center; font-size: 18px; padding-bottom: 20px; max-width: 900px; margin: 60px auto 20px auto; font-weight: bold; line-height: 32px; color: #0d3044;}
.form-merci-more form {background: #f8fafd; max-width: 700px; margin: auto; padding: 30px; border-radius: 10px;}
.form-merci-more-pv form {max-width: 1350px;}
.form-merci-more .gfield_radio .gchoice label, .form-merci-more .ginput_container input, .form-merci-more .ginput_container select {background: white !important;}
.chevron-bottom {position: absolute; bottom: -50px; left: calc(50% - 30px); font-size: 25px; background: white; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; color: #2559ff; border-radius: 50px; border: solid 1px #deecf8;}
.form-merci-more .gfield_radio input[type=radio]:checked+label {border: solid 1px #0e3046;}
.form-merci-more .form-border-top {border-top: solid 1px gainsboro !important; padding-top: 40px !important; margin-top: 30px !important; border-bottom: none !important;}
.form-merci-more .gform_fields > fieldset legend {font-size: 18px !important; display: contents !important; margin-bottom: 20px !important;}
.form-merci-more .gform_fields > div label {font-size: 18px !important; display: block !important; margin-bottom: 20px !important;}
.laissez-vide {margin: 0 !important; padding: 0 !important; font-size: 12px !important; font-weight: 500 !important; margin-top: -17px !important; font-style: italic !important; opacity: .5;}
.form-devis-full .gform_wrapper form .gform_fields {row-gap: 40px; !important;}
.form-devis-full form legend {font-size: 18px !important; line-height: 1.4 !important;}
.form-devis-full form .jnsp {margin-top: -40px; font-size: 16px; font-weight: 500;}



@media screen and (max-width: 680px) {
    .help-devis-active .content-help-devis {width: calc(100% - 40px); left: 20px;}
    
}
@media screen and (max-width: 800px) {
    .gform-devis_wrapper .gfield_radio {flex-wrap: wrap;}
    .gform-devis_wrapper .gfield_radio .gchoice {margin: 1%; width: 31% !important; max-width: 31%;}
    .gform-devis_wrapper .gfield_radio .gchoice label {font-size: 16px !important; line-height: 15px; min-width: 100%; text-align: left; line-height: 1.4 !important;}
    .gform-devis_wrapper .gfield_radio .gchoice label:before {height: 35px;}
    .page-devis h1 {font-size: 25px !important; line-height: 34px !important;}
    .page-devis form {padding: 20px;}
    .more-devis {right: 15px; bottom: 15px; font-size: 24px;}
    .page-devis form legend {font-size: 18px !important; padding-top: 0px !important; padding-bottom: 5px !important; text-align: left !important;}
    .gform-devis_wrapper .gfield_label {text-align: left !important; display: block !important;}
    .gform_wrapper.gravity-theme input[type=number] {width: 100% !important;}  
    .jnsp {padding: 5px 0 0 0; text-align: left; display: block;}
    .gsection_title {margin-bottom: 0 !important; text-align: left;}
    .page-devis .gform_wrapper.gravity-theme .gform_fileupload_rules {padding-top: 0 !important;}
}


@media screen and (max-width: 467px) {
    .bloc-quel-projet img {max-height: 40px;}
    .list-quel-projet {gap: 15px; flex-direction: column;}
    .bloc-quel-projet a {padding: 15px; display: flex; gap: 15px;}
    .bloc-quel-projet span {font-size: 14px;}
    .gform-devis_wrapper .gfield_radio {flex-direction: column; gap: 15px;}
    .gform-devis_wrapper .gfield_radio .gchoice label {display: flex !important; gap: 15px; align-items: center;}
    .gform-devis_wrapper .gfield_radio .gchoice label:before {height: 40px; width: 40px; margin-bottom: 0;}
    .gform-devis_wrapper .gfield_radio .gchoice {margin: 0; width: 100% !important; max-width: 100%;}
    .page-devis .gform_wrapper.gravity-theme .gform_next_button.button, .page-devis .gform_wrapper.gravity-theme .gform_previous_button.button {padding: 4px 30px !important; font-size: 14px !important;}
}



/* START ESPACE INSTAL */
.espace-instal {padding-bottom: 100px;}
.espace-instal .ei-form-login {margin: auto;}
.ei-form-login .form-login label {font-size: 16px; font-weight: 600; padding-bottom: 5px; display: block;}
.ei-form-login .form-login .gfield--type-remember_me label {font-weight: 500; padding-bottom: 0px;}
.ei-form-login .form-login input:not(.button) {margin-bottom: 15px;}
.ei-form-login .form-login input.button {margin: 15px auto;}
.inside-ei-col {height: 100%;}
.espace-instal h1 span {display: block; text-transform: uppercase; font-size: 18px; font-weight: 900; line-height: 28px; color: #1967d2;}
.espace-instal h1 {margin: 70px 0 0 0; text-align: center;}
.content-espace-instal {max-width: 700px; margin: auto;}
.espace-instal .ei-col {width: 50%; text-align: center; padding: 30px; position: relative;}
.espace-instal .ei-col a {text-decoration: none !important; text-transform: uppercase; font-weight: bold; transition: 0.4s;}
.espace-instal .ei-col a:hover {color: #1967D2;}
.espace-instal .ei-col .inside-ei-col a {max-width: 300px; display: block; margin: auto; border: solid 2px #1b65d2; border-radius: 5px; padding: 20px; height: 100%;}
.espace-instal .ei-col .inside-ei-col a:hover {background: #1b65d2; color: white;}
.espace-instal .ei-col img {max-height: 110px; margin-top: 25px; display: block; text-align: center; margin: 25px auto;}
.notif-ei:before {content: "+2"; position: absolute; width: 40px; line-height: 40px; text-align: center; top: 12px; left: 12px; background: #f9aa01; border-radius: 50%; font-weight: 900; color: white;}
.chant-import-devis {background: #1967D2; text-decoration: none !important; padding: 3px 10px; border-radius: 2px; display: block; text-align: center;}
.chant-import-devis:hover {background: white;}
.main-ei {display: flex; flex-direction: row-reverse; margin-bottom: 150px;}
.main-ei .espace-instal {width: 85%;}
.main-ei .side-ei {width: 15%; background: #1a66d2; padding: 20px;}
.main-ei .side-ei .ei-col {width: 100%; padding: 10px;}
.main-ei .side-ei .ei-col .inside-ei-col a {padding: 20px; display: block; margin: auto; border: solid 2px #104da7; border-radius: 5px; text-align: center; display: flex; align-items: center; font-weight: bold; color: white;}
.main-ei .side-ei .ei-col .inside-ei-col a:hover {background:#104da7; text-decoration: none !important}
.main-ei .side-ei .ei-col .inside-ei-col.active a {background:#104da7; color: #ffffff;}
.main-ei .side-ei .ei-col img {max-width: 35px; margin-right: 20px;}
.list-doc-ei {display: flex; padding: 20px 40px; flex-wrap: wrap; justify-content: center;}
.list-doc-ei .doc-ei {width: 200px; text-align: center; padding: 10px; margin: 20px; border: solid 2px #3c4589; border-radius: 3px;}
.list-doc-ei .doc-ei p {margin-bottom: 0;}
.list-doc-ei .doc-ei img {border-radius: 3px; max-width: 70px; margin: 20px;}
.list-doc-ei .doc-ei .ei-download {background: #1967D2; padding: 4px 10px; display: block; border-radius: 3px; text-decoration: none !important;}
.list-doc-ei .doc-ei .ei-download:hover {background: white;}
.title-doc-ei {background: #1b2254; display: table; margin: -21px auto 6px auto !important; padding: 0 10px; line-height: 18px; font-size: 14px;}
.page-id-1890 .btn-fixed, .page-id-1887 .btn-fixed, .page-id-1856 .btn-fixed, .page-id-1802 .btn-fixed {display: none;}
.page-id-1890 footer, .page-id-1887 footer, .page-id-1856 footer, .page-id-1802 footer {display: none;}
.chantier-arrow-right {display: none;}
.ei-nocompte {margin: 15px; background: var(--color-secondary); padding: 40px; text-align: center; border-radius: 3px; display: flex; flex-direction: column; justify-content: center;}
.ei-nocompte p, .ei-nocompte a {color: white;}
.ei-nocompte .btn-white {float:none; margin: 15px auto; color:white; background: #0F2F46; border-color: #0F2F46;}
.ei-nocompte .btn-white:hover {color: white !important;}
.ei-form-login {max-width: 600px; background: #F8FAFD; border-radius: 5px; padding: 30px; text-align: center; border: solid 1px #0f2f45; margin: 15px;}
.ei-form-login .gf_login_links a {color: #102f46; font-size: 14px;}
.ei-form-login .ginput_container_checkbox .gfield-choice-input {min-height: auto;}
.ei-form-login .gform_button {display: table !important; width: auto !important; border-radius: 5px !important; text-transform: initial !important; padding: 10px 30px !important; border: solid 1px var(--color-secondary);}
.ei-form-login .gform_button:hover {background: transparent !important; color: #0d2f44 !important;}
.ei-form-login input {width: 80%;}
.ei-form-login input[type=text], .ei-form-login input[type=password] {background: white; border: solid 1px #ccd1d6 !important;}
.ei-form-login .gform_footer {justify-content: center;}
.chantier_row .fa-book {font-size: 20px; margin: 0 3px;}
.sect-connexion {margin-bottom: 100px;}
#gform_fields_login .gfield_checkbox .gchoice {display: flex; align-items: center; justify-content: center; gap: 10px;}
#gform_fields_login .gfield_checkbox .gchoice input {width: auto; margin: 0;}
.hc_bookBuilder_quickaccess_buttons .hc_bookBuilder_post_button {text-decoration: none !important; background: #102f46; padding: 6px 15px; color: white; border-radius: 5px}
.hc_bookBuilder_template_container .hc_bookBuilder_post_buttons {background-color: white !important;}

@media screen and (max-width: 1500px) {
    .espace-instal .ei-col {padding: 10px;}
    .espace-instal .ei-col img {max-height: 75px;}
    .espace-instal .ei-col .inside-ei-col a {font-size: 13px; padding: 10px;}
    .notif-ei:before {top: -7px; left: -7px;}
    .main-ei {flex-direction: column;}
    .main-ei .espace-instal, .main-ei .side-ei {width: 100%;}
    .main-ei .side-ei .ei-col {width: 25%; padding: 1%;}
    .main-ei .side-ei {position: fixed; bottom: 0; padding: 5px; z-index: 5;}
    .page-id-1890 footer, .page-id-1887 footer, .page-id-1856 footer  {margin-bottom: 100px;}
    .main-ei .side-ei .ei-col .inside-ei-col a {flex-direction: column; font-size: 15px; padding: 10px 3px;}
    .main-ei .side-ei .ei-col img {margin: 0 0 5px 0; max-height: 35px;} 
    .list-doc-ei .doc-ei {width: 46%; padding: 7px; margin: 4% 2%;}
    .list-doc-ei {padding: 5px;}
    .tableau-chantiers {padding-left: 0 !important; padding-right: 0 !important;}
    .tableau-chantiers table {overflow: overlay; position: relative; padding-left: 15px; padding-right: 15px;}
    .chantier-arrow-right {display: block; padding-bottom: 20px;}
    .chantier-arrow-right i {position: absolute; right: 20px; font-size: 25px; -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite;}
}

@media screen and (max-width: 767px) {
    .main-ei .side-ei .ei-col .inside-ei-col a {font-size: 11px;}
    .sect-connexion .disp-flex {flex-direction: column;}
    .sect-connexion .disp-flex .col50 {width: 100%; margin: 15px auto !important;}
}

/* END ESPACE INSTAL */




/* START PAGE INSTALLATEUR */
.page-template-template-page-installateur {background: white !important;}
.container-page-installateur a, .container-page-installateur span {color: #0b0f29;}
.container-page-installateur p, .container-page-installateur span {color:#383838;}
.bottom-title-instal {display: flex; margin-bottom: 40px;}
.services-instal {display: flex; gap: 10px; background: white; padding: 15px 20px; border-radius: 5px;}
.services-instal p {margin: 0; font-weight: bold; color: #102f46;}
.localisation-installateur span.country:after {content:",";}
.localisation-installateur .region {display: none;}
.contact-none {display: none;}
.container-page-installateur h1 {font-size: 35px; color: #0f2f46; font-weight: 600; line-height: 47px; margin: 5px 0 0 0;}
.container-page-installateur h1 span {color: #102f46 !important;}
.container-page-installateur .services-instal span {font-size: 16px !important; color: #0f2f46; font-weight: 600;}
.container-page-installateur .services-instal li {font-size: 16px !important; color: #0f2f46; font-weight: 400;}
.container-page-installateur .services-instal i {color: #0f2f46;}
.page-template-template-page-installateur .hfg_header .header-top-inner, .page-template-template-page-installateur footer {background: #000000 !important;}
.page-template-template-page-installateur .site-logo img {filter: brightness(0) invert(0);}
.page-template-template-page-installateur .menu-item-title-wrap, .page-template-template-page-installateur .menu-item a {color: black !important; font-size: 14px;}
.page-template-template-page-installateur .caret svg {color: black !important;}
.background-installateur {min-height: 300px; background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/couverture-top-defaut.jpeg'); background-position: center; background-size: cover; border-radius: 10px;}
.infos-installateur {margin-top: 20px;}
.infos-installateur .breadcrumbs, .infos-installateur .breadcrumbs a {color: #5f7382; font-weight: 500; margin: 0; font-size: 14px;}
.infos-installateur .flex-infos-instal {display: flex;}
.infos-installateur .flex-infos-instal .logo-instal {max-width: 150px; display: flex; align-items: center; margin-right: 20px; background: white; padding: 10px; border-radius: 10px;}
.infos-installateur .flex-infos-instal .logo-instal img {max-height: 85px; border-radius: 5px;}
.infos-installateur .review-infos-instal {margin-left: auto; min-width: 210px;}
.infos-installateur .review-infos-instal .btn-review {background: #0f2f46; padding: 12px 30px; border-radius: 5px; color: white; font-weight: bold; cursor: pointer; text-align: center;}
.infos-installateur .review-infos-instal .review-instal {text-align: center;}
.infos-installateur .review-infos-instal .review-instal .note-instal {background: #ddecf7; padding: 6px; margin-right: 5px; border-radius: 5px; font-weight: bold; color: #1a66d2;}
.infos-installateur .review-infos-instal .review-instal i {color: #00B67A;}
.infos-installateur .review-infos-instal .review-instal .nombre-avis {font-style: italic; cursor: pointer;}
.content-installateur {display: flex; gap: 40px; margin-top: 40px;}
.content-installateur .content-left-installateur {width: 60%;}
.content-installateur .content-right-installateur {width: 40%;}
.content-installateur h2, .listing-concurrents-page-free h2 {font-size: 25px !important; margin: 0 0 20px 0; color:#0f2f46; font-weight: 600;}
.listing-concurrents-page-free h2 {text-align: center;}
.content-installateur .bloc-content-info-contact {background: white; border-radius: 5px; box-shadow: 0px 12px 26px #4F56850A;}
.content-installateur .bloc-content-info-contact .map-info-contact {padding: 10px 10px 0 10px; border-radius: 5px;}
.content-installateur .bloc-content-info-contact .map-info-contact iframe {width: 100%; height: 250px;}
.content-installateur .bloc-content-info-contact .content-info-contact {display: flex; flex-direction: column;}
.content-installateur .bloc-content-info-contact .content-info-contact i {margin-right: 15px;}
.content-installateur .bloc-content-info-contact .content-info-contact .phone-info-contact {border-top: solid 1px #F7F7F7; border-bottom: solid 1px #F7F7F7; padding: 15px 25px; margin: 0;}
.content-installateur .bloc-content-info-contact .content-info-contact .mail-info-contact {border-bottom: solid 1px #F7F7F7;}
.content-installateur .bloc-content-info-contact .content-info-contact .mail-info-contact, .content-installateur .bloc-content-info-contact .content-info-contact .address-info-contact, .content-installateur .bloc-content-info-contact .content-info-contact .siteweb-info-contact {padding: 15px 25px; margin: 0;}
.bloc-content-contact {background: white; padding: 20px; border-radius: 5px; box-shadow: 0px 12px 26px #4F56850A;}
.content-left-installateur, .content-right-installateur {display: flex; flex-direction: column; gap: 20px;}
.hc_bookBuilder_form .notices .hc_bookBuilder_form_notice.success span {color: white !important;}
.rs-info-contact {padding: 15px 25px; margin: 0; display: flex; gap: 10px;}
.rs-info-contact i {font-size: 25px; margin-right: 0 !important;}
.expertise-instal > div {display: flex; align-items: center; gap: 5px;}
.expertise-instal > div p {margin: 0;}
.expertise-instal > div img {max-height: 30px; margin-right: 10px;}
.expertise-instal .expertise-title {font-weight: bold; font-size: 16px;}
.expertise-instal .list-string li {color: #383838; font-weight: 400;}
.expertise-instal ul {margin-top: 0;}
.theme-futurenergie .hc_bookBuilder_preview_notice {background-color: #DB445A !important; border: none !important;}
.hc_bookBuilder_preview_notice .notice-ep-subscribe span {font-weight: bold; display: block;}
.hc_bookBuilder_preview_notice .notice-ep-subscribe .btn-sub-notice {position: relative; border: solid 1px #0f2e45; display: table; margin: 10px auto 0 auto; color: white; padding: 5px 20px; border-radius: 5px; font-weight: 500; background: #0f2e45;}
.listing-concurrents-page-free {padding-top: 60px;}
.listing-concurrents-page-free .listingButtons {display: none;}
.listing-concurrents-page-free ul {gap: 20px;}
.listing-concurrents-page-free ul li {margin: 0 !important; width: calc(33.33% - 14px) !important;}


.content3-installateur {background: white; padding: 20px; border-radius: 5px; box-shadow: 0px 12px 26px #4F56850A;}
.num-assurance {display: flex; gap: 20px;}
.expertise-instal {display: flex; gap: 20px; flex-direction: column;}
.content3-installateur .col33, .num-assurance .col33 {border-radius: 5px; position: relative; overflow: hidden; padding: 10px; text-align: center; background: white;}
.num-assurance .col33 {display: flex; flex-direction: column; justify-content: center; width: 25%;}
.num-assurance .col33:last-child {width: 50%;}
.num-assurance .col33 p {margin-bottom: 0; font-size: 12px; margin: 0; font-weight: bold;}
.num-assurance .col33 p.title-assurance span, .txt-taille-equipe, .txt-annee-crea {font-weight: 100 !important;}
.content2-installateur .col33:first-child, .num-assurance .col33:first-child {margin-left: 0 !important;}
.content2-installateur .col33:last-child, .num-assurance .col33:last-child {margin-right: 0 !important;}

.page-template-template-page-installateur .builder-item--logo .site-logo img {max-width: 150px;}
.page-template-template-page-installateur .hfg_header .header-main-inner .nav-ul .sub-menu {background-color: black !important;}
.page-template-template-page-installateur .hfg_header .header-main-inner .nav-ul .sub-menu a {font-size: 14px;}
.builder-item--secondary-menu .nav-ul#secondary-menu li > a {color: white !important}
.content4-installateur input[type="text"], .content4-installateur input[type="email"], .content4-installateur textarea {color:black}
.content4-installateur .gform_button {background: black !important; margin: auto; border-color: black !important; color: white !important; border-radius: 5px !important;}
.content4-installateur .gform_button:hover {color: black !important;}
.info-contact-instal p {margin: 0 40px 15px 0; border-radius: 10px; position: relative; overflow: hidden; box-shadow: 7px 5px 30px rgb(0 0 0 / 14%); padding: 25px; text-align: center;}
.info-contact-instal p i {display: block; font-size: 25px; color: black; margin-bottom: 20px;}
.info-contact-instal p a {text-decoration: none !important;}
.book-galeries-img img {width: 31.33%; margin: 1%; border-radius: 5px;}
.infos-installateur .txt-tagline {font-size: 16px !important; color: #0f2f46 !important; margin: 5px 0 0 0;}
.titre-galeries {color: #0f2f46; font-size: 20px;}
.page-book-view #cv {height: auto !important;}
.book-galeries .album:not(:first-child) h3 {padding-top: 30px;}
.info-contact-instal {min-width: 30%;}
.info-contact-instal p {font-size: 15px;}
.info-page-exemple {background: #0f2e45; text-align: center; padding: 10px; display: table; margin: auto; border-radius: 5px; position: sticky; bottom: 10px; margin-bottom: 15px;}
.info-page-exemple p {margin-bottom: 0; font-weight: bold; font-size: 14px; color: #f0f9fd;}
.fiche-installteur {background: white; border-radius: 15px; max-width: 500px; margin: auto; padding: 25px; margin-bottom: 15px; position:relative; cursor: initial;}
.fiche-installteur .header-fiche {text-align: center;}
.fiche-installteur .header-fiche p {margin-top: 0;}
.fiche-installteur .header-fiche .logo-fiche img {max-width: 100px;  border-radius: 5px; margin-bottom: 20px;}
.fiche-installteur .header-fiche .name-fiche {font-size: 24px !important; line-height: 35px; font-weight: 600; margin-bottom: 8px; color: #0f2e45;}
.fiche-installteur .header-fiche .list-string > li {color: #0f2e45;}
.fiche-installteur .content-fiche {padding-top: 30px;}
.fiche-installteur .content-fiche .menu-content-fiche {margin-bottom: 0; display: flex;}
.fiche-installteur .content-fiche .menu-content-fiche a {padding: 5px 15px; margin-right: 5px; border-radius: 5px 5px 0 0; z-index: 1; position: relative; margin-bottom: -1px; font-weight: bold; transition: 0s; border-bottom: solid 1px #112f46;}
.fiche-installteur .content-fiche .menu-content-fiche a:hover {color:var(--nv-primary-accent);}
.fiche-installteur .content-fiche .menu-content-fiche a.active {border: solid 1px #112f46; border-bottom: none;}
.fiche-installteur .content-fiche .menu-content-fiche a.active:after {content: ""; width: 100%; position: absolute; height: 4px; left: 0px; bottom: -3px; background: white;}
.fiche-installteur .content-fiche .inside-content-fiche > div {border: solid 1px #112f46; padding: 15px; border-radius: 0 0 5px 5px; display: none; text-align: left; font-size: 14px;}
.fiche-installteur .content-fiche .inside-content-fiche > div.active {display: block;}
.fiche-installteur .content-fiche .inside-content-fiche > div p {margin-bottom: 5px; margin-top: 0;}
.hc_bookBuilder_popup_background {backdrop-filter: blur(4px) !important; opacity: 1 !important; background-color: rgb(0 0 0 / 64%) !important;}
.content4-installateur form input:not(.button, .doc-nav-tabs), .content4-installateur form textarea {background: #F0F9FD;}
.bloc-no-reviews .btn-review {padding: 12px 30px; border-radius: 5px; color: white; font-weight: bold; cursor: pointer; text-align: center; background: #0f2f46;}
.leaflet-popup-content {margin: 10px !important;}
.leaflet-popup-content img {max-height: 30px; display: block; margin: auto;}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {background: rgb(255 255 255 / 65%) !important; box-shadow: none !important; backdrop-filter: blur(4px); border-radius: 5px !important;}
.leaflet-container a.leaflet-popup-close-button {width: 12px !important; height: 12px !important;}
.leaflet-container a.leaflet-popup-close-button span {display: block !important; line-height: 12px;}
.page-id-292 .hc_bookBuilder_template_html {background: #F9F9FB; padding-top: 50px;}
.page-id-292 header {background: white;}
.btn-creation-page {position: fixed; bottom: 0; z-index: 9; width: 100%; background: rgb(255 255 255 / 74%); backdrop-filter: blur(4px);}
.badge-certif-ok {margin: 0; display: flex; align-items: center; gap: 9px; background: #DDECF7; padding: 2px 10px; border-radius: 3px;}
.badge-certif-ok i {color: #1A66D2;}
.badge-certif-ok span {color: #1A66D2; font-weight: 500; font-size: 14px;}
.badge-certif-no {margin: 0; background: #FDEBEE; padding: 2px 10px; gap: 9px; display: flex; align-items: center; border-radius: 3px;}
.badge-certif-no i {color: #D83149;}
.badge-certif-no span {color: #D83149; font-weight: 500; font-size: 14px;}
.hc_bookBuilder_listing_block[data-hc-bookbuilder-post-id="20316"]:before {content:"\f06b";font-family: "Font Awesome 6 Pro"; font-weight: 500; position: absolute; background: var(--color-secondary-soft); color: var(--color-secondary); width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 5px; top: -23px; font-size: 21px; left: 75px;}
.hc_bookBuilder_listing_block[data-hc-bookbuilder-post-id="20316"] .listing-book-name:before {content:"50€ de remise en passant par ProBorne"; display: table; margin: auto; font-size: 14px; background: #ffffff; color: var(--color-secondary); background: var(--color-secondary-soft); padding: 3px 10px; margin-bottom: 10px; border-radius: 3px;}
.postid-20316 .infos-installateur:after {content: "En passant par Installateur Qualifié, vous bénéficiez d’une remise de 50€ sur l’installation d’une borne de recharge et 80€ sur l’installation de panneaux solaires avec Sorel Energies."; background: #dbe8e8; display: block; margin-top: 20px; color: #247857; padding: 8px 15px; border-radius: 3px; font-weight: 500; line-height: 1.3;}

.list-instal-borne h2 {margin-bottom: 0; font-size: 20px; font-weight: 500;}
.list-instal-borne .hc_bookBuilder_listing {padding: 0 !important;}
.list-instal-borne .hc_bookBuilder_listing .hc_bookBuilder_filterSet {padding: 20px 0 0 0; border: none !important;}

/* START PREVIEW */
.cv-preview .background-installateur {min-height: 200px;}
.cv-preview h1 {font-size: 40px;}
.cv-preview .container-page-installateur p, .cv-preview .container-page-installateur span {font-size: 14px; line-height: 20px;}
.cv-preview .content2-installateur, .cv-preview .content3-installateur, .cv-preview .content4-installateur {margin-top: 40px;}
.cv-preview .content-installateur h2.big-h2 {font-size: 26px !important;}
.cv-preview .content2-installateur .col33 {margin: 0 8px;}
.cv-preview .content2-installateur .col33 p {margin-bottom: 10px;}
.cv-preview .container-page-installateur {margin-bottom: 0 !important;}

/* END PREVIEW */

.leaflet-control-attribution { display:none; }

@media screen and (min-width: 767px) {
    .card-slider[data-slider-items-count="0"] .cs-arrow,
    .card-slider[data-slider-items-count="1"] .cs-arrow,
    .card-slider[data-slider-items-count="2"] .cs-arrow,
    .card-slider[data-slider-items-count="3"] .cs-arrow {
        display:none;
}
}
    
@media screen and (max-width: 767px) {
    .content-installateur .disp-flex {flex-direction: column;}
    .content-installateur .num-assurance {flex-direction: column;}
    .content-installateur .col33 {width: 100% !important;}
    .info-contact-instal p {margin: 15px 0;}
    .menu-installateur .flex-menu-instal ul {display: none;}
    .menu-installateur .flex-menu-instal {justify-content: center;}
    .cv-preview .content2-installateur .col33 {margin: 15px 0;}
    .content-installateur {flex-direction: column;}
    .content-installateur .content-left-installateur, .content-installateur .content-right-installateur {width: 100%;}
    .container-page-installateur h1 span {line-height: 40px; font-size: 30px !important;}
    .container-page-installateur h2 {font-size: 20px;}
    .book-galeries-img img {width: 100%;}
    .book-galeries-img img:not(:last-child) {margin-bottom: 30px;}
    .num-assurance .col33 p {font-size: 14px;}
    .content-installateur h2.big-h2 {font-size: 26px !important;}
    .content2-installateur, .content3-installateur, .content4-installateur, .content-installateur-equipe {margin-top: 40px;}
    .page-id-292, .page-id-292 .wrapper {overflow: initial !important;}
    .info-page-exemple p {font-size: 12px; line-height: 19px;}
    .bottom-title-instal {flex-direction: column;}
    .services-fiche {font-size: 14px;}
    .infos-installateur .flex-infos-instal {flex-direction: column; justify-content: center; gap: 10px;}
    .infos-installateur .flex-infos-instal > div {width: 100%;}
    .infos-installateur .flex-infos-instal .logo-instal {max-width: 100%; text-align: center; justify-content: center; background: transparent;}
    .infos-installateur .flex-infos-instal .content-infos-instal {text-align: center;}
    .infos-installateur .review-infos-instal .btn-review {display: table; margin: auto;}
    .expertise-instal {flex-direction: row; flex-direction: column; gap: 0;}
    .expertise-instal > .col33:not(:first-child) {margin-top: 20px;}
    .expertise-instal > div img {max-height: auto; min-width: 30px; width: 30px;}
    .album .card-slider .carousel {margin-left: 0; margin-right: 0; grid-auto-columns: calc(50% - 8px);} 
    .album .card-slider .cs-arrow-right i {right: -20px;}
    .album .card-slider .cs-arrow-left i {left: -20px;}
    .card-slider[data-slider-items-count="0"] .cs-arrow,
    .card-slider[data-slider-items-count="1"] .cs-arrow,
    .card-slider[data-slider-items-count="2"] .cs-arrow {display:none;}
}
@media screen and (max-width: 450px) {
    .album .card-slider .carousel {margin-left: 0; margin-right: 0; grid-auto-columns: 100%;}
    .card-slider[data-slider-items-count="0"] .cs-arrow,
    .card-slider[data-slider-items-count="1"] .cs-arrow {display:none;}
    .notice-ep-subscribe {font-size: 14px;}
}
@media screen and (max-width: 400px) {
    .expertise-instal > div {max-width: 100%;}
}
/* END PAGE INSTALLATEUR */


/* START LISTING INSTALLATEUR */
.archive {background: #F8FAFD;}
.archive header {background: white;}
.archive .hc_bookBuilder_listing_blocks.displayAsGrid .hc_bookBuilder_listing_block:nth-of-type(n+3) {margin-top: 50px;}
.archive .hc_bookBuilder_listing_block {width: 48%;}
.hc_bookBuilder_listing { max-width:1300px; margin:auto; padding: 50px 20px !important;}
.hc_bookBuilder_listing .hc_bookBuilder_listing_block {padding: 20px; background: white; border: solid 1px #ecedf2; border-radius: 5px; text-decoration: none !important; text-align: center; position: relative; cursor:inherit; transition: .4s;}
.hc_bookBuilder_listing .hc_bookBuilder_listing_block a {text-decoration: none !important; color: #0f2f44;}
.hc_bookBuilder_listing .hc_bookBuilder_listing_block:hover {box-shadow: 0px 6px 20px 0px rgba(41.99999999999999,56.99999999999999,70,.08);}
.hc_bookBuilder_listing .hc_bookBuilder_listing_block .cadre-photo  {top: -60px; position: relative; margin-bottom: -60px;}
.hc_bookBuilder_listing .hc_bookBuilder_listing_block .inside-cadre-photo {width: 100px; height: 100px; border: solid 1px #ecedf1; border-radius: 5px; padding: 10px; margin: auto; position: relative; background: white;}
.hc_bookBuilder_listing .hc_bookBuilder_listing_block .book-thumbnail {background-size: contain; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat;}
.hc_bookBuilder_listing .hc_bookBuilder_listing_block .dashicons-star-filled {display: none;}
.hc_bookBuilder_listing .hc_bookBuilder_listing_block .listing-book-name {font-size: 20px; margin-top: 20px; font-weight: bold; margin-bottom: 0; color: #0f2e45;}
.hc_bookBuilder_listing .hc_bookBuilder_listing_block[data-hc-bookbuilder-post-level="1"]:after, .hc_bookBuilder_listing .hc_bookBuilder_listing_block[data-hc-bookbuilder-post-level="2"]:after {content: "\f336"; font-family: "Font Awesome 6 Pro"; font-weight: 500; position: absolute; background: #DDEBF7; color: #1A65D1; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 5px; top: -23px; font-size: 21px; left: 20px;}
.hc_bookBuilder_listing .hc_bookBuilder_listing_block:hover {color: inherit;}
.hc_bookBuilder_listing .hc_bookBuilder_listing_block .info-listing {background: var(--color-bg); border-radius: 5px; padding: 15px;}
.hc_bookBuilder_listing .hc_bookBuilder_listing_block .info-listing .p {margin-bottom: 5px; font-size: 14px; text-align: left;}
.hc_bookBuilder_filterSet {width: 300px; float: left; background: white; padding: 20px; border: solid 1px #ecedf2; border-radius: 10px; margin-right: 20px;}
.hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter .hc_bookBuilder_filter_label { display:none; }
.hc_bookBuilder_filterSet > ul {display: flex; width: auto; margin: 0; border-radius: 5px; padding: 0; align-items: baseline; list-style-type: none; gap: 20px;}
.hc_bookBuilder_listing .hc_bookBuilder_filterSet > ul {flex-direction: column;}
.hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter_multiselect .multiselect {display: flex; flex-direction: column; width: 100%;}
.hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter_multiselect,
.hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter_text {width: 100%;}
.hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter_multiselect select, 
.hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter_text input, .multiselect .select-values {min-width: 120px; background: #f8fafd; padding: 10px !important; border: solid 1px #DDECF7 !important; color: #061c2b !important; width: 100%; min-height: 55px !important; border-radius: 3px; font-weight: 500; font-size: 14px; line-height:35px !important;}

.multiselect .select-values {
	padding-bottom:2px !important;
}
.multiselect .select-values::before {line-height:35px !important; top:7px !important; right:10px !important; content: "\f0dd" !important; font-weight: 600 !important; font-family: "Font Awesome 6 Pro" !important; font-size: 14px !important;}
.multiselect .select-value {
	line-height:25px !important;
	margin-bottom:8px !important;
}




.div-load-more-books {width: 100%; text-align: center; display: block;}
.load-more-books.btn1 {margin: 30px auto 50px auto; display: table;}
.reset_filters {margin-top: 4px; margin-left: auto;}
.docbuilder-results-none {background: white; max-width: 500px; padding: 25px; border-radius: 5px; margin-bottom: 40px; text-align: center;}
.noresult-title {font-size: 18px; font-weight: bold;}
.hc_bookBuilder_listing_loader,
.hc_bookBuilder_add_loader {-webkit-animation: rotation 1.3s infinite linear;}


.listing-book-popup {
	display:table;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:999999999;
}
.listing-book-popup.listing-book-popup-hidden {
	display:none;
}
.listing-book-popup > div {
	display:table-cell;
	vertical-align:middle;
}
.listing-book-popup .popup-background {
	background-color:black;
	opacity:0.7;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.listing-book-popup .popup-main {
	margin:auto;
	position:relative;
    cursor: initial;
}
.listing-book-popup .popup-close {
	margin:auto;
}

.listing-book-popup .popup-close:hover {
    color: white;
    border-color: white;
}

.hc_bookBuilder_listing_blocks.displayAsGrid .hc_bookBuilder_listing_block:nth-of-type(n+4) {
	margin-top:50px;
}

.hc_bookBuilder_listing .listingCountResults {
    display: inline-block;
    line-height: 50px;
    margin: 10px 0 10px 1%;
} 

.select-checkboxes-ok, .select-checkboxes-head {display: none;}


.hc_bookBuilder_multiselect .select-checkboxes label:hover, .hc_bookBuilder_multiselect .select-checkboxes label:hover span {background-color: transparent !important; color: #0E2F46 !important;}
.hc_bookBuilder_multiselect .select-checkboxes label {font-size: 15px !important; line-height: 22px !important; cursor: pointer; padding: 5px 15px !important; display: block; margin-bottom: 0 !important; transition: .3s;}
.hc_bookBuilder_multiselect .select-checkboxes label:hover {background: #f8fafd !important;}
.hc_bookBuilder_multiselect .select-value {background-color: #dadfe3 !important; border: none !important; padding: 2px 25px 2px 5px !important; color: #0f2f45;}
.hc_bookBuilder_multiselect .remove-select-value {top: 4px !important; right: 4px !important; color: #0f2f45 !important; background-color: transparent !important; border: none !important; }
.hc_bookBuilder_multiselect .remove-select-value:before {content: "\f00d"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 12px;}
.hc_bookBuilder_filterSet .hc_bookBuilder_filter_multiselect .select-checkboxes {background-color: #ffffff; position: absolute; width: 100%; margin-top: 6px; border-radius: 5px; max-height: 300px; overflow: auto;}
.hc_bookBuilder_filterSet .hc_bookBuilder_filter_multiselect label {line-height: 16px; font-size: 14px;}
.hc_bookBuilder_filterSet .hc_bookBuilder_filter select {-webkit-appearance: none; height: 40px; line-height: 16px; width: 100%;}

body.single-installateur .hc_bookBuilder_template_html img:not(.hc_bookbuilder_review_icon):not(.img_fullscreen) {
	cursor:pointer;
}

.img_fullscreen {
	max-width: 80vw;
    max-height: 80vh;
}

.img_fullscreen_container > i.left{
  left: 100px;
}

.img_fullscreen:not(.active) {
	display:none;
}

.img_fullscreen_container > i.right{
  right: 100px;
}

@media screen and (max-width: 1200px) {
    .hc_bookBuilder_listing_block {width: 48% !important;}
}

@media screen and (max-width: 1000px) {  
	.hc_bookBuilder_listing_block:nth-of-type(3) {
		margin-top:50px;
	}
}

@media screen and (max-width: 700px) {  
	.hc_bookBuilder_listing_block:nth-of-type(2) {
		margin-top:50px;
	}
    .hc_bookBuilder_listing_block {width: 100% !important;}
    .listingButtons{display: none;}
}



@media screen and (max-width: 970px) { 
	.docbuilder-filters {position: absolute; left: 0; width: 100%;}
    .docbuilder-results  {padding-top: 130px;}
    .docbuilder-results .list-block {width: 48%;}
    .docbuilder-filters .docbuilder-filters-inside {padding: 20px; overflow-x: scroll; margin-right: -15px; background: transparent; border: none; flex-wrap: nowrap; align-items: flex-start; margin-left: -15px; position: relative; align-items: center;}
    .docbuilder-filters .docbuilder-filters-inside::-webkit-scrollbar{display: none;}
    .reset_filters {margin: 0 !important;}
    .docbuilder-filters .docbuilder-filters-inside div {width: 100%;}
    .docbuilder-filters .docbuilder-filters-inside div input:not([type=checkbox]), .docbuilder-filters .docbuilder-filters-inside select.filter {width: 100%; background: white; -webkit-appearance: none; height: 55px;}
    .docbuilder-filters .docbuilder-filters-inside div input:not([type=checkbox]), .docbuilder-filters .docbuilder-filters-inside div select {margin-bottom: 0;}
    .select-multiple.open .select-checkboxes, .select-multiple label {position: relative; top: 0; background: white !important;}
    .docbuilder-filters .select-multiple .select-container:after {content:"\f107"; font-weight: 400; font-family: "Font Awesome 6 Pro"; position: absolute; right: 10px; top: 16px; transition: 0.3s; background: white; padding-left: 5px;}
    .docbuilder-filters .select-multiple.open .select-container:after {rotate: 180deg;}
    /*
    .select-checkboxes-btn-ok {display: table; background: #0E2E45; margin:auto; padding:8px 20px; border-radius:5%; color:white !important; font-weight:600; font-size: 18px;}
    .docbuilder-filters .select-multiple.open .select-checkboxes, .docbuilder-filters .select-multiple label {display: flex !important; flex-direction: column;}
    .docbuilder-filters .select-multiple label {display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: flex-end; line-height: 26px;font-size: 20px; padding: 5px 30px;}
    .docbuilder-filters .select-multiple .select-checkboxes input {height: 20px; min-width: 30px; margin-right: 0 !important; margin-left: auto;}
    .docbuilder-filters .select-multiple .select-checkboxes {background-color: #f6f7fd; border-left: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding: 0px; position: fixed; z-index: 10; left: 0; width: 100%; height: 100%; top: 0;}
    .docbuilder-filters .div-text.div-filter, .docbuilder-filters .docbuilder-filters-inside .div-select {min-width: 40%;}
    .docbuilder-filters .select-checkboxes-head {border-bottom: solid 1px #ECEDF2; padding: 0px;}    
    .select-checkboxes-head {display: flex; align-items: center; margin-bottom: 30px;}
    .select-checkboxes-head p {margin-bottom: 0;}
    .select-checkboxes-head .select-checkboxes-ok {margin-left: auto;}
    .select-checkboxes-title {font-size: 20px; padding: 15px 30px; font-weight: bold;}
    .select-checkboxes-close {margin-left: auto; padding: 15px 30px; border-left: solid 1px #f4f5f7;}
    .div-select, .div-text {margin-right: 10px;}
	.hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter_multiselect > label { margin-right:0; }
    .hc_bookBuilder_filterSet .hc_bookBuilder_filter_multiselect .select-container:after {content:"\f107"; font-weight: 400; font-family: "Font Awesome 6 Pro"; position: absolute; right: 10px; top: 16px; transition: 0.3s; background: #F0F9FD; padding-left: 5px;}
    .hc_bookBuilder_filterSet .hc_bookBuilder_filter_multiselect .multiselect.open .select-container:after {rotate: 180deg;}
    */
}

@media screen and (max-width: 567px) { 

    .hc_bookBuilder_filterSet .hc_bookBuilder_filter_multiselect .select-container:after {display: none;}
	.hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter_multiselect select, .hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter_text input {border-width: 1px; min-height: 55px; padding: 0 10px;}
    .hc_bookBuilder_filterSet > ul { padding: 20px; overflow-x: scroll; background: transparent; border: none; flex-wrap: nowrap; align-items: flex-start; margin-left: -15px; position: relative; margin-bottom:0; gap: 5px;}
    .hc_bookBuilder_filterSet > ul::-webkit-scrollbar{display: none;}
    .hc_bookBuilder_filterSet .reset_filters {margin: 0 !important;}
    .hc_bookBuilder_filterSet > ul div input:not([type=checkbox]), .hc_bookBuilder_filterSet > ul select.filter {width: 100%; background: white; -webkit-appearance: none; height: 55px;}
    .hc_bookBuilder_filterSet > ul div input:not([type=checkbox]), .hc_bookBuilder_filterSet > ul div select {margin-bottom: 0;}
    .docbuilder-results .list-block {width: 100%;}
    .hc_bookBuilder_filterSet {width: 100%; float: none; min-width: 100%;}
    .hc_bookBuilder_listing_blocks { margin-top: 80px !important;}
    .hc_bookBuilder_listing .hc_bookBuilder_filter {min-width: 40%;}
    /*
    .hc_bookBuilder_filterSet .select-checkboxes-head {border-bottom: solid 1px #ECEDF2; padding: 0px;}
    .hc_bookBuilder_filterSet .select-checkboxes-head {display: flex; align-items: center; margin-bottom: 30px;}
    .hc_bookBuilder_filterSet .select-checkboxes-head p {margin-bottom: 0;}
    .hc_bookBuilder_filterSet .select-checkboxes-head .select-checkboxes-ok {margin-left: auto; display: block;}
    .hc_bookBuilder_filterSet .select-checkboxes-title {font-size: 20px; padding: 15px 30px; font-weight: bold;}
    .hc_bookBuilder_filterSet .select-checkboxes-close {margin-left: auto; padding: 15px 30px; border-left: solid 1px #f4f5f7;}
	
    .hc_bookBuilder_filterSet .hc_bookBuilder_filter_multiselect .select-checkboxes input {height: 20px; min-width: 30px; margin-right: 0 !important; margin-left: auto;}
    .hc_bookBuilder_filterSet .hc_bookBuilder_filter_multiselect .select-checkboxes {background-color: #F0F9FD; border-left: 1px solid #F0F9FD; border-bottom: 1px solid #F0F9FD; border-right: 1px solid #F0F9FD; padding: 0px; position: fixed !important; z-index: 999999; left: 0; width: 100%; height: 100%; top: 0 !important;}
    */
    .hc_bookBuilder_filterSet .select-checkboxes-btn-ok {display: table; background: #0E2E45; margin:auto; padding:8px 20px; border-radius:5%; color:white !important; font-weight:600; font-size: 18px;}
    .hc_bookBuilder_filterSet .hc_bookBuilder_filter_multiselect .multiselect.open .select-checkboxes, 
	.hc_bookBuilder_filterSet .hc_bookBuilder_filter_multiselect label {display: flex !important; flex-direction: column;}
    .hc_bookBuilder_filterSet > ul .hc_bookBuilder_filter_multiselect label {display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: flex-end; line-height: 26px;font-size: 20px;}
    .hc_bookBuilder_filterSet .div-text.div-filter, .hc_bookBuilder_filterSet > ul .div-select {min-width: 40%;}
    .hc_bookBuilder_filterSet .hc_bookBuilder_filter_multiselect, 
	.hc_bookBuilder_filterSet .hc_bookBuilder_filter_text {margin-right: 0px;}
    
	
}
/* END LISTING INSTALLATEUR */


/* START PROGRAMME */
.header-pf {padding: 100px 0 50px 0; display: flex; align-items: center;}
.header-pf #breadcrumbs {margin-bottom: 0px; margin-top: 0;}
.header-pf .disp-flex {align-items: center;}
.header-pf .disp-flex .col50 {position: relative;}
.header-pf .disp-flex h1 {font-size: 45px !important; line-height: 55px; margin-bottom: 25px;}
.header-pf .disp-flex img {margin: auto; display: block; width: 100%;}
.intro-pf {font-size: 18px; line-height: 28px; color: #0f2e45; margin-bottom: 45px;}
.av-pf {padding: 50px 0; display: flex; align-items: center;}
.av-pf p, .tarifs-pf p, .tarifs-pf li {color: #606082;}
.encadre-av-pf {padding: 20px;}
.encadre-av-pf i {background: #ffffff; border-radius: 50px; line-height: 50px; width: 50px; text-align: center; color: #1c1f51; font-size: 20px;}
.encadre-av-pf h3 {font-size: 20px; margin-bottom: 6px; color: #1c1f51;}
.title-service-pf h2 {margin-bottom: 0 !important;}
.title-service-pf h2 a {height: 100%; margin: 0; font-size: 20px !important; padding: 45px 15px 45px 30px; text-decoration: none !important; display: block; color: #0d2f45 !important; font-weight: bold; transition: 0.1s !important;}
.act-title-pf1 .a-service1, .act-title-pf2 .a-service2, .act-title-pf3 .a-service3 {color: white !important; background: #0d2f45; border-radius: 3px 3px 0 0;}
.service-pf {padding: 80px 0;}
.service-pf1, .service-pf2, .service-pf3 {display:none;}
.act-service-pf1 .service-pf1, .act-service-pf2 .service-pf2, .act-service-pf3 .service-pf3 {display:block !important;}
.service-pf .disp-flex .col50:first-child {margin-right: 20px;}
.service-pf .disp-flex .col50:last-child {margin-left: 20px;}
.service-pf .disp-flex {margin-bottom: 50px;}
.tarifs-pf {display: flex; align-items: center; padding: 70px 0;}
.tarifs-pf .bloc-tarif {width: 40%; border: solid 1px #DEDEDE; padding: 25px; border-radius: 20px; margin-top: 2%; margin-right: 2%; min-width: 335px; position: relative; display: flex; flex-direction: column;}
.tarifs-pf .bloc-tarif.bloc-tarif-essential {width: 58%; margin-right: 0; border: solid 2px #265aff;}
.tarifs-pf .bloc-tarif.bloc-tarif-essential .img-content-tarif img {max-width: 200px;}
.tarifs-pf .bloc-tarif.bloc-tarif-essential .sous-ul-offre {padding-bottom: 10px !important;}
.tarifs-pf .bloc-tarif.bloc-tarif-essential .sous-ul-offre li {padding: 0 0 0 30px !important;}
.tarifs-pf .bloc-tarif.bloc-tarif-essential .sous-ul-offre li i {background: transparent !important; color: #606082 !important;}
.tarifs-pf .footer-bloc-tarif a.btn-blue {color: white;}
.tarifs-pf .footer-bloc-tarif a.btn-link-rdv {background: none; border: none; font-size: 14px; padding: 0; color: #606083; font-weight: 500; text-decoration: underline !important;}


.tarifs-pf .bloc-tarif .footer-bloc-tarif {margin-top: auto;}
.bloc-tarif ul, body .gform_legacy_markup_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html .bloc-tarif ul {list-style: none !important; margin-left:0 !important}
.tarifs-pf .bloc-tarif .header-bloc-tarif {display: flex; width: 100%; border-bottom: solid 1px #dedede; min-height: 72px; padding-bottom: 20px;}
.tarifs-pf .bloc-tarif .header-bloc-tarif .title-bloc-tarif {width: 65%;}
.tarifs-pf .bloc-tarif .header-bloc-tarif .price-bloc-tarif {text-align: right; width: 35%;}
.price-ht {font-size: 12px; font-weight: 400; margin-left: 6px;}
.tarifs-pf .bloc-tarif .header-bloc-tarif .price-tarif {margin: 0; font-size: 25px; font-weight: bold; color: #1c1f51; position: relative;}
.tarifs-pf .bloc-tarif .header-bloc-tarif .old-price {color: #D83149; font-weight: 500; font-size: 14px; padding: 2px 10px; position: relative; top: -4px;}
.tarifs-pf .bloc-tarif .header-bloc-tarif .old-price:after {content:""; background: red; opacity: .4; width: 63px; height: 1px; display: block; position: absolute; top: 11px; left: 5px;}

.tarifs-pf .bloc-tarif .header-bloc-tarif .price-mensualite {font-size: 14px; color: #a2a0ad; margin-bottom: 0; margin-top: 0;}
.tarifs-pf .bloc-tarif .header-bloc-tarif .title-bloc-tarif p:first-child, .tarifs-pf .bloc-tarif .header-bloc-tarif .title-bloc-tarif h3 {margin: 0; font-size: 19px; font-weight: bold; color: #1c1f51;}
.tarifs-pf .content-bloc-tarif {padding: 20px 0;}
.tarifs-pf .content-bloc-tarif ul {padding: 0 !important;}
.tarifs-pf .content-bloc-tarif li {font-size: 15px; line-height: 24px; padding-bottom: 10px;}
.tarifs-pf .content-bloc-tarif ul li i {color: #1A66D2; border-radius: 3px; width: 20px; line-height: 20px; text-align: center;}
.tarifs-pf .content-bloc-tarif li i.fa-xmark {color: #D83149;}
.tarifs-pf .footer-bloc-tarif p {margin-bottom: 0;}
.tarifs-pf .footer-bloc-tarif label {display: block !important;}
body .gform_legacy_markup_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html .content-bloc-tarif ul li {list-style: none !important;}
.tarifs-pf .footer-bloc-tarif a {display: block; background: var(--color-secondary); text-align: center; padding: 10px; border-radius: 5px; text-decoration: none !important; border: solid 1px var(--color-secondary); color: white; font-weight: bold;}
.tarifs-pf .footer-bloc-tarif a.btn-blue {border-color: #0F2F46;}
.tarifs-pf .footer-bloc-tarif a:hover {background: transparent; color: #0d2f45;}
.service-pf h2, .service-pf p, .service-pf li {color: white;}
.btn-white {background: white; text-decoration: none !important; color: #0d3045; padding: 8px 30px; display: table; font-size: 18px; float: left; margin-right: 15px; border-radius: 3px; border: solid 1px white;}
.btn-white:hover {background: transparent; color: white; border: solid 1px white;}
.btn-slide-partenaire {margin: auto; margin-top: 30px; display: table; font-weight: bold; font-size: 16px;}
.tarifs-page-offres .tarifs-pf {display: block; min-height: auto; padding: 0;}
.tarifs-page-offres .tarifs-pf .list-offres .disp-flex {justify-content: center;}
.tarifs-page-offres h2 {font-weight: bold !important;}
.anim-notif {position: absolute; top: 9%; left: 17%;}
.anim-notif p {margin-bottom: 0;}
.anim-notif i {-webkit-animation: bell 1s 1s both infinite; animation: bell 1s 1s both infinite; color: #18294f; font-size: 30px;}
.anim-notif .notif-count {-webkit-animation: zoom 3s 3s both infinite; animation: zoom 3s 3s both infinite; margin-bottom: 0; background: #f4151b; border-radius: 50px; text-align: center; width: 18px; line-height: 18px; color: white; font-weight: bold; font-size: 12px; position: absolute; z-index: 2; top: -3px; right: -7px;}
.sans-engagement {margin-bottom: 0 !important; margin-top: 0;}
.mois-offerts {position: absolute; top: -14px; background: red; text-align: center; color: #f0f9fd !important; font-size: 16px; font-weight: bold; padding: 0 10px; border-radius: 3px; margin: 0;}
.h2-io {text-align: center; max-width: 900px; margin: 60px auto 30px auto;}
.sect-io {margin-bottom: 60px;}
.img-plaquette-io img {max-width: 175px; margin: 5px;}
.sect-io .disp-flex > div {background: white; padding: 30px; border-radius: 5px; text-align: center; position: relative;}
.sect-io .disp-flex > div:first-child:after {content:"ou"; position: absolute; right: -46px; top: 12%; background: #0f2534; color: white; padding: 10px 20px; border-radius: 5px; text-transform: uppercase; font-weight: bold; z-index: 9;}
.sect-io .disp-flex > div:first-child .title-io {margin-bottom: 40px;}
.title-io {font-size: 20px; font-weight: bold;}
.phone-io a {font-size: 21px; line-height: 26px; margin: 0px; display: block;}
.form-recontact {border-top: solid 1px #dedede; margin-top: 40px; padding-top: 30px; position: relative;}
.form-recontact .gchoice input {display: none !important;}
.form-recontact .gchoice label {font-size: 17px !important; border: solid 1px #0e2f44; padding: 10px 30px; border-radius: 50px; cursor: pointer; margin-bottom: 15px !important;}
.form-recontact input[type=tel] {background: #f0f9fc;}
.form-recontact .gform_footer {position: absolute; bottom: 0; right: 5px; padding: 0 !important;}
.form-recontact .gform_footer .button {border-radius: 5px !important;}

.sect-table-compar-offres {padding: 60px 0; overflow: hidden;}
.sect-table-compar-offres h2 {text-align: center;}
.table-compar-offres {border: solid 1px #0d3044; border-radius: 10px;}
.table-compar-offres p {margin: 0;}
.top-table-compar {display: flex; justify-content: flex-end; padding: 8px 0 8px 20px; background: #0c3144; border-radius: 8px 8px 0 0;}
.top-table-compar p {color: white; font-weight: 600; font-size: 18px; line-height: 28px; width: 200px; text-align: center;}
.title-table-compar {padding: 20px 20px 8px 20px; border-bottom: solid 1px #dedede;}
.title-table-compar p {font-size: 18px; font-weight: 600; color: #0b3245;}
.contenu-table-compar {display: flex;justify-content: flex-end; border-bottom: solid 1px #dedede;}
.contenu-table-compar p:nth-child(1) {padding: 8px 20px; border-right: solid 1px #dedede; width: 100%;}
.contenu-table-compar p:nth-child(2) {padding: 8px 20px; border-right: solid 1px #dedede; min-width: 200px; text-align: center;}
.contenu-table-compar p:nth-child(3) {padding: 8px 20px; min-width: 200px; text-align: center;}
.contenu-table-compar .fa-check {background: #DDECF7; color: #1A66D2; width: 22px; height: 22px; line-height: 20px; text-align: center; border-radius: 3px;}
.contenu-table-compar .fa-xmark {background: #FDEBEE; color: #D83149; width: 22px; height: 22px; line-height: 20px; text-align: center; border-radius: 3px;}
.sect-why-offres {padding: 60px 0; text-align: center;}
.icon-why-offres i {width: 50px; height: 50px; background: #43428f; border-radius: 10px; display: flex; justify-content: center; align-items: center; margin: auto; color: #f8fafd; font-size: 20px;}
.title-why-offres {font-weight: bold; color: #0f2f45; margin-top: 25px; margin-bottom: 0;}
.desc-why-offres {margin-top: 10px;}
.sect-faq-offres {padding: 60px 0;}
.tarif-toggle {display:flex; gap:8px; align-items:center; justify-content:flex-end; margin:10px 0 0; position: absolute; top: -55px; right: 0;}
.tarif-toggle-btn {border:1px solid rgba(28,31,81,.2); background:#fff; color:#1c1f51; padding:8px 12px; border-radius:999px; font-weight:600; cursor:pointer; line-height:1;}
.tarif-toggle-btn.is-active {background:#2458FF; border-color:#2458FF; color:#fff;}




@media screen and (min-width: 767px) {
    .header-pf .disp-flex .col50:first-child {margin-right: 20px;}
    .header-pf .disp-flex .col50:last-child {margin-left: 20px;}
    body, body > .wrapper {overflow: initial !important;}
}

@media screen and (max-width: 767px) {
    .header-pf .disp-flex .col50:last-child {margin-top: 30px;}
    .anim-notif {top: 7%; left: 12%;}
    .anim-notif i {font-size: 20px;}
    .anim-notif .notif-count {width: 14px; line-height: 14px;}
    .sect-io .disp-flex {flex-direction: column;}
    .sect-io .disp-flex > div {width: 100%;}
    .sect-io .disp-flex > div:first-child:after {right: calc(50% - 30px); top: auto; bottom: -37px;}
    .sect-why-offres .disp-flex {flex-direction: column;}
    .sect-why-offres .disp-flex > div {width: 100% !important;}
    .contenu-table-compar p:nth-child(1) {width: 200px; min-width: 200px;}
    .contenu-table-compar p:nth-child(2), .contenu-table-compar p:nth-child(3) {width: 120px; min-width: 120px;}
    .title-table-compar, .top-table-compar, .list-table-compar {width: 440px;}
    .table-compar-offres {overflow: auto;}
    .top-table-compar p {width: 120px;}
}

/* FORM PAIEMENT */
.buy-form .gform_wrapper ul.gfield_checkbox li label, .buy-form .gform_wrapper ul.gfield_radio li label {padding: 7px; width: 100%; border: solid 2px #5282FA; border-radius: 0px; font-size:15px}
.label-mode-paiement {text-transform: uppercase; text-align: center;}
.mode-paiement .gfield_label {display:none !important}
.mode-paiement ul li input {display:none !important}
.mode-paiement ul {display:flex !important; width:100%;}
.mode-paiement ul li {flex-basis: 100%;}
.mode-paiement {margin-bottom: 30px !important; padding: 10px 40px !important;}
.mode-paiement .gchoice:first-child {padding: 0 7px 0 0 !important;}
.mode-paiement .gchoice:last-child {padding: 0 0 0 7px !important;}
.mode-paiement .gchoice label {padding: 10px 15px !important; border-radius: 3px; background: #f6f7fd; border-bottom: solid 3px #dadce1; margin: 0; filter: opacity(0.8); width: 100% !important; max-width: 100% !important; text-align: left; position: relative; margin: 0 !important;}
.mode-paiement .gchoice input[type=radio]:checked+label:after {content: "\f058"; font-family: "Font Awesome 6 Pro"; font-weight: 900; -webkit-font-smoothing: antialiased; display: inline-block; position: absolute; top: 6px; color: #1b65d2; right: 9px; font-size: 20px;}
.mode-paiement .gchoice input[type=radio]:checked+label {background: #f6f7fd; color: #1a66d2; border-bottom: solid 3px #1a66d2; filter: opacity(1);}
.mode-paiement ul.gfield_radio #label_5_2_0:before {content: ""; background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/logo-cb.webp'); background-size: contain; background-repeat: no-repeat; padding-right: 35px;}
.mode-paiement ul.gfield_radio #label_5_2_1:before {content: ""; background: url('https://installateur-qualifie.com/wp-content/uploads/2023/05/paypal-logo.webp'); background-size: contain; background-repeat: no-repeat; padding-right: 35px;}
.mode-paiement ul.gfield_radio li label {font-size: 15px;}
.bloc-paiement, #gform_wrapper_5 .gform_footer {visibility: hidden; height:0px; padding: 0 !important;}
#gform_wrapper_5 .popup-paiement .gform_footer {padding: 20px 40px 40px 40px !important;}
.popup-paiement .form-paiement {padding: 20px 40px 5px 40px !important;}
#input_5_14_5 {background-color: #f6f7fd; height: 40px; border-radius: 3px; box-shadow: none; margin-bottom: 0 !important; margin-top: 10px; font-size: 14px !important; font-family: sans-serif !important; color: black;}
#field_5_18 {padding-top: 6px !important;}
#field_5_18 .address_country {width: 100%; padding-right: 0;}
#field_5_18 .address_country select {font-size: 14px; color: #757575; font-weight: bold; background: #f6f7fd; border-radius: 3px;}
.popup-paiement .bloc-paiement, #gform_wrapper_5 .popup-paiement .gform_footer {visibility: inherit; height: auto;}
.popup-paiement .bloc-paiement, #gform_wrapper_5 .popup-paiement .gform_footer {display:block;}
.popup-paiement-container {width:100vw; height:100vh; position:fixed; z-index:999; top:0; left:0; text-align:center;}
.popup-paiement-background {background-color:black; opacity:0.8; width:100%; height:100%; z-index:999; position:absolute; top:0; left:0;}
.helper {vertical-align:middle; display:inline-block; height:100%;}
.popup-paiement {vertical-align:middle; display:inline-block; z-index:9999999999; position:relative; background-color: white; width: 500px; border-radius: 5px; border: 1px solid #ECEDF2; max-height: 90%; overflow: scroll;}
.popup-paiement::-webkit-scrollbar {display: none;}
.popup-paiement-close {position:absolute; top:0; right:0; width: 30px; height: 30px; background-size: cover; margin: 5px; border-radius: 50%; cursor:pointer; z-index:999;}
.popup-paiement-close:before {content: "\f057"; font-family: "Font Awesome 6 Pro"; font-weight: 900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; position: relative; color: #1f2225; font-size: 26px; transition: 0.4s;}
#gform_wrapper_5 #input_5_2 {margin:0;}
#gform_wrapper_5 .gchoice_5_2_0,
#gform_wrapper_5 .gchoice_5_2_1 {cursor:pointer;}
#gform_wrapper_2 #field_5_8 {list-style-type:none;}
.popup-paiement-title {color: #202225; padding: 35px 0 0 0; width: 100%; border-radius: 0;}
.gform_legacy_markup_wrapper span.ginput_total {color: #ffffff !important; font-size: 16px; font-weight: 500; background: #1f2225; padding: 3px 10px; border-radius: 3px; position: relative;}
.gform_legacy_markup_wrapper span.ginput_total:after {content:"TTC / an"; font-size: 12px; margin-left: 5px;}
.gform_legacy_markup_wrapper span.ginput_total:before {content:"Sans engagement"; font-size: 13px; position: absolute; bottom: -24px; color: black; width: 100%; left: 0; text-align: center; font-weight: bold;}
.popup-paiement-title-offre {font-size: 20px; font-weight: bold;}
.notice_important {color: #0d2f44; background-color: var(--color-secondary); padding:10px 20px; border-radius: 3px;}
div.notice_important {margin-bottom: 10px;}
.notice_important p, .notice_important li {color:white;}
.notice_important a {color: #0d2f44 !important; text-decoration: underline;}
.StripeElement {padding: 20px 15px !important; background-color: #F6F7FC !important; border: none !important; height: auto !important;}
#field_5_2 {padding-top: 5px !important;} 
#field_5_14 {padding-top: 0px !important;} 
.mode-paiement-title {text-align: center; color: #202123; text-transform: uppercase; font-weight: bold; margin:0; font-size: 15px;}
.champs-stripe #input_2_8_5, .champs-stripe #input_5_8_5 {border-radius: 2px !important; background:white !important; box-shadow: none !important; border: 1px solid #bbb !important; height:40px !important}

form input:not(.button, .doc-nav-tabs, .doc-submit, .gfield-choice-input), form select, form textarea {min-height: 55px !important; padding: 10px 20px !important; border-radius: 5px;}
form input:not(.button, .doc-nav-tabs, .doc-submit, .gfield-choice-input, .hc_bookBuilder_geoloc_error), form select, form textarea {background: #ffffff; border: solid 1px #DDECF7 !important;}


.hc_bookBuilder_form_field_textarea textarea {min-height: 120px !important; max-width: 100% !important;}
.alrt-bloc-free {width: 100vw; height: 100vh; position: fixed; z-index: 99; top: 0; left: 0; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: rgb(0 0 0 / 80%);}
.alrt-bloc-free-active {display: flex !important;}
.inside-alrt-bloc-free {background: white; padding: 25px; border-radius: 5px;}
.alrt-free-warning {font-size: 18px; color: #ce0000; margin-bottom: 5px;}
.alrt-free-title {font-size: 20px; font-weight: bold; max-width: 380px; margin: 0 auto 20px auto;}
.alrt-free-txt {max-width: 400px; margin: auto;}
body .gform_legacy_markup_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html .alrt-free-ul li {list-style: none !important; font-weight: bold;}
.alrt-free-ul li .fa-check {color: green;}
.alrt-free-ul li .fa-xmark {color: red;}
.alrt-free-btn {background: var(--color-secondary); display: table; margin: 20px auto 0 auto; padding: 8px 20px; border-radius: 3px; border: solid 1px var(--color-secondary); font-weight: bold;}
.alrt-free-btn:hover {background: transparent; color: #0D2E44;}
.alrt-free-next {font-weight: bold; margin-top: 5px; font-size: 14px;}
.qty-lead select {background: #f6f7fd; border-radius: 3px; margin-top: 5px; max-width: 170px;}


/* END PAIEMENT */


@media screen and (max-width: 767px) {
    .header-pf {text-align: center;}
    .header-pf .btn1 {margin: auto;}
    .header-pf, .av-pf {padding: 70px 0;}
    .header-pf .disp-flex {flex-direction: column;}
    .header-pf .disp-flex .col50 {width: 100%;}
    .header-pf .disp-flex h1 {font-size: 25px !important; line-height: 35px;}
    .av-pf .disp-flex, .service-pf .disp-flex, .tarifs-pf .disp-flex {flex-direction: column;}
    .av-pf .disp-flex .col33, .service-pf .disp-flex .col50, .tarifs-pf .bloc-tarif {width: 100% !important;}
    .tarifs-pf .footer-bloc-tarif p {width: 100% !important; margin-top: 0;}
    .service-pf .disp-flex .col50 {margin: 20px 0 !important;}
    .title-service-pf {display: none;}
    .service-pf1, .service-pf2, .service-pf3 {display: block !important;}
    .tarifs-pf h2 {text-align: center;}
    .tarifs-pf .bloc-tarif {margin-bottom: 20px;}
    .msg-ep-sub p {display: flex; text-align: left; align-items: center;}
    .msg-ep-sub p span {width: 100%; font-size: 12px; line-height: 15px; padding-right: 15px;}
    .msg-ep-sub .btn-msg-ep {font-size: 12px;}
    .msg-ep-sub .close-msg-ep{width: 12px; margin-right: 0 !important;}
    .popup-paiement {width: 90%;}
    .popup-paiement .form-paiement {padding: 20px 20px 5px 20px !important}
    .header-pf #breadcrumbs {text-align: center;}
    .tarifs-pf .bloc-tarif.bloc-tarif-essential {margin-top: 55px;}
}
/* END PROGRAMME */

/* START FORM CREATION COMPTE */
.hc_bookBuilder_form_form-crea-compte .hc_bookBuilder_form_fields_container, .hc_bookBuilder_form_form-crea-compte .hc_bookBuilder_form_field {background-color: transparent !important;}
.hc_bookBuilder_form_form-crea-compte .hc_bookBuilder_form_footer input[type=submit] {display: table; width: auto; border: none !important; margin: auto; padding: 10px 20px !important; font-weight: bold !important;}
.hc_bookBuilder_form_form-crea-compte {max-width: 1000px !important;}
.hc_bookBuilder_form_form-crea-compte ul.steps {background: white; padding: 40px; border-radius: 5px; border: solid 1px #ecedf2; margin-bottom: 40px}
.hc_bookBuilder_form_form-crea-compte .hc_bookBuilder_form_fields_container_address {clear: both; width: 100% !important;}
.hc_bookBuilder_form_fields_container_thumbnail .image_block  {width: 150px; height: 150px; border-radius: 3px; padding: 5px;}
.hc_bookBuilder_form_fields_container_thumbnail .image_thumbnail {left: 0; top: 0; width: 148px; height: 148px; margin: auto; border-radius: 3px; background-size: contain; background-repeat: no-repeat; width: 150px; height: 150px;}
.hc_bookBuilder_form_fields_container_thumbnail .image_block:before {font-size: 12px; line-height: 18px;}
body .hc_bookBuilder_form .notices .hc_bookBuilder_form_notice.error {background: none !important; border: none !important; padding: 0 !important;}
body .hc_bookBuilder_form .notices .hc_bookBuilder_form_notice.error span {color: var(--color-secondary) !important; display: block;}
body .hc_bookBuilder_form .notices .hc_bookBuilder_form_notice.error span:before {content: "\f06a"; color: var(--color-secondary); padding-right: 8px; font-family: "Font Awesome 6 Pro"; font-weight: 400;}


/* END FORM CREATION COMPTE */


/* END FORMULAIRES */

@media screen and (min-width: 960px) {
    .wpmenucart-contents {display: none !important;}
    .only-mobile {display: none !important;}
}
    

@media screen and (max-width: 1650px) and (min-width: 960px) {
	.builder-item--primary-menu {font-size: 14px !important;}
}


@media screen and (max-width: 767px) {
	h1 {font-size: 35px !important; line-height: 45px;}
	.btn-home a {margin: auto; padding: 10px 15px; font-size: 15px;}
	.home-av, .home-pdts {padding: 30px 0 !important;}
    .block-etp {display: none !important;}
    .coupon {background: white !important}
    .home-aide {display: block; position: relative; width: 100%;}
    .home-aide a{font-size: 16px;}
    .child-thumb, .home-fiche .child-thumb, .home-fiche-more {width: 98% !important; float: none !important;}
    .home-fiche .home-fiche-more i {margin-top: 50px !important; left: auto !important;}
    .home-fiche .home-fiche-more {min-height: auto !important;}
    .slide-home {margin: 0 !important;}
    .list-bloc-txt-home ul li {width: 48%; margin: 1%;}
    .where-instal .disp-flex {flex-direction: column;}
    .where-instal .disp-flex .col33 {width: 100%;}
    .inside-etp-txt .wpb_wrapper {flex-direction: column;}
    .inside-etp-txt h3:after {left: 0px; top: -5px;}
    .inside-etp-txt h3 {padding-left: 40px; padding-right: 0; margin-bottom: 5px; width: 100%; font-size: 16px;}
    .inside-etp-txt p {padding-left: 45px; margin-left: 14px;}
    .inside-etp-txt {flex-direction: column}
    table {display: block; overflow: overlay;}
    .btn-fixed {display: none;}
    .home-ccm .disp-flex {flex-direction: column;}
    .home-ccm .disp-flex .col25 {width: 100%; margin: 40px 0 0 0;}
    .top-contact .disp-flex {flex-direction: column;}
    .top-contact .disp-flex .col33 {width: 100%; margin: 10px 0;}
    .form-contact {padding: 20px; margin: 30px 15px;}
    .faq-page .accordion-content h2 {font-size: 18px;}
    .faq-page .accordion-content {padding: 10px 20px;}
    .faq-page .accordion-content h3 {font-size: 16px;}
    .cta-ville form .button {padding: 0 10px !important; line-height: 38px !important; font-size: 12px !important; top: 6px;}
    .home-form-search #gform_wrapper_22 form .gform_footer input {padding-left: 15px !important; padding-right: 15px !important;}
}

@media screen and (max-width: 960px) {
    .btn-p1, .btn-p2 {float: none; display: block; text-align: center; margin: 0 0 10px 0 !important;}
    .wpmenucart-contents {background: transparent !important; color:var(--nv-text-color) !important;}
    .header-menu-sidebar-inner li:hover>a:after {display:none !important;}
    .header-menu-sidebar-inner .nav-menu-primary .nav-ul>li>.sub-menu {padding: 0 !important;}
    .header-menu-sidebar-inner .nav-menu-primary .nav-ul>li>.sub-menu a{margin: 0 0 0 10px !important; font-size: 18px;}
    .btn-menu {margin-top: 30px;}
    .slide-page .container .sunok.col50:last-child:after, .slide-home .container .slide-home-img:after {animation: none;}
    .slide-page .container .sunok.col50:last-child:after {display: none;}
}

/* START SIMULATEUR */
.gform_wrapper .gfield_required {display: none !important;}
.form-simu-aide .gf_progressbar_wrapper {display: none;}
.gform_wrapper.gravity-theme .gform_previous_button.button {background-color: transparent !important; color: #0f2e44 !important; border: solid 1px var(--color-secondary); text-transform: initial !important; padding: 10px 30px !important;}
.gform_wrapper.gravity-theme .gform_previous_button.button:hover {background-color: var(--color-secondary) !important; color: white !important;}
.form-simu-aide form input:not(.button), .form-simu-aide form select, .form-simu-aide form textarea {min-height: auto;}
.form-simu-aide form .gform_footer {padding-bottom: 0 !important;}
.form-simu-aide form .gform_footer .button {margin-bottom: 0 !important;}
.form-simu-aide {max-width: 600px; background: white; padding: 40px; border-radius: 5px; margin: auto;  border: 1px solid #ECEDF2; margin-bottom: 100px;}
.gform_wrapper.gravity-theme .gform_next_button.button {background-color: var(--color-secondary) !important; color: white !important; border: solid 1px var(--color-secondary); text-transform: initial !important; padding: 10px 30px !important;}
.gform_wrapper.gravity-theme .gform_next_button.button:hover {background-color: transparent !important; color: #102f46 !important;}
input:hover[type=button] {background-color: #0B0932 !important;}
/* END SIMULATEUR */


@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-30px);
  }
  60% {
    transform: translateX(-15px);
  }
}

@keyframes bouncetop {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

@keyframes rotation {
		from {transform: rotate(0deg);}
		to {transform: rotate(359deg);}
}

@keyframes yellow {
  0%, 100% {
    filter: drop-shadow(0px 0px 8px #f0f9fd);}

  50% {
    filter: drop-shadow(0px 0px 0px transparent);} }

@keyframes blue {
  0%, 100% {
    filter: drop-shadow(0px 0px 8px #0A1E2A);}

  50% {
    filter: drop-shadow(0px 0px 0px transparent);} }


@keyframes bell {
  0% { transform: rotate(0); }
  10% { transform: rotate(30deg); }
  20% { transform: rotate(0); }
  80% { transform: rotate(0); }
  90% { transform: rotate(-30deg); }
  100% { transform: rotate(0); }
}

@keyframes zoom {
  0% { opacity: 0; transform: scale(0); }
  10% { opacity: 1; transform: scale(1); }
  50% { opacity: 1; }
  51% { opacity: 0; }
  100% { opacity: 0; }
}

.docbuilder-filters .select-multiple {
	position:relative;
	cursor:pointer;
}

.docbuilder-filters .select-multiple .select-container {
	position: relative;
}

.docbuilder-filters .select-multiple .select-mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}



.docbuilder-filters .select-multiple.closed .select-checkboxes {
	display: none;
}

select:placeholder {color: black !important;}
.docbuilder-filters .select-multiple.open .select-checkboxes,
.docbuilder-filters .select-multiple label {
	display: block;
	margin:0;
	cursor:pointer;
}


.docbuilder-filters .select-multiple label:not(:last-of-type) {margin-bottom:10px;}

.docbuilder-filters .select-multiple .select-checkboxes input {
	margin-right: 5px;
	cursor:pointer;
}




/* START CARD SLIDER */
.card-slider {
  width: 100%;
  position: relative;
}
.card-slider .cs-arrow i,
.img_fullscreen_container > i  {
  top: 50%;
  height: 50px;
  width: 50px;
  cursor: pointer;
  font-size: 1.25rem;
  position: absolute;
  text-align: center;
  line-height: 50px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0,0,0,0.23);
  transform: translateY(-50%);
  transition: transform 0.1s linear;
}
.card-slider .cs-arrow i:active{
  transform: translateY(-50%) scale(0.85);
}
.card-slider .cs-arrow-left i {
  left: -22px;
}

.card-slider .cs-arrow-right i {
  right: -22px;
}

.card-slider .carousel{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% / 3) - 11px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  border-radius: 8px;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.carousel::-webkit-scrollbar {
  display: none;
}
.carousel {padding:0;}
.carousel.no-transition {
  scroll-behavior: auto;
}
.carousel.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.carousel.dragging .card {
  cursor: grab;
  user-select: none;
}

.carousel .card {
  scroll-snap-align: start;
  list-style: none;
  background: #fff;
  cursor: pointer;
  flex-direction: column;
  border-radius: 8px;
}
.carousel .card:first-child {margin-left: 0;}
.carousel .card:last-child {margin-right: 0;}
.carousel .card .img {
  background: #8B53FF;
  height: 148px;
  width: 148px;
  border-radius: 50%;
}
.card .img img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #fff;
}
.carousel .card h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}
.carousel .card span {
  color: #6A6D78;
  font-size: 1.31rem;
}

.scroll_limit_min .cs-arrow-left {
	display:none;
}

.scroll_limit_max .cs-arrow-right {
	display:none;
}

.cs-arrow {margin: 0;}

@media screen and (max-width: 900px) {
    .card-slider .carousel {grid-auto-columns: calc((100% / 2) + 12px);}
}

@media screen and (max-width: 767px) {
    .card-slider .carousel {margin-left: 20px; margin-right: 20px;}
    .card-slider .cs-arrow-left i {left: 0;}
    .card-slider .cs-arrow-right i {right: 0;}
    .card-slider .cs-arrow i {height: 40px; width: 40px; line-height: 40px;}
}

@media screen and (max-width: 600px) {
    .card-slider .carousel {grid-auto-columns: calc(100% + 40px); margin-left: 20px; margin-right: 20px;}
    
    
}
/* END CARD SLIDER */

/* START IMAGE SLIDER ALBUM */
.album-slider {
  width: 100%;
  position: relative;
}

.album-slider .cs-arrow i {
  top: 50%;
  height: 50px;
  width: 50px;
  cursor: pointer;
  font-size: 1.25rem;
  position: absolute;
  text-align: center;
  line-height: 50px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0,0,0,0.23);
  transform: translateY(-50%);
  transition: transform 0.1s linear;
    z-index: 2;
}
.album-slider .cs-arrow i:active{
  transform: translateY(-50%) scale(0.85);
}
.album-slider .cs-arrow-left i {left: -22px;}
.album-slider .cs-arrow-right i{right: -22px;}
.album-slider .book-galeries-img{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns:calc((100% / 3) - 11px);
  overflow-x: auto;
  gap: 16px;
  border-radius: 8px;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.album-slider .book-galeries-img::-webkit-scrollbar {
  display: none;
}
.album-slider .book-galeries-img.no-transition {
  scroll-behavior: auto;
}
.album-slider .book-galeries-img.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.album-slider .book-galeries-img.dragging .image {
  cursor: grab;
  user-select: none;
}

.album-slider .book-galeries-img .image {
  scroll-snap-align: start;
  list-style: none;
  background: #fff;
  cursor: pointer;
  flex-direction: column;
  border-radius: 8px;
    width:100% !important; margin: 0 !important;
}
.album-slider .book-galeries-img .image .img {
  background: #8B53FF;
  height: 148px;
  width: 148px;
  border-radius: 50%;
}
.album-slider .image .img img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #fff;
}
.album-slider .book-galeries-img .image h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}
.album-slider .book-galeries-img .image span {
  color: #6A6D78;
  font-size: 1.31rem;
}


.album-slider:not([data-slider-elements-count]) .cs-arrow,
.album-slider[data-slider-elements-count="1"] .cs-arrow,
.album-slider[data-slider-elements-count="2"] .cs-arrow,
.album-slider[data-slider-elements-count="3"] .cs-arrow {
    display:none;
}


@media screen and (max-width: 900px) {
    .album-slider .book-galeries-img {grid-auto-columns: calc((100% / 2) + 12px);}
    .album-slider[data-slider-elements-count="3"] .cs-arrow {display: block;}
}

@media screen and (max-width: 767px) {
    .album-slider .book-galeries-img {margin-left: 20px; margin-right: 20px;}
    .album-slider .cs-arrow-left i {left: 0;}
    .album-slider .cs-arrow-right i {right: 0;}
    .album-slider .cs-arrow i {height: 40px; width: 40px; line-height: 40px;}
}

@media screen and (max-width: 600px) {
    .album-slider .book-galeries-img {grid-auto-columns: calc(100% + 40px); margin-left: 20px; margin-right: 20px;}
    .album-slider[data-slider-elements-count="2"] .cs-arrow, .album-slider[data-slider-elements-count="3"] .cs-arrow {display: block;}
    
    
}
/* END IMAGE SLIDER album-slider*/


@media (min-width: 850px){
    .container {max-width: 810px;}
}

@media (min-width: 992px){
    .container {max-width: 960px;}
}

@media (min-width: 1200px){
    .container {max-width: 1140px;}
}

@media (min-width: 1400px){
    .container {max-width: 1320px;}
}

/*################# START OVERRIDE HC_BOOKBUILDER FORM ###################*/

.theme-futurenergie .hc_bookBuilder_form .form_title {
	font-size: 35px;
    text-align: center;
    margin-top: 25px;
    padding: 0 15px;
}

.theme-futurenergie .hc_bookBuilder_form .step_title {
    font-size: 22px;
    text-align: left;
    margin-bottom: 25px;
}

.theme-futurenergie .hc_bookBuilder_form .hc_bookBuilder_field_label,
.theme-futurenergie .hc_bookBuilder_form .hc_bookBuilder_form_field_container_title {
	color: #1a2555;
    font-weight: bold;
    font-size: 16px;
    margin:0 0 10px 0;
    display: block;
}

.theme-futurenergie .hc_bookBuilder_form_field_checkbox > label > .hc_bookBuilder_field_label {
    display: inline-block;
}

.theme-futurenergie .hc_bookBuilder_form_fields_container_details-zones-intervention,
.theme-futurenergie .hc_bookBuilder_form_fields_container_rayon-intervention {
	clear:both;
}

.theme-futurenergie .hc_bookBuilder_form .hc_bookBuilder_field_description,
.theme-futurenergie .hc_bookBuilder_form .hc_bookBuilder_form_field_container_description {
	color: #697187;
    margin-top: -10px;
	margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
}

.theme-futurenergie .hc_bookBuilder_form .hc_bookBuilder_form_fields_container, 
.theme-futurenergie .hc_bookBuilder_form .hc_bookBuilder_form_field {
	background-color:white;
    padding: 10px 0;
}

.theme-futurenergie .hc_bookBuilder_form .hc_bookBuilder_form_fields_container {
	border:none;
	margin:0;
	padding-top:0;
}

.theme-futurenergie .hc_bookBuilder_form input[type="password"],
.theme-futurenergie .hc_bookBuilder_form input[type="email"],
.theme-futurenergie .hc_bookBuilder_form input[type="text"],
.theme-futurenergie .hc_bookBuilder_form select,
.theme-futurenergie .hc_bookBuilder_form textarea {
    border: none;
    background: #f8fafd;
    border-radius: 3px;
    color: black;
    font-weight: 500;
}

.theme-futurenergie .hc_bookBuilder_form .previousStep,
.theme-futurenergie .hc_bookBuilder_form .nextStep,
.theme-futurenergie .hc_bookBuilder_form:not(.steps_blocks):not(.nostep) input[type="submit"].endSubmit,
.theme-futurenergie .hc_bookBuilder_form:not(.steps_blocks):not(.nostep) input[type="submit"].previewSubmit {
    border-radius: 3px;
    text-transform: initial;
    border-width:1px;
	border-style:solid;
    font-size: 16px;
    cursor: pointer;
	font-weight:normal;
	padding:0 !important;
	min-height:0;
}

.theme-futurenergie .hc_bookBuilder_form .nextStep,
.theme-futurenergie .hc_bookBuilder_form input[type="submit"].endSubmit,
.theme-futurenergie .hc_bookBuilder_form input[type="submit"].previewSubmit,
.theme-futurenergie .hc_bookBuilder_form input[type="submit"].previewCancelSubmit,
.hc_bookBuilder_preview_buttons input[type="submit"].previewCancelSubmit,
.hc_bookBuilder_preview_buttons input[type="submit"].previewContinueSubmit,
.hc_bookBuilder_preview_buttons input[type="submit"].previewConfirmSubmit {line-height: 22px; text-transform: initial; padding: 9px 20px !important; min-height: auto !important; border-radius: 3px; border: none !important;}
.hc_bookBuilder_form input[type="radio"], .hc_bookBuilder_form input[type="checkbox"] {min-height: auto !important; margin-right: 12px;}

.hc_bookBuilder_preview_buttons input[type="submit"] {
	font-weight:bold;
	cursor:pointer;
}

.theme-futurenergie .hc_bookBuilder_form input[type="submit"].previewCancelSubmit,
.hc_bookBuilder_preview_buttons input[type="submit"].previewCancelSubmit {
	background-color: lightgrey !important;
	color: grey !important;
	
}

.theme-futurenergie .hc_bookBuilder_form input[type="submit"].endSubmit,
.hc_bookBuilder_preview_buttons input[type="submit"].previewConfirmSubmit {
	background-color: var(--color-secondary) !important;
	color: white !important;
    transition: .4s;
}

.theme-futurenergie .hc_bookBuilder_form input[type="submit"].previewSubmit,
.hc_bookBuilder_preview_buttons input[type="submit"].previewContinueSubmit {
	background-color: #264357 !important;
	color: white !important;
}

.theme-futurenergie .hc_bookBuilder_form .nextStep:hover,
.theme-futurenergie .hc_bookBuilder_form input[type="submit"].endSubmit:hover {
    background: #0d3044 !important;
    color: white !important;
}

.hc_bookBuilder_preview_buttons input[type="submit"]:hover {
	background-color: transparent !important;
	color:#264357 !important;
}

.theme-futurenergie .hc_bookBuilder_form .previousStep {
    background: transparent;
    color: #0d3044;
    border-color: #0d3044;
}

.theme-futurenergie .hc_bookBuilder_form .previousStep:hover {
    background: #0d3044 !important;
    color: white;
    border-color: #0d3044;
}

.theme-futurenergie .hc_bookBuilder_form .previousStep:disabled,
.theme-futurenergie .hc_bookBuilder_form .previousStep:disabled:hover {
    background:transparent !important;
	color: #ccd2d5;
    border-color: #dce3e7;
	cursor:not-allowed;
}

.theme-futurenergie .hc_bookBuilder_form .laterSubmit {
    display: table;
    background: none;
    color: #0d3044;
    text-transform: initial;
    font-weight: 600;
    font-size: 14px;
    padding: 0 !important;
    min-height: auto !important;
    line-height: 20px;
    margin: 20px auto;
    cursor: pointer;
    border: none;
}

.theme-futurenergie .hc_bookBuilder_form .laterSubmit:hover {
	background:inherit;
	text-decoration:underline;
	color: #0d3044;
}

.hc_bookBuilder_template .hc_bookBuilder_form {
	margin: 0;
}

.hc_bookBuilder_template .hc_bookBuilder_form h2 {
	display:none;
}

.theme-futurenergie.single .hc_bookBuilder_form input[type="password"],
.theme-futurenergie.single .hc_bookBuilder_form input[type="email"],
.theme-futurenergie.single .hc_bookBuilder_form input[type="text"],
.theme-futurenergie.single .hc_bookBuilder_form textarea,
.theme-futurenergie.single .hc_bookBuilder_form select  {
	margin-bottom:10px;
	background-color:#F6F7FD;
}

.theme-futurenergie.single .hc_bookBuilder_form textarea {
	min-height:200px;
}

.theme-futurenergie.single .hc_bookBuilder_form input[type="submit"] {
	display:block;
    width: 100%;
    margin-top: 20px;
}

.theme-futurenergie.single .hc_bookBuilder_form .hc_bookbuilder_rating {
	text-align:left;
}

.theme-futurenergie.single .hc_bookBuilder_form .hc_bookbuilder_rating > label {
	width: 100%;
    display: block;
	font-size:0;
}

.theme-futurenergie.single .hc_bookBuilder_form .hc_bookbuilder_rating > label > * {
	font-size:16px;
}

.espace-pro .hc_bookBuilder_form {
	max-width:none;
}



.theme-futurenergie.single .hc_bookBuilder_form_form-complet-etapes {
	position: fixed !important;
    left: -795px;
    width: 100%;
    max-width: 800px;
    background-color: white;
    top: 0;
    height: 100vh;
	padding:0 !important;
	overflow:visible;
	z-index:999999999999;
}

.theme-futurenergie.single .hc_bookBuilder_form_form-complet-etapes .hc_bookBuilder_form_content {
	overflow-y:auto;
	height:100%;
    border-right: 5px solid var(--color-secondary);
    z-index: 1;
    position: relative;
    background-color: white;
}

.theme-futurenergie.single .hc_bookBuilder_form_form-complet-etapes .gradient {
	position: absolute;
    top: 0;
    right: -2550px;
    height: 100vh;
    width: 2550px;
    background: linear-gradient(90deg, #25262dc7, transparent);
}

.theme-futurenergie.single .hc_bookBuilder_form_form-complet-etapes .opener {
	border-radius: 50%;
    width: 100px;
    height: 100px;
    background-color: var(--color-secondary);
    border: 5px solid var(--color-secondary);
    position: absolute;
    top: 45%;
    right: -50px;
	cursor:pointer;
}

.theme-futurenergie.single .hc_bookBuilder_form_form-complet-etapes:not(.open) .gradient {
	display:none;
}

.theme-futurenergie.single .hc_bookBuilder_form_form-complet-etapes .opener::before {
	content: "\f5ac";
	color:white;
	font-family: 'Font Awesome 6 Pro';
	display: inline-block;
    font-size: 40px;
    height: auto;
    width: 30px;
    position: absolute;
    right: 15px;
    top: 0;
    vertical-align: middle;
    line-height: 90px;
	transform:rotate(-20deg);
}

.theme-futurenergie .hc_bookBuilder_form_form-documents .laterSubmit,
.theme-futurenergie .hc_bookBuilder_form_form-documents .form_title {
	display:none;
}


.theme-futurenergie .hc_bookBuilder_dashboard_page_edit .bloc-ep {
	background: inherit;
    padding: 0;
    border: none;
    margin-bottom: 0;
}

.theme-futurenergie .hc_bookBuilder_dashboard_page_edit .bloc-ep .hc_bookBuilder_form .form_title {
	
	display:none;
}

.theme-futurenergie .hc_bookBuilder_dashboard_page_edit .bloc-ep .hc_bookBuilder_form .hc_bookBuilder_form_step  {
    background: white;
    padding: 40px;
    border-radius: 5px;
    border: solid 1px #ecedf2;
    margin-bottom: 40px;
}

.hc_bookBuilder_filterSet.fullscreen {
	width:100vw;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}

.hc_bookBuilder_filterSet.fullscreen .fullscreenFilters {
	display:none;
}

.hc_bookBuilder_filterSet:not(.fullscreen) .validateFilters {
	display:none;
}

.hc_bookBuilder_form_fields_container_reseaux-sociaux .fa-brands::before {
	font-size:30px;
}

.hc_bookBuilder_form_fields_container_reseaux-sociaux .hc_bookBuilder_form_fields_container_plateforme .hc_bookBuilder_form_field_choices label input:checked + .choice_label .fa-brands::before {
	color:#1a2555;
}

.hc_bookBuilder_form_fields_container_reseaux-sociaux .hc_bookBuilder_form_fields_container_plateforme .hc_bookBuilder_form_field_choices label {
	display:inline-block;
	margin-right:5px;
	cursor:pointer;
}

.hc_bookBuilder_form_fields_container_reseaux-sociaux .hc_bookBuilder_form_field.hc_bookBuilder_form_field_group {
    display: inline-block;
    padding: 5px !important;
    margin-bottom: 0 !important;
    position: relative;
    border: none !important;
    width: 100%;
    background: #f8fafd;
    padding: 10px !important;
}


.hc_bookBuilder_form_fields_container_reseaux-sociaux > ul,
.hc_bookBuilder_form_fields_container_reseaux-sociaux > .hc_bookBuilder_form_fields_button,
.hc_bookBuilder_form_fields_container_reseaux-sociaux .hc_bookBuilder_form_field.hc_bookBuilder_form_field_group .bloc-form-real-grip {
    display: inline-block;
    vertical-align: top;
}

.hc_bookBuilder_form_fields_container_reseaux-sociaux .fa-grip-vertical {
	display:none;
}

.hc_bookBuilder_form_fields_container_reseaux-sociaux .hc_bookBuilder_form_field.hc_bookBuilder_form_field_group > .hc_bookBuilder_buttons {
    position: static;
    display: inline-block;
    vertical-align: top;
}

.hc_bookBuilder_form_fields_container_reseaux-sociaux .hc_bookBuilder_form_field.hc_bookBuilder_form_field_group > .hc_bookBuilder_buttons .hc_bookBuilder_button_icon  {
    display: block;
    width: 70px;
    height: 13px;
    margin-bottom: 2px;
    padding: 0;
    background-color: transparent !important;
    border: none !important;
    color: #ff1717 !important;
    text-align: left;
    text-transform: initial;
}

.hc_bookBuilder_form_fields_container_reseaux-sociaux .hc_bookBuilder_form_field.hc_bookBuilder_form_field_group.open {
	z-index:99;
}
.hc_bookBuilder_form_fields_container_reseaux-sociaux .hc_bookBuilder_form_field.hc_bookBuilder_form_field_group > .hc_bookBuilder_buttons .dashicons-trash:before {
    content: "Supprimer" !important;
    font-family: 'RedHatDisplay' !important;
    font-weight: 600 !important;
    font-size: 12px;
    width: 100%;
    text-align: left;
    padding-left: 5px;
}

.hc_bookBuilder_form_fields_container_reseaux-sociaux .hc_bookBuilder_form_field.hc_bookBuilder_form_field_group > .hc_bookBuilder_buttons .dashicons-edit:before {
    content: "Modifier" !important;
    font-family: 'RedHatDisplay' !important;
    font-weight: 600 !important;
    font-size: 12px;
    color: #264457;
    width: 100%;
    text-align: left;
    padding-left: 5px;
}

.hc_bookBuilder_form_fields_container_reseaux-sociaux .hc_bookBuilder_form_field.hc_bookBuilder_form_field_group > ul {
    position: absolute;
    top: 40px;
    left: -1px;
    width: 300px;
    box-shadow: 7px 5px 30px rgb(25 65 109 / 20%);
    border-radius: 5px;
    padding: 10px;
    background-color: white;
}

.hc_bookBuilder_form_fields_container_reseaux-sociaux .hc_bookBuilder_form_field.hc_bookBuilder_form_field_group.open::after {
    content: "";
    display: block;
    background-color: white;
    position: absolute;
    top: 38px;
    left: 0;
    width: 100%;
    height: 3px;
}

.hc_bookBuilder_form_fields_container_reseaux-sociaux ul.form_fields {display: flex; flex-wrap: wrap; gap: 15px;}
.hc_bookBuilder_form_fields_container_reseaux-sociaux ul.form_fields > li {width: auto !important;}
.hc_bookBuilder_form_fields_container_reseaux-sociaux .hc_bookBuilder_form_fields_button {margin-top: 15px;}


.listingButtons {
	overflow:hidden;
	margin:0 1% 50px 1%;
}

.listingButtons a {
	background-color:#0f2f45;
	color:white;
	margin:10px 0 10px 10px;
	float:right;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	border-radius:5px;
}
.listingButtons a i {
	font-size: 20px;
    line-height: 52px;
	width:100%;
}

.hc_bookBuilder_listing_blocks.displayAsList .hc_bookBuilder_listing_block  {
	width:100% !important;
}
.displayAsList .bloc-listing-instal {display: flex; gap: 20px; flex-direction: row;}
.displayAsList .header-bloc-listing {text-align: left; display: flex;align-items: center;gap: 20px; max-width: 30%;}
.displayAsList .header-bloc-listing .review-instal-listing, .displayAsList .header-bloc-listing .listing-book-local {margin: 10px 0 0 0;}
.displayAsList .header-bloc-listing .listing-book-name {margin: 0;}
.hc_bookBuilder_listing .displayAsList .hc_bookBuilder_listing_block .cadre-photo {top: 0; margin-bottom: 0;}
.displayAsList .info-listing {width: calc(50% - 50px); margin-left: auto;}



.hc_bookBuilder_form_step.Logo {width: 200px; float: left; margin-right: 40px; background: transparent !important; border: none !important; padding: 0 !important;}
.hc_bookBuilder_form_step.Logo .hc_bookBuilder_form_fields_container, .hc_bookBuilder_form_step.Logo .hc_bookBuilder_form_field, .hc_bookBuilder_form_step.couverture .hc_bookBuilder_form_fields_container, .hc_bookBuilder_form_step.couverture .hc_bookBuilder_form_field {background-color: transparent !important;}
.hc_bookBuilder_form_step.Logo .step_title, .hc_bookBuilder_form_step.couverture .step_title {display: none;}
.hc_bookBuilder_form_step.Logo .uploadImage, .hc_bookBuilder_form_step.couverture .uploadImage {display: none;}
.hc_bookBuilder_form_step.Logo .image_block, .hc_bookBuilder_form_step.couverture .image_block {height: 150px; border: solid 1px #ecedf2; border-radius: 3px; padding: 5px; background: white;}
.hc_bookBuilder_form_step.Logo .image_block {width: 150px;}
.hc_bookBuilder_form_field_image .image_block .hc_bookBuilder_updateElement {opacity: 0; visibility: hidden; transition: .4s; background: #fdebee !important; border: none !important; backdrop-filter: blur(4px); color: #d83149 !important;}
.hc_bookBuilder_form_field_image .image_block:hover .hc_bookBuilder_updateElement {opacity: 1; visibility: visible;}
.hc_bookBuilder_form_step.Logo .image_thumbnail {left: 0; top: 0; width: 148px; height: 148px; margin: auto; border-radius: 3px; background-size: contain; background-repeat: no-repeat;}
.hc_bookBuilder_form_step.couverture {background: transparent !important; border: none !important; padding: 0 !important;}
.hc_bookBuilder_form_step.couverture .image_thumbnail {width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; top: 0px; left: 0; right: auto; bottom: auto; border-radius: 3px;}

.hc_bookBuilder_form .draganddrop .image_loader > div,
.hc_bookBuilder_form .draganddrop .drop-preview-border[data-hc-bookbuilder-image-url=""] > .drop-preview {
    background-image: none;
    animation: none;
    position: relative;
}

.hc_bookBuilder_form .draganddrop .image_loader .fa-loader,
.hc_bookBuilder_form .draganddrop .drop-preview-border[data-hc-bookbuilder-image-url=""] .fa-loader {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
}

.hc_bookBuilder_form .draganddrop .drop-preview-border:not([data-hc-bookbuilder-image-url=""]) .fa-loader {
	display:none;
}

.hc_bookBuilder_form .draganddrop .image_loader,
.hc_bookBuilder_form .draganddrop .drop-preview-border {
    width: 12.2857%;
}

.draganddrop .image_loader .fa-loader,
.draganddrop .drop-preview-border[data-hc-bookbuilder-image-url=""] .fa-loader,
.image_block .fa-loader {-webkit-animation: rotation 1.3s infinite linear; height: 20px; width: 20px; font-size: 20px;}

.image_block .img_loader {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.hc_bookBuilder_form_step.couverture {float: left; width: 600px;}
.hc_bookBuilder_form_step.Informations {clear: both;}

.hc_bookBuilder_form_form-complet-etapes .hc_bookBuilder_form_footer,
.hc_bookBuilder_preview_buttons {position: fixed; bottom: 0; right: 0; background: white; width: 100%; display: flex; justify-content: flex-end; gap: 20px; border-top: solid 1px #ecedf2; padding: 12px 40px !important; z-index: 9999;}

.hc_bookBuilder_form_fields_container_realisations .hc_bookBuilder_form_field_container_header {display: none;}
.hc_bookBuilder_form .hc_bookBuilder_form_field_group {border: solid 1px #ecedf2 !important; padding: 10px 20px !important; margin-bottom: 20px !important; border-radius: 3px;}
.hc_bookBuilder_form_field_group_title {margin: 0; color: #264357;}
.hc_bookBuilder_button {background-color: #ddecf7 !important; border: none !important; color: #1a66d2 !important; transition: .2s;}
.hc_bookBuilder_deleteElement {background-color: rgb(255, 235, 238) !important; border: none !important; color: #D83149 !important;}
.bloc-form-real-grip {display: flex; gap: 12px; cursor: grab; align-items: center;}
.hc_bookBuilder_form_content .dashicons-plus-alt2::before {content:"+"; font-size: 18px !important; line-height:14px; padding:2px 3px !important;}
.hc_bookBuilder_form_content .dashicons-plus-alt2::before,
.hc_bookBuilder_form_content .dashicons-plus-alt2 {font-weight: 600 !important; display: inline-block; font-size: 14px; padding: 2px 10px; text-transform: initial; font-family: 'RedHatDisplay'; width: auto; height: auto;}
.hc_bookBuilder_addElement {background-color: transparent !important; border: solid 1px #1a66d2 !important;}

.hc_bookBuilder_form_content .dashicons-edit:before {content: "\f044" !important; font-weight: 900 !important; font-family: "Font Awesome 6 Pro" !important; width: 20px; display: block; height: 20px; font-size: 14px; display: flex; flex-direction: column; justify-content: center;}
.hc_bookBuilder_form_content .dashicons-trash:before {content: "\f1f8" !important; font-weight: 900 !important; font-family: "Font Awesome 6 Pro" !important; width: 20px; display: block; height: 20px; font-size: 14px; display: flex; flex-direction: column; justify-content: center;}
.hc_bookBuilder_form_fields_button {display: flex; justify-content: center;}
button.hc_bookBuilder_addElement:hover {background-color: #ddecf7 !important; color: #1a66d2 !important; border-color: #ddecf7 !important;}
.form_fields .geo_components {display: flex; gap: 20px; flex-direction: column;}
.draganddrop .drop-preview {border-radius: 5px;}
.draganddrop .drop-preview .hc_bookBuilder_deleteElement {background-color: rgb(255 23 23 / 65%) !important; border: none !important; border-radius: 0 0 0 3px; backdrop-filter: blur(8px); color: white !important;}

.hc_bookBuilder_multiselect .multiselect .select-values {min-height: 55px; border: solid 1px #ddecf7; border-radius: 5px; top: 0; margin-top: 0;}
.hc_bookBuilder_multiselect .multiselect.open .select-checkboxes {z-index: 9;}
.hc_bookBuilder_form_fields_container_qualification .hc_bookBuilder_multiselect .multiselect.open .select-checkboxes, .hc_bookBuilder_form_fields_container_services .hc_bookBuilder_multiselect .multiselect.open .select-checkboxes {display: flex; flex-wrap: wrap; gap: 10px;}

.hc_bookBuilder_multiselect .select-checkboxes {background-color: white; margin: 0; position: absolute; z-index: 2; box-sizing: border-box; left: 0; width: 100%; padding: 15px 0 !important; box-shadow: 7px 5px 30px rgb(25 65 109 / 20%); border-radius: 5px; margin-top: 6px; border: none !important;}
.hc_bookBuilder_form input[type="radio"] {display: none;}
.hc_bookBuilder_form .draganddrop {border: solid 1px #ddecf7 !important; background: #f9fafd; border-radius: 3px;}
.hc_bookBuilder_form .image_block {border: solid 1px #ddecf7 !important; background: #f9fafd; border-radius: 3px; display: flex; align-items: center; justify-content: center;}
.hc_bookBuilder_form .image_block input[type=file] {display: none;}
.hc_bookBuilder_form .empty .image_block:before {content: "Sélectionnez une image"; text-align: center; display: block; position: absolute; color: #0f2e45; font-weight: 600; border-radius: 3px; padding: 8px 25px; cursor: pointer;}
.hc_bookBuilder_form_fields_container_photo-equipe .image_thumbnail {position: relative; top: 0; width: 100%; left: 0; background-size: contain; background-repeat: no-repeat;}


body .hc_bookBuilder_form input[type="submit"] {background: var(--color-secondary) !important; color: white; font-weight: bold; padding: 12px 22px !important; border-radius: 3px; position: relative; border: solid 1px var(--color-secondary) !important; text-decoration: none !important; line-height: 20px; transition: .4s; min-height: auto; text-transform: initial; font-size: 16px;}
.hc_bookBuilder_form_contact_fields textarea, .hc_bookBuilder_form_review_fields textarea {width: 100% !important; min-height: 100px !important;}
.post-type-archive-installateur .hc_bookBuilder_filterSet:before {content:"Filtrez votre recherche"; position: relative; display: block; text-align: center; font-size: 25px; line-height: 32px; font-weight: 600; margin-bottom: 20px; margin-top: 20px;}
.bar-search-filtre-filter {display: none;}
.post-type-archive-installateur h1 {text-align: center; margin-bottom: 60px; font-size: 40px;}



@media screen and (min-width: 961px) {
    .post-type-archive-installateur .hc_bookBuilder_filterSet:before {text-align: left; margin-top: 0; margin-bottom: 20px; font-size: 20px;}

}

@media screen and (max-width: 960px) {
    .post-type-archive-installateur .bar-search-filtre-filter {display: block;}
    .post-type-archive-installateur .hc_bookBuilder_filterSet.fullscreen .bar-search-filtre-search {position: fixed; bottom: 0; background: white; width: 100%; z-index: 9; left: 0; padding: 20px;}
    .post-type-archive-installateur .hc_bookBuilder_filterSet:not(.fullscreen) .bar-search-filtre-filter .fullscreenFilters, .hc_bookBuilder_filterSet.fullscreen .bar-search-filtre-search .validateFilters {background: #43428f; margin: auto; display: table; padding: 8px 20px; border-radius: 5px; color: white;}
    .post-type-archive-installateur .hc_bookBuilder_filterSet:not(.fullscreen) {position: fixed; z-index: 9; bottom: 0; left: 0; width: 100%; border-radius: 3px 3px 0 0; border-left: none; border-right: none; border-bottom: none;}
    .post-type-archive-installateur .hc_bookBuilder_filterSet:not(.fullscreen) ul {display: none;}
    .post-type-archive-installateur .hc_bookBuilder_filterSet.fullscreen ul {overflow: initial;}
    .post-type-archive-installateur .hc_bookBuilder_filterSet:not(.fullscreen):before {display: none;}

}


@media screen and (min-width: 767px) {
    .hc_bookBuilder_form_fields_container_nom, .hc_bookBuilder_form_fields_container_email, .hc_bookBuilder_form_fields_container_site-internet {width: calc(50% - 20px) !important; float: left; margin-right: 20px !important;}
    .hc_bookBuilder_form_fields_container_annee-crea, .hc_bookBuilder_form_fields_container_phone, .hc_bookBuilder_form:not(.hc_bookBuilder_form_form-crea-compte) .hc_bookBuilder_form_fields_container_address {width: calc(50% - 20px) !important; float: left; margin-left: 20px !important;}
    .hc_bookBuilder_form_fields_container_siren {width: calc(33.33% - 20px) !important; float: left; margin-right: 20px !important; clear: both;}
    .hc_bookBuilder_form_fields_container_assurance-dec {width: calc(33.33% - 20px) !important; float: left; margin-right: 10px !important; margin-left: 10px !important;}
    .hc_bookBuilder_form_fields_container_resp-civ {width: calc(33.33% - 20px) !important; float: left; margin-left: 20px !important;}
    .hc_bookBuilder_form_fields_container_services {clear: both;}
    .hc_bookBuilder_form_fields_container_qualification .hc_bookBuilder_multiselect .multiselect.open .select-checkboxes > label {width: calc(33.33% - 7px);}
    .hc_bookBuilder_form_fields_container_services .hc_bookBuilder_multiselect .multiselect.open .select-checkboxes > label {width: calc(50% - 5px);}
}

@media screen and (max-width: 767px) {
        .hc_bookBuilder_form_fields_container_qualification .hc_bookBuilder_multiselect .multiselect.open .select-checkboxes > label {width: calc(50% - 5px);}
        .hc_bookBuilder_form_fields_container_services .hc_bookBuilder_multiselect .multiselect.open .select-checkboxes > label {width: 100%;}
        .hc_bookBuilder_preview_buttons {padding: 10px 20px !important; justify-content: center;}
        .hc_bookBuilder_preview_buttons .previewCancelSubmit.submit {display: none !important;}
        .hc_bookBuilder_preview_buttons input {font-size: 14px !important; padding: 7px 12px !important;}
        .listing-concurrents-page-free ul {flex-direction: column; gap: 60px; margin-top: 0 !important;}
        .listing-concurrents-page-free ul > li {width: 100% !important;}
}

@media screen and (min-width: 667px) {
    .hc_bookBuilder_form_review_fields .field_block:nth-of-type(1) {
        float: left;
        width: calc(33.33% - 10px);
        padding-right: 10px;
        text-align: center;
    }
    .hc_bookBuilder_form_review_fields .field_block:nth-of-type(2) {
        float: left;
        width: calc(33.33% - 10px);
        padding-right: 5px;
        padding-left: 5px;
        text-align: center;
    }
    .hc_bookBuilder_form_review_fields .field_block:nth-of-type(3) {
        float: left;
        width: calc(33.33% - 10px);
        padding-left: 10px;
        text-align: center;
    }
    .hc_bookBuilder_form_review_fields .field_block:nth-of-type(4) {
        float: left;
        padding-top: 10px;
        width: calc(50% - 10px);
        margin-right: 10px;
    }
    .hc_bookBuilder_form_review_fields .field_block:nth-of-type(5) {
        float: left;
        padding-top: 10px;
        width: calc(50% - 10px);
        margin-left: 10px;
    }
    .hc_bookBuilder_form_review_fields .field_block:nth-of-type(6) {
        clear: both;
    }
}

@media screen and (min-width: 467px) {
    .hc_bookBuilder_form_contact_fields .field_block:not(:nth-of-type(5)) input[type=text] {
    float: left;
    width: calc(50% - 5px) !important;
    }
    .hc_bookBuilder_form_contact_fields .field_block:nth-of-type(1) input[type=text], .hc_bookBuilder_form_contact_fields .field_block:nth-of-type(3) input[type=text]{
    margin-right: 5px;
    }
    .hc_bookBuilder_form_contact_fields .field_block:nth-of-type(2) input[type=text], .hc_bookBuilder_form_contact_fields .field_block:nth-of-type(4) input[type=text]{
    margin-left: 5px;
    }
    .form-avis-installateur .popup-body .popup-header, .form-contact-installateur .popup-body .popup-header {
        right: 15px;
        top: 10px;
    }
}





/*################## END OVERRIDE HC_BOOKBUILDER FORM ####################*/



.page-id-3344 header,
.page-id-3344 footer { display:none !important; }

body.admin-bar .espace-pro,
body.admin-bar .espace-pro .menu-ep-desktop {
	min-height:calc(100vh - 32px);
}

.cleanList, .cleanList > li {
	margin:0;
	padding:0;
	list-style-type:none;
}

.bloc-ep-dde-btn .fa-regular.fa-chevron-up:not(.hiddenElement) + .fa-regular.fa-chevron-down {
	display:none;
}



/*Reviews*/

.bloc-reviews .review {
    padding: 10px;
	position:relative;
}

.bloc-reviews .review:not(:last-of-type) {
    margin-bottom: 20px;
}

.bloc-reviews .review-nickname {
    font-weight: bold;
    padding-bottom: 4px;
}

.bloc-reviews .review-comment {
    margin-top: 10px;
    background-color: #f6f7fd;
    padding: 10px;
    font-style: italic;
    border-radius: 5px;
}

.bloc-reviews .review-comment::before {
    content:"« ";
}

.bloc-reviews .review-comment::after {
    content:" »";
}

/*on cache le bloc commentaire si l'utlisateur a seulement mis des notes sans préciser sa pensée */
.bloc-reviews .review-comment[data-comment=""] {
	display:none;
}

.bloc-reviews .review-ratings-value {
    position:absolute;
	top:10px;
	right:10px;
}

.bloc-reviews .review-nickname,
.bloc-reviews .review-ratings-value,
.bloc-reviews .rating-label,
.bloc-reviews .rating-value {
    line-height:25px;
	display:inline-block;
	height:25px;
}

.bloc-reviews .rating {
	background-color: #f6f7fd;
    padding: 5px 3px 7px 10px;
    border-radius: 5px;
}

.bloc-reviews .rating:not(:last-of-type) {
	margin-bottom:5px;
}

.bloc-reviews .rating-value {
    float:right;
}

.bloc-reviews .rating-value-icons .hc_bookbuilder_review_icon {
    width:15px;
	height:15px;
}

.bloc-reviews .review-ratings {
	padding-top:5px;
}

.bloc-reviews .rating-value-number {
    display:inline-block;
	min-width:30px;
	font-size:12px;
}
.hc_bookBuilder_form_review_fields .field_block label span {
    width: 100%;
    text-align: center;
}
.hc_bookBuilder_form_review_fields .field_block label select {
    width: 63px;
    padding: 4px 10px !important;
    min-height: 10px !important;
    display: inline-block;
    margin-right: 10px;
}
.hc_bookBuilder_form.hc_bookBuilder_form_review h2, .form-contact-installateur .popup-main > h2 {
    display: block !important;
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    margin-top: 0;
    margin-bottom: 40px;
}
.theme-futurenergie.single .form-avis-installateur .hc_bookBuilder_form input[type="submit"], .theme-futurenergie.single .form-contact-installateur .hc_bookBuilder_form input[type="submit"] {
    display: table;
    width: auto;
    margin: auto;
}
.form-avis-installateur .popup-body, .form-contact-installateur .popup-body {
    position: relative;
}
.form-avis-installateur .popup-body .popup-header i, .form-contact-installateur .popup-body .popup-header i {
    font-size: 20px;
}
.surtitre-form-avis {
    text-align: center;
    margin-bottom: 0;
    font-weight: 600;
}
.select-star-review {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}