/* 
Theme Name: pav-theme-child with Elementor
Theme URI: http://pretavendre-immo.fr
Template: pav-theme
Version: 1.0.1
Text Domain: pav-theme-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Fade In Option */

.header-2 {
 opacity: 0;
 -moz-transition: opacity .25s ease-out!important;
  -webkit-transition: opacity .25s ease-out!important;
  transition: opacity .25s ease-out!important;
}

.elementor-sticky--effects.header-2  {
 opacity: 1!important;
}

/* End Of Fade In Option */

#header-bouton .elementor-button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}


#header-bouton .elementor-button-icon svg {
    width: 32px;
    height: 32px;
}

.menu-responsive-line a:focus,
.menu-responsive-line a:focus-visible,
.menu-responsive-line a:hover,
.menu-responsive-line a:visited,
.menu-responsive-line a:link,
.menu-responsive-line a:active {
    outline: none !important;
  text-decoration: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
    outline:0 !important;
      outline: 0 !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}
    .menu-responsive-line {
       border: none;
       outline: none;
       /*Removes all outlines*/
       :focus {
         outline: 0 !important;
         box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
       }
    }



li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.current_page_item.menu-item-home.menu-item-2147 {
                 outline: 0 !important;
         box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

/* Systeme e-commerce personnalise */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 1em 3.5em;
    margin: none;
    position: relative;
    background: #F7F7F7;
    color: #111;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F1F1F1;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    z-index: 99;
}


.woocommerce ul.order_details li {
    color: var( --e-global-color-text );
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-size: var( --e-global-typography-text-font-size );
    font-weight: var( --e-global-typography-text-font-weight );
    line-height: var( --e-global-typography-text-line-height );
    float: left;
    text-transform: inherit;
    margin-right: 2em;
    border-right: 1px solid #EEE;
    padding-right: 2em;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}


.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
    margin-bottom: 0;
    padding-left: 0;
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before,  .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
display:none;
}


.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #EEE;
    color: #111;
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #e0e0e0;
}


.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent!important;
    border-style: solid!important;
    border-width: 5px 4px 0!important;
    height: 0!important;
    left: 50%!important;
    margin-left: -4px!important;
    margin-top: -2px!important;
    position: absolute!important;
    top: 50%!important;
    width: 0!important;
}

.qib-button:not(#qib_id):not(#qib_id) {
    background: #FAFAFA !important;
    border-color: #EEE !important;
    color: #111 !important;
}

.qib-container .quantity input.qty:not(#qib_id):not(#qib_id) {
    border-color: #EEE !important;
    border-style: solid;
    border-radius: 0!important;
    border-width: 1px 0;
}


/* CSS Simulateur */


.cp_cff_13 #fbuilder .slider {
    background: #ececec !important;
    border-radius: 10px !important;
    border: 0 !important;
    height: 10px !important;
    margin-top: 2px !important;
}


.cp_cff_13 #fbuilder .ui-slider-handle {
    background: var( --e-global-color-secondary )  !important;
    border: 2px solid #fff !important;
    border-radius: 15px !important;
    height: 25px!important;
    width: 25px!important;
    outline: 0!important;
    margin-top: -2px!important;
}

.cp_cff_13 #fbuilder input[type="text"]:focus,
.cp_cff_13 #fbuilder input[type="password"]:focus,
.cp_cff_13 #fbuilder input[type="color"]:focus,
.cp_cff_13 #fbuilder input[type="date"]:focus,
.cp_cff_13 #fbuilder input[type="datetime"]:focus,
.cp_cff_13 #fbuilder input[type="email"]:focus,
.cp_cff_13 #fbuilder input[type="number"]:focus,
.cp_cff_13 #fbuilder input[type="search"]:focus,
.cp_cff_13 #fbuilder input[type="tel"]:focus,
.cp_cff_13 #fbuilder input[type="time"]:focus,
.cp_cff_13 #fbuilder input[type="url"]:focus,
.cp_cff_13 #fbuilder input[type="week"]:focus,
.cp_cff_13 #fbuilder .fields:not(.cff-switch-container) input[type="checkbox"]:focus,
.cp_cff_13 #fbuilder .fields:not(.cff-switch-container) input[type="radio"]:focus,
.cp_cff_13 #fbuilder select:focus,
.cp_cff_13 #fbuilder textarea:focus {
    border-color: #FFF !important;
    box-shadow: 0 0 0 0px #007cba !important;
    outline: 0px solid transparent !important;
}


.corner-captions.large {
    padding-top: 24px;
}

.cp_cff_13 #fbuilder textarea:focus {
    border-color: #FFF;
}


.cp_cff_13 #fbuilder .dfield .slider .ui-slider-handle .cff-slider-tooltip {
    display: none !important;
}

.cp_cff_13 {
    color: var( --e-global-color-primary ) !important;
        background: #FFF !important;
    padding: 8px !important;
}

.cp_cff_13 #fbuilder .ui-slider-handle.ui-state-focus, .cp_cff_14 #fbuilder .ui-slider-handle {
    background: var( --e-global-color-secondary )  !important;
}

.cp_cff_13 #fbuilder .ui-slider-range {
    background: var( --e-global-color-secondary ) !important;
}

.cp_cff_13 #fbuilder .cff-calculated-field input[readonly] {
    color: var( --e-global-color-primary ) !important;
    font-weight: bold;
    border: 0px !important;
}
.cp_cff_13 #fbuilder input[readonly], .cp_cff_14 #fbuilder textarea[readonly] {
    background-color: #FFF !important;
}

.cp_cff_13 #fbuilder .cff-calculated-field input[readonly] {
    color: var( --e-global-color-primary ) !important;
    font-weight: bold;
    border: 0px !important;
}

.cp_cff_13 #fbuilder .cff-calculated-field input[readonly] {
    color: var( --e-global-color-primary ) !important;
    font-weight: bold;
    border: 1px solid #3cce88;
}

.cp_cff_13 #fbuilder .cff-calculated-field .total_economies input[readonly] {
    color: #FFF !important;
    font-weight: bold;

}


.cp_cff_13 #fbuilder span.uh {
    font-size: 11px;
    font-style: italic;
    display: none;
}



.cff-container-field {
    display: inline-block;
    align-items: center;
    justify-content: center;
    gap: 8px; /* Espacement entre les éléments */

}

.cp_cff_13 #fbuilder .cff-calculated-field  .simulateur_eco {
    background: var( --e-global-color-secondary ) !important;
}

div#field_1-2 {
    padding-top: 8px !important;
}


.cp_cff_13 #fbuilder .top_aligned .fields .dfield {
    padding-bottom: 8px;
    width: auto !important;
}

.cp_cff_13 #fbuilder * {
    text-align: center!important;
    color: var( --e-global-color-text )!important;
}

.cp_cff_13 #fbuilder .title_pro .fields>label {
font-family: var( --e-global-typography-text-font-family ), Sans-serif !important;
font-size: 16px!important;
        color: var( --e-global-color-primary ) !important;
        font-family: var( --e-global-typography-primary-font-family ), Sans-serif;}

.cp_cff_13 #fbuilder .custom-class-slider * {
font-family: var( --e-global-typography-primary-font-family ), Sans-serif !important; font-weight:500;}




.cp_cff_13 #fbuilder .custom-class-propriete input[readonly]{
    text-align: center!important;
    font-size: 16px!important;
    color: var( --e-global-color-primary ) !important;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    border: 1px solid var(--e-global-color-primary ) !important;
    border-radius:0px;
        padding: 5px; /* Ajout d'un espace autour du texte à l'intérieur de la bordure */
     max-width: 160px !important;
}

.cp_cff_13 #fbuilder .custom-class-propriete {
    display: inline-block;
    flex-wrap: wrap;
    margin:auto;
    padding:auto; 
             /* Utiliser Flexbox */
             min-width: 100% !important;
}

.cp_cff_13 #fbuilder .custom-class-propriete label { 
   text-align: center!important;    font-size: 16px!important;
    color: var( --e-global-color-primary ) !important;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    display:inline-block;
    max-width: 280px !important;
    margin: 16px;
}


#fbuilder .top_aligned .fields>label {
    width: inherit !important;
}

.cp_cff_13 #fbuilder .custom-class-propriete .dfield { 
display: inline-flex;
flex-wrap: wrap;
padding:0px;
width: auto !important;
}

.cp_cff_13 #fbuilder .title_eco label {
font-family: var( --e-global-typography-text-font-family ), Sans-serif !important;
font-size: 16px!important;
        color: var( --e-global-color-primary ) !important;
        font-family: var( --e-global-typography-primary-font-family ), Sans-serif;    font-weight: bold !important;
    display: inline-block;
            width: 200px;}

.cp_cff_13 #fbuilder .total_economies {
    display: inline-block;          /* Utiliser Flexbox */
}

.cp_cff_13 #fbuilder .total_economies input[readonly] {
    font-weight: 700!important;
    font-size: 28px!important;
    color: var(--e-global-color-secondary ) !important;
    font-family: var(--e-global-typography-primary-font-family ), Sans-serif;
    margin-top: -8px;
    display: inline-block;
    margin-left: -8px;
    max-width: 160px !important;
}


.cp_cff_13 #fbuilder input[readonly] {
    display: inline-flex;
}


.cp_cff_13 #fbuilder .total_economies .dfield { 
display: inline-flex;
padding:0px;
}


.cp_cff_13 #fbuilder .title_arrow {
  justify-content: left;
  align-items: left;
}

.cp_cff_13 #fbuilder .total_economies label {
    display: inline-block;
    margin:22px;
}

.cp_cff_13 #fbuilder .total_economies label span {
    background-color: var(--e-global-color-primary ); /* Arrière-plan noir pour le texte */
    color: #FFF !important; /* Couleur du texte en blanc pour une meilleure lisibilité */
    font-size: 16px !important;
    font-family: var(--e-global-typography-primary-font-family ), Sans-serif !important;
    padding: 8px 16px; /* Espacement entre le texte et les bords de l'arrière-plan */
    font-weight: bold !important;
        display: inline-block;
}
    .cp_cff_13 #fbuilder .total_economies label::after {
    content: url("https://pretavendre-immo.fr/wp-content/uploads/2023/05/pav-icon-estimation.svg");
width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: 16px;
    margin-right: -8px;
    margin-left: 22px;
}

/* Media query pour les écrans dont la largeur est inférieure à 767px */
@media (max-width: 767px) {
    .cp_cff_13 #fbuilder .total_economies label::after {
        display: block; /* Utiliser un affichage en bloc pour que le contenu prenne toute la largeur */
        text-align: center; /* Centrer l'icône à l'intérieur du bloc */
    }
        .cp_cff_13 #fbuilder .total_economies label {
        display: block; /* Utiliser un affichage en bloc pour que le contenu prenne toute la largeur */
        text-align: center; /* Centrer l'icône à l'intérieur du bloc */
    }
    .cp_cff_13 #fbuilder .total_economies label::after {
        transform: rotate(90deg); /* Changer la rotation pour les écrans inférieurs à 767px */
        transform: rotate(90deg);
    margin-right: auto !important;
    margin-left: auto !important;
    margin-top: 32px !important;
    margin-bottom: 0px !important;
    }

    .cp_cff_13 #fbuilder .total_economies input[readonly] {
    margin-top: 0px;
        margin-left: 0px;
}
}


.cp_cff_13 #fbuilder .title_eco label {
font-family: var( --e-global-typography-text-font-family ), Sans-serif !important;
font-size: 16px!important;
        color: var( --e-global-color-primary ) !important;
        font-family: var( --e-global-typography-primary-font-family ), Sans-serif;    font-weight: bold !important;
    display: inline-block;}



#buttonpav .elementor-button-icon,
#buttonpavprimary .elementor-button-icon,
#buttonpavaccent .elementor-button-icon,
#buttonpavred .elementor-button-icon,
#buttonpavr .elementor-button-icon,
#buttonpavnav .elementor-button-icon,
#buttonpavnavr .elementor-button-icon, 
#buttonpavnavrr .elementor-button-icon,
#buttonpavrsimple .elementor-button-icon,
#buttonpavnavsimple .elementor-button-icon,
#phoneheader .elementor-button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Premier bouton classe */
#buttonpav .elementor-button-icon {
    background-color: var(--e-global-color-secondary );
    font-size: 16px;
    margin: -12px;
    margin-left: -18px;
    border: 2px solid #FFF;
    border-radius: 50%;
    box-shadow: var(--shd,0 1px 4px rgba(0,0,0,.6));
    height: 48px;
    width: 48px;
}

#buttonpav .elementor-button-text {
    margin-right: 24px;
    margin-left: 42px;
}


#buttonpav .elementor-button-icon svg {
        font-size: 18px;
    margin: auto;
}


@media (max-width: 1024px) {
    #buttonpav .elementor-button-icon {
        position:absolute;
    margin-top: -32px;
    left: 50%;
    right:50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    margin-left: 0px;
    margin-right: 0px;
        width: 56px;
    height: 56px;
}
#buttonpav .elementor-button-text {
    margin-right: auto;
    margin-left: auto;
}
#buttonpav .elementor-button-icon svg {
        font-size: 18px;
                transform: rotate(90deg); /* Changer la rotation pour les écrans inférieurs à 767px */
        transform: rotate(90deg);
    margin: auto;
}
}


/* Premier bouton classe */
#buttonpavprimary .elementor-button-icon {
    background-color: var(--e-global-color-secondary);
    font-size: 16px;
    margin: -12px;
    margin-left: -18px;
    border: 2px solid #FFF;
    border-radius: 50%;
    height: 48px;
    width: 48px;
}

#buttonpavprimary .elementor-button-text {
    margin-right: 24px;
    margin-left: 42px;
}

#buttonpavprimary .elementor-button-icon svg {
    font-size: 18px;
    margin: auto;
}

@media (max-width: 1024px) {
    #buttonpavprimary .elementor-button-icon {
        position: absolute;
        margin-top: -32px;
        left: 50%;
        right: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        margin-left: 0px;
        margin-right: 0px;
        width: 56px;
        height: 56px;
    }

    #buttonpavprimary .elementor-button-text {
        margin-right: auto;
        margin-left: auto;
    }

    #buttonpavprimary .elementor-button-icon svg {
        font-size: 18px;
        transform: rotate(90deg);
        margin: auto;
    }
}


/* Premier bouton classe */
#buttonpavaccent .elementor-button-icon {
    background-color: var(--e-global-color-accent);
    font-size: 16px;
    margin: -12px;
    margin-left: -18px;
    border: 2px solid #FFF;
    border-radius: 50%;
    height: 48px;
    width: 48px;
}

#buttonpavaccent .elementor-button-text {
    margin-right: 24px;
    margin-left: 42px;
}

#buttonpavaccent .elementor-button-icon svg {
    font-size: 18px;
    margin: auto;
}

@media (max-width: 1024px) {
    #buttonpavaccent .elementor-button-icon {
        position: absolute;
        margin-top: -32px;
        left: 50%;
        right: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        margin-left: 0px;
        margin-right: 0px;
        width: 56px;
        height: 56px;
    }

    #buttonpavaccent .elementor-button-text {
        margin-right: auto;
        margin-left: auto;
    }

    #buttonpavaccent .elementor-button-icon svg {
        font-size: 18px;
        transform: rotate(90deg);
        margin: auto;
    }
}


/* Premier bouton classe */
#buttonpavred .elementor-button-icon {
    background-color: var(--e-global-color-db55a1f);
    font-size: 16px;
    margin: -12px;
    margin-left: -18px;
    border: 2px solid #FFF;
    border-radius: 50%;
    height: 48px;
    width: 48px;
}

#buttonpavred .elementor-button-text {
    margin-right: 24px;
    margin-left: 42px;
}

#buttonpavred .elementor-button-icon svg {
    font-size: 18px;
    margin: auto;
}

@media (max-width: 1024px) {
    #buttonpavred .elementor-button-icon {
        position: absolute;
        margin-top: -32px;
        left: 50%;
        right: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        margin-left: 0px;
        margin-right: 0px;
        width: 56px;
        height: 56px;
    }

    #buttonpavred .elementor-button-text {
        margin-right: auto;
        margin-left: auto;
    }

    #buttonpavred .elementor-button-icon svg {
        font-size: 18px;
        transform: rotate(90deg);
        margin: auto;
    }
}



#buttonpavnavsimple .elementor-button-icon {
    background-color: var(--e-global-color-accent);
    font-size: 16px;
    margin: -12px;
    margin-right: -18px;
    border: 2px solid #FFF;
    border-radius: 50%;
    height: 48px;
    width: 48px;
}
#buttonpavnavsimple .elementor-button-text {
    margin-right: 42px;
    margin-left: 24px;
}

#buttonpavnavsimple .elementor-button-icon svg {
        font-size: 18px;
    margin: auto;
}

#buttonpavnavsimple .elementor-button[type="submit"] svg * {
    fill: #ffffff !important;
}

@media (max-width: 1024px) {
#buttonpavnavsimple .elementor-button-icon {

}

#buttonpavnavsimple .elementor-button-text {

}

#buttonpavnavsimple .elementor-button-icon svg {

}

#buttonpavnavsimple .elementor-button[type="submit"] svg * {
}
}


#buttonpavrsimple .elementor-button-icon {
    background-color: var(--e-global-color-secondary );
    font-size: 16px;
    margin: -12px;
    margin-right: -18px;
    border: 2px solid #FFF;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    z-index: 1;
}
#buttonpavrsimple .elementor-button-text {
    margin-right: 42px;
    margin-left: 24px;
}

#buttonpavrsimple .elementor-button-icon svg {
        font-size: 18px;
    margin: auto;
}

#buttonpavrsimple .elementor-button[type="submit"] svg * {
    fill: #ffffff !important;
}

@media (max-width: 1024px) {
#buttonpavrsimple .elementor-button-icon {

}

#buttonpavrsimple .elementor-button-text {

}

#buttonpavrsimple .elementor-button-icon svg {

}

#buttonpavrsimple .elementor-button[type="submit"] svg * {
}
}


#buttonpavr .elementor-button-icon {
    background-color: var(--e-global-color-secondary );
    font-size: 16px;
    margin: -12px;
    margin-right: -18px;
    border: 2px solid #FFF;
    border-radius: 50%;
    height: 48px;
    width: 48px;
}

#buttonpavr .elementor-button-text {
    margin-right: 42px;
    margin-left: 24px;
}

#buttonpavr .elementor-button-icon svg {
        font-size: 18px;
    margin: auto;
}

#buttonpavr .elementor-button[type="submit"] svg * {
    fill: #ffffff !important;
}

@media (max-width: 1024px) {
#buttonpavr .elementor-button-icon {
        position:absolute;
    margin-top: -32px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    margin-left: 0px;
    margin-right: 0px;
        width: 56px;
    height: 56px;
}

#buttonpavr .elementor-button-text {
    margin-right: 24px;
    margin-left: 24px;
}

#buttonpavr .elementor-button-icon svg {
        font-size: 18px;
                transform: rotate(90deg); /* Changer la rotation pour les écrans inférieurs à 767px */
        transform: rotate(90deg);
    margin: auto;
}

#buttonpavr .elementor-button[type="submit"] svg * {
    fill: #ffffff !important;
}
}

#buttonpavnavrr .elementor-button-text {
    margin-right: 24px;
    margin-left: 24px;
}


#buttonpavnav .elementor-button-icon {
    background-color: var(--e-global-color-accent);
    font-size: 16px;
    margin: -12px;
    margin-left: -18px;
    margin-right: -18px;
    border: 2px solid #FFF;
    border-radius: 50%;
    height: 48px;
    width: 48px;
}

#buttonpavnav .elementor-button-text {
    margin-right: 42px;
    margin-left: 24px;
}

#buttonpavnav .elementor-button-icon svg {
        font-size: 18px;
    margin: auto;
}

@media (max-width: 1024px) {

    #buttonpavnav .elementor-button-icon {
        position:absolute;
    margin-top: -32px;
    left: 50%;
    right:50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    margin-left: 0px;
    margin-right: 0px;
        width: 56px;
    height: 56px;
}

#buttonpavnav .elementor-button-text {
    margin-right: auto;
    margin-left: auto;
}

#buttonpavnav .elementor-button-icon svg {
        font-size: 18px;
                transform: rotate(90deg); /* Changer la rotation pour les écrans inférieurs à 767px */
        transform: rotate(90deg);
    margin: auto;
}
}

#buttonpavnavr .elementor-button-icon {
    background-color: var(--e-global-color-db55a1f );
    font-size: 16px;
    padding: 8px;
        margin: -12px;
    margin-left: -18px;
    border: 2px solid #FFF;
    border-radius: 50%;
    height: 48px;
    width: 48px;
}

#buttonpavnavr .elementor-button-text {
    margin-right: 24px;
    margin-left: 42px;
}


#buttonpavnavr .elementor-button-icon svg {
        font-size: 18px;
    margin: auto;
}

@media (max-width: 1024px) {
    #buttonpavnavr .elementor-button-icon {
        position:absolute;
    margin-top: -32px;
    left: 50%;
    right:50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    margin-left: 0px;
    margin-right: 0px;
        width: 56px;
    height: 56px;
}
#buttonpavnavr .elementor-button-text {
margin-right: auto;
    margin-left: auto;
}
#buttonpavnavr .elementor-button-icon svg {
        font-size: 18px;
                transform: rotate(90deg); /* Changer la rotation pour les écrans inférieurs à 767px */
        transform: rotate(90deg);
    margin: auto;
}
}


#buttonpavnavrr .elementor-button-icon {
    background-color: var(--e-global-color-db55a1f );
    font-size: 16px;
    padding: 8px;
        margin: -12px;
    margin-left: -18px;
    border: 2px solid #FFF;
    border-radius: 50%;
    height: 48px;
    width: 48px;
}

#buttonpavnavrr .elementor-button-icon svg {
        font-size: 18px;
    margin: auto;
}


#phoneheader .elementor-button-icon svg {
    height: 24px;
    width: 24px;
    margin: auto;
}

.elementor-button span {
margin: auto;
}

/* Ajout effet lumineux sous le logo PAV du bloc où sommes-nous dans la page d'accueil */
.ousommesnous .e-hotspot__icon {
filter: drop-shadow(0 0 0.75rem #FFF);
}


.confianceimage-shadow {
  filter: drop-shadow(2px 0px 2px rgba(0, 0, 0, 0.05)) drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.1)) !important;
}

.elementor-2768 .elementor-element.elementor-element-3925d83 .elementor-heading-title {
    color: var(--e-global-color-primary );
    font-family: "Libre Franklin", Sans-serif;
    font-weight: 600;
    background-color: #FAFAFA;
}

.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover {
    background-color: var(--e-global-color-8855a76 ) !important;
        color: #fff;
}
.timeline-vertical {
 margin-top:00px; 
margin-bottom:00px;   
--background-transition: 0.3s;
    border-style: dotted;
    --border-style: dotted;
    border-width: 0px 0px 0px 4px;
    --border-width-top: 0px;
    --border-width-right: 0px;
    --border-width-bottom: 0px;
    --border-width-left: 4px;
    border-color: var(--e-global-color-primary );
    --border-color: var(--e-global-color-primary ) ;
}


.menu-responsive-line .elementor-nav-menu--dropdown {
    font-size: 16px;
} 

@media (max-width: 768px) {
.testimonial-resp {
    --display: flex;
    --background-transition: 0.3s;
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px !important;
    --padding-top: 24px;
    --padding-right: 24px;
    --padding-bottom: 24px;
    --padding-left: 24px;
    --z-index: 1;
}
.testimonial-resp-image {
text-align:center !important;
}
}


#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    max-width: 100% !important;
        font-size: 16px !important;
} 
#cmplz-document p {
        font-size: 16px !important;
} 

#form-souscription .elementor-button {
   background-image: url(https://pretavendre-immo.fr/wp-content/uploads/2022/12/bande-numero-entete-HD-scaled.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
} 

.play-button {
width:200px !important;
height:44px !important;
}

.play-button  img:hover {
    width:200px !important;
height:44px !important;
  content: url("https://pretavendre-immo.fr/wp-content/uploads/2023/05/bouton-play-hover-1.svg") !important;
}


/* Style pour la fonction du système des annonces */

.gmw-element-wrapper .gmw-action-button, .gmw-element-wrapper input[type=number], .gmw-element-wrapper input[type=search], .gmw-element-wrapper input[type=text], .gmw-element-wrapper select, .gmw-element-wrapper textarea, .gmw-form-wrapper .gmw-form-button, .gmw-form-wrapper input[type=number], .gmw-form-wrapper input[type=text], .gmw-form-wrapper select, .gmw-form-wrapper textarea  {
font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
}

.gmw-flexed-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1.5rem;
    margin: 0 0 var(--gmw-form-elements-gap);
}

.gmw-element-wrapper .gmw-action-button, .gmw-form-wrapper .gmw-form-button {
box-shadow: none !important;}

.gmw-no-results, .gmw-no-results-wrapper, div.gmw-results-message {
box-shadow: none !important;}

.gmw-form-wrapper .gmw-modal-box-wrapper .gmw-modal-box-content {
    background: #fff;
    padding: 25px 25px;
    height: auto !important; 
    align-content: flex-start;
    box-sizing: border-box;
    z-index:100000 !important;
}


.gmw-form-wrapper .gmw-field-type-range_slider-wrapper, .gmw-form-wrapper .gmw-field-type-slider-wrapper {
    padding-top: 0px !important;
}


.gmw-form-field-wrapper.gmw-toggle-button-field-wrapper.gmw-field-type-link-wrapper {
    color: #FFF;
}

@media (max-width: 769px) {
    .gmw-flexed-wrapper {
        flex-direction: column;
        align-items: flex-start;
        box-sizing: border-box;
        margin: 0;
        width: 100%;
    }
        .gmw-modal-box-content.gmw-flexed-wrapper .gmw-flexed-wrapper>* {
        flex: 1 1 100%; /* Changez 1/2 * 100% à 100% pour une disposition en colonne */
    }
}



.gmw-form-wrapper .gmw-modal-box-wrapper[data-type=popup] .gmw-modal-box-inner {
    min-height: 420px;
}



/* Ajouter une bordure de 600px au focus */
.gmw-element-wrapper input[type=number]:focus,
.gmw-element-wrapper input[type=text]:focus,
.gmw-form-wrapper input[type=number]:focus,
.gmw-form-wrapper input[type=search]:focus,
.gmw-form-wrapper input[type=text]:focus,
.gmw-form-wrapper textarea:focus {
    outline: none; /* Supprime la bordure par défaut du navigateur */
    border-color: var(--e-global-color-secondary); /* Ajoute une bordure colorée */
    border-width: 1px;
    padding: 16px;
    background: #ffffff;}



.gmw-form-wrapper input[type=text] {
    border : 1px solid #E5EAEE !important;
}

.gmw-form-wrapper .gmw-modal-box-wrapper[data-type=popup] .gmw-modal-box-inner {
    background: #fff;
    border-radius: 12px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: 150px;
    width: 100%;
    max-width: 800px;
    max-height: 100%;
    overflow: scroll;
    height: 100%;
}

.gmw-form-field-wrapper.gmw-cf-prix_de_vente-field-wrapper.gmw-field-type-range_slider-wrapper {
    min-width: 100%;
    padding-bottom: 28px;
}


.noUi-horizontal .noUi-tooltip {
    bottom: -160% !important;
}


.gmw-element-wrapper .gmw-field-label, .gmw-form-wrapper .gmw-form-field-wrapper .gmw-field-label, .gmw-form-wrapper .gmw-form-field-wrapper label:not(.gmw-checkbox-label):not(.gmw-radio-label), body.buddyboss-theme .widget .gmw-form-wrapper .gmw-form-field-wrapper .gmw-field-label {
    padding: 0 0 8px !important;
    display: inline-flex!important;
    font-size: 14px!important;
    color: inherit!important;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight ) !important;
    margin: 0!important;
    text-transform: inherit!important;
    line-height: inherit !important;
    color: var(--e-global-color-primary) !important;
}


.gmw-form-field-wrapper.gmw-locator-enabled .gmw-field-inner .gmw-address-field {
    border-radius: 3px;
    border-color: #E5EAEE;
    border-width: 1px 1px 1px 1px;
    padding: 16px;
    background: #ffffff;
    min-width: 0;
}


.gmw-form-field-wrapper.gmw-locator-enabled .gmw-field-inner .gmw-address-field:focus {
    outline: none; /* Supprime la bordure par défaut du navigateur */
    border-color: var(--e-global-color-secondary); /* Ajoute une bordure colorée */
    border-width: 1px;
    padding: 16px;
    background: #ffffff;
}

/* Styles pour personnaliser le menu déroulant */
.gmw-form-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px;
    border : 1px solid #E5EAEE !important;
    padding: 10px;
    background: #ffffff;
    min-width: 0;
    line-height: 1;
    /* Ajoutez l'icône SVG comme arrière-plan */
    background-image: url('https://pretavendre-immo.fr/wp-content/uploads/2022/12/angle-down-solid.svg');
    background-repeat: no-repeat;
    /* Ajustez la position de l'icône pour ajouter une marge à droite et décaler de 8px vers la gauche */
    background-position: calc(100% - 8px) center;
    background-size: 16px; /* Ajustez la taille de l'icône selon vos préférences */
}

/* Style pour le menu déroulant lorsqu'il est actif (focus) et lorsqu'il est survolé (hover) */
.gmw-form-wrapper select:focus,
.gmw-form-wrapper select:hover {
    outline: none;
    border-color: var(--e-global-color-secondary);
    border-width: 1px;
    background: #ffffff;
        background-image: url('https://pretavendre-immo.fr/wp-content/uploads/2022/12/angle-down-solid.svg');
    background-repeat: no-repeat;
    /* Ajustez la position de l'icône pour ajouter une marge à droite et décaler de 8px vers la gauche */
    background-position: calc(100% - 8px) center;
    background-size: 16px; /* Ajustez la taille de l'icône selon vos préférences */

}


.noUi-handle:after, .noUi-handle:before {
display:none !important;
}

.noUi-horizontal .noUi-handle {
    background: var(--e-global-color-secondary ) !important;
    border: 2px solid #fff !important;
    border-radius: 15px !important;
    height: 25px!important;
    width: 25px!important;
    outline: 0!important;
    margin-top: -2px!important;
        top: -3px;

}

.noUi-target {
    background: #ececec !important;
    border-radius: 10px !important;
    border: 0 !important;
    height: 10px !important;
    margin-top: 2px !important;
        margin-left: 0px !important;

}


.noUi-handle {
    box-shadow: inherit !important;
    border: 2px solid #fff !important;
}

.noUi-touch-area {
    height: 100%;
    cursor: pointer;
    width: 100%;
}

.gmw-form-wrapper .noUi-tooltip {
    font-size: 13px;
    margin-bottom: -8px;
    font-family: var(--e-global-typography-primary-font-family ), Sans-serif !important;
    font-weight: 500;
}


div.gmw-results-wrapper:not(.gmw-fields-enhanced) .gmw-orderby-dropdown {
    margin: 0;
    color: var(--e-global-color-text) !important;
    border-radius: 3px !important;
    border: 1px solid #E5EAEE !important;
    font: inherit;
    height: 46px  !important;
    font-size: 14px !important;
    margin: 16px 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.gmw-results-wrapper select {
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px;
    border: 1px solid #E5EAEE !important;
    padding: 10px;
    background: #ffffff;
    min-width: 0;
    line-height: 1;
    background-image: url(https://pretavendre-immo.fr/wp-content/uploads/2022/12/angle-down-solid.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) center;
    background-size: 16px;
}

div.gmw-results-wrapper:not(.gmw-fields-enhanced) .gmw-orderby-dropdown:focus {
    outline: none !important;
    border-color: var(--e-global-color-secondary) !important;
    border-width: 1px !important;
}

.gmw-form-wrapper .noUi-target { width: calc(100% - 6px);!important; text-align: center; }

.gmw-form-wrapper .gmw-modal-box-wrapper .gmw-modal-box-content {
    background: #fff;
    padding: 30px 50px !important;
    height: calc(100% - 60px);
    align-content: flex-start;
    box-sizing: border-box;
}

div.gmw-results-wrapper:not(.gmw-fields-enhanced) .gmw-per-page select {
    margin: 0;
    color: #555;
    font: inherit;
    height: 46px !important;
    font-size: 14px !important;
    margin: 14px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:180px !important;
}

div.gmw-results-wrapper:not(.gmw-fields-enhanced) .gmw-per-page select:focus {
    outline: none;
    border-color: var(--e-global-color-secondary) !important;
    border-width: 1px !important;
}


div.gmw-results-wrapper:not(.gmw-fields-enhanced) .gmw-per-page:focus {
    outline: none;
    border-color: var(--e-global-color-secondary) !important;
    border-width: 1px !important;
}

    div.gmw-results-wrapper .gmw-per-page,
    div.gmw-results-wrapper .gmw-orderby-dropdown {
        margin: 0px;
        color: var(--e-global-color-text) !important;
        font: inherit;
        border: 1px solid #ccc;
    height: 46px !important;
        font-size: 14px !important;
        margin: 8px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    div.gmw-results-wrapper:not(.gmw-fields-enhanced) .gmw-orderby-dropdown, div.gmw-results-wrapper:not(.gmw-fields-enhanced) .gmw-per-page {
        font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
min-width:180px;
    }

    div.gmw-results-wrapper select {
background-position: 100% !important;
background-repeat: no-repeat !important;
background-position: calc(100% - 8px) center !important;
background-size: 16px !important;
}


@media (max-width: 769px) {
.gmw-form-wrapper .gmw-modal-box-wrapper[data-type=popup] .gmw-modal-box-inner {
    top: 0;
    max-height: 100vh !important;
    border-radius: 0 !important;
}
}

.classvisitead {
    position:absolute;
    background-color: var(--e-global-color-secondary);    color: #FFF !important;
    font-size: 13px !important;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
    padding: 8px 16px;
    font-weight: bold !important;
    display: inline-block;
    border-radius:2px;
        top: 8px;
    right: 8px;
}

.classvendu {
    position:relative;
    background-color:  var(--e-global-color-accent);   color: #FFF !important;
    font-size: 13px !important;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
    padding: 8px 16px;
    font-weight: 600 !important;
    display: inline-block;
    border-radius:2px;
    margin-bottom: 16px;
}

.vgbouton {
    background-color: var(--e-global-color-secondary);    color: #FFF !important;
    font-size: 16px !important;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
    padding: 8px 16px;
    font-weight: bold !important;
    display: inline-block;
    border-radius:0px;
}
/* Fin du style pour la fonction du système des annonces */


.classvenduannonce {
    position:relative;
    background-color:  var(--e-global-color-accent);   color: #FFF !important;
    padding: 8px 16px;
    font-weight: 600 !important;
    display: inline-block;
    border-radius:2px;
}


/* Effet au survol des photos sur la page Annonce */
.loop-img {
   position: relative;
    margin: auto;
    overflow: hidden;
}

.loop-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.55)); /* Dégradé du transparent (en haut) vers le noir (en bas) */
    z-index: 1; /* Assurez-vous que le voile est au-dessus de l'image */
    pointer-events: none; /* Permet aux événements de pointer de passer à travers le voile */
}

.loop-img img {
  overflow: hidden;
  transition: transform 2.4s cubic-bezier(.075, .82, .165, 1);
}

.loop-img img:hover {
  transform: scale(1.05);
  transition: opacity 2.4s cubic-bezier(.075, .82, .165, 1);
}

.loop-img:hover img {
    transform: scale(1.1);
}

.loop-img a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #111111;
  opacity: 0;
  transition: opacity 2.4s cubic-bezier(.075, .82, .165, 1);
}

.loop-img a:hover:after {
  opacity: 0.1;
}



input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
    border-color: var( --e-global-color-secondary ) !important;
}

 #searchbar.elementor-sticky--effects{ border-bottom:1px solid #E5EAEE; }

.elementor-field-group .elementor-field-textual:focus {
    box-shadow: inherit !important;    outline: 0;
}


/* Style pour la liste des caractéristiques en ligne avec des icônes */
ul.caracteristiques-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center; /* Pour aligner verticalement les caractéristiques et les points */
}

/* Style pour chaque caractéristique */
/* Style pour le texte à l'intérieur des caractéristiques */
ul.caracteristiques-list li {
    margin-right: 10px; /* Espacement entre les caractéristiques */
    line-height: 24px; /* Ajustement de la ligne pour centrer les caractéristiques */
        padding-bottom: 16px;
    display: flex; /* Pour aligner l'icône et le texte en ligne */
    align-items: center; /* Pour centrer l'icône et le texte verticalement */
    color: var(--e-global-color-text); /* Couleur du texte */
    transition: color 0.3s; /* Animation de transition de couleur */
    font-family: var(--e-global-typography-text-font-family), Sans-serif; /* Famille de police */
    font-weight: var(--e-global-typography-text-font-weight); /* Poids de la police */
    word-break: break-word; /* Gestion des sauts de ligne en cas de longues caractéristiques */
}


/* Style pour les gros points */
ul.caracteristiques-list li::before {
    content: "\2022"; /* Code Unicode pour un gros point */
    margin-right: 5px; /* Espacement entre le gros point et le texte de la caractéristique */
    color: var(--e-global-color-secondary); /* Couleur des gros points */
    transition: color 0.3s; /* Animation de transition de couleur */
    font-size: 40px;}


    #pricetab.elementor-widget-n-tabs .e-n-tab-title-text {
    display: block;
}


#formulepremium.e-n-tab-title p,
#formulebasic.e-n-tab-title p,
#formulesolo.e-n-tab-title p {
    line-height: 18px;
    font-size: 14px !important;
    font-weight: 500 !important;
}

#formulepremium.e-n-tab-title h6,
#formulebasic.e-n-tab-title h6,
#formulesolo.e-n-tab-title h6 {
    font-size: 18px !important;
    font-weight: 600 !important;
      margin-top: 4px; /* ajustez la valeur selon vos besoins */
  margin-bottom: 4px; /* ajustez la valeur selon vos besoins */
}


#formulepremium.e-n-tab-title h4,
#formulebasic.e-n-tab-title h4,
#formulesolo.e-n-tab-title h4 {
 font-size:36px;
line-height: 54px;
font-weight: 600;
  margin-top: 6px; /* ajustez la valeur selon vos besoins */
  margin-bottom: 6px; /* ajustez la valeur selon vos besoins */
}

button#formulepremium.e-n-tab-title:before {
    display:none;
  content: '';
  position: absolute;
  background-image: url('https://pretavendre-immo.fr/wp-content/uploads/2024/01/icon-premium.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 80px;
  width: 80px;
  left: 0px;
  top: -60px; /* Marge négative de 20 pixels en haut */
  z-index: 2;
}


button#formulepremium.e-n-tab-title[aria-selected="true"] {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 180px !important;
    max-width: 180px !important;
    background-color:var(--e-global-color-secondary);
color:#FFF;
}



button#formulepremium.e-n-tab-title {
        display: flex; /* Ajout de l'affichage flex pour permettre l'alignement */
    flex-direction: column; /* Aligner les enfants en colonne */
    align-items: flex-start; /* Aligner le contenu en haut */
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 180px !important;
    max-width: 180px !important;
    background-color: var(--e-global-color-a61532c);
    color: var(--e-global-color-primary);
transition:none;
}

button#formulepremium.e-n-tab-title:after {   content: "";
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: -39.8px; /* Utilisez la hauteur de #formulepremium comme valeur négative pour positionner l'élément :after en dessous */
    left: 0;
    background-color: var(--e-global-color-a61532c);
 clip-path: polygon(50% 100%, 0 0, 100% 0);
}



button#formulepremium.e-n-tab-title:hover {
    position: relative;
max-height: 140px;
    min-height: 120px; 
    min-width: 180px !important;
    max-width: 180px !important;
    background-color:var(--e-global-color-secondary);
color:#FFF;
}

button#formulepremium.e-n-tab-title[aria-selected="true"]:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: -39.8px; /* Utilisez la hauteur de #formulepremium comme valeur négative pour positionner l'élément :after en dessous */
    left: 0;
     background-color:var(--e-global-color-secondary);
 clip-path: polygon(50% 100%, 0 0, 100% 0);
}


button#formulepremium.e-n-tab-title:hover:after {
     background-color:var(--e-global-color-secondary);
}

button#formulebasic.e-n-tab-title:hover:after {
 background-color: var(--e-global-color-accent);
}


button#formulebasic.e-n-tab-title[aria-selected="true"] {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 180px !important;
    max-width: 180px !important;    background-color: var(--e-global-color-accent);
    color: #FFF;
}

button#formulebasic.e-n-tab-title {
            display: flex; /* Ajout de l'affichage flex pour permettre l'alignement */
    flex-direction: column; /* Aligner les enfants en colonne */
    align-items: flex-start; /* Aligner le contenu en haut */
    
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 180px !important;
    max-width: 180px !important;    background-color: var(--e-global-color-a61532c);
    color: var(--e-global-color-primary);
    transition: none;
}

button#formulebasic.e-n-tab-title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: -39.8px; /* Utilisez la hauteur de #formulepremium comme valeur négative pour positionner l'élément :after en dessous */
    left: 0;
    background-color: var(--e-global-color-a61532c);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}

button#formulebasic.e-n-tab-title:hover {
    position: relative;
max-height: 140px;
    min-height: 120px;    width: 120px !important;
    background-color: var(--e-global-color-accent);
    color: #FFF;
}

button#formulebasic.e-n-tab-title[aria-selected="true"]:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: -39.8px; /* Utilisez la hauteur de #formulepremium comme valeur négative pour positionner l'élément :after en dessous */
    left: 0;
    background-color: var(--e-global-color-accent);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}

button#formulesolo.e-n-tab-title[aria-selected="true"] {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 180px !important;
    max-width: 180px !important;
    background-color: var(--e-global-color-db55a1f);
    color: #FFF;
}

button#formulesolo.e-n-tab-title {
        display: flex; /* Ajout de l'affichage flex pour permettre l'alignement */
    flex-direction: column; /* Aligner les enfants en colonne */
    align-items: flex-start; /* Aligner le contenu en haut */
    
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 180px !important;
    max-width: 180px !important;
    background-color: var(--e-global-color-a61532c);
    color: var(--e-global-color-primary);;
    transition: none;
}

button#formulesolo.e-n-tab-title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: -39.8px; /* Utilisez la hauteur de #formulepremium comme valeur négative pour positionner l'élément :after en dessous */
    left: 0;
    background-color: var(--e-global-color-a61532c);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}

button#formulesolo.e-n-tab-title:hover {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 180px !important;
    max-width: 180px !important;
    background-color: var(--e-global-color-db55a1f);
    color: #FFF;
}

button#formulesolo.e-n-tab-title[aria-selected="true"]:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: -39.8px; /* Utilisez la hauteur de #formulepremium comme valeur négative pour positionner l'élément :after en dessous */
    left: 0;
    background-color: var(--e-global-color-db55a1f);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}

button#formulesolo.e-n-tab-title:hover:after {
    background-color: var(--e-global-color-db55a1f);
}


/* Ajouter une règle media query pour les écrans de moins de 1024px */
@media screen and (max-width: 1024px) {

#formulepremium.e-n-tab-title h6, #formulebasic.e-n-tab-title h6, #formulesolo.e-n-tab-title h6 {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-top: 4px;
    margin-bottom: 2px;
}
  
#formulepremium.e-n-tab-title p,
#formulebasic.e-n-tab-title p,
#formulesolo.e-n-tab-title p {
    line-height: 18px;
    font-size: 13px !important;
    font-weight: 500 !important;
}

#formulepremium.e-n-tab-title h4,
#formulebasic.e-n-tab-title h4,
#formulesolo.e-n-tab-title h4 {
 font-size:24px;
line-height: 36px;
font-weight: 600;
  margin-top: 6px; /* ajustez la valeur selon vos besoins */
  margin-bottom: 6px; /* ajustez la valeur selon vos besoins */
}


button#formulepremium.e-n-tab-title[aria-selected="true"] {
    position: relative;
    max-height: fit-content;
    min-height: 120px;   min-width: 160px !important;
    max-width: 160px !important;
}

button#formulepremium.e-n-tab-title {
    position: relative;
    max-height: fit-content;
    min-height: 120px;   min-width: 160px !important;
    max-width: 160px !important;
}

button#formulepremium.e-n-tab-title:hover {
    position: relative;
    max-height: fit-content;
    min-height: 120px;   min-width: 160px !important;
    max-width: 160px !important;
}



button#formulesolo.e-n-tab-title[aria-selected="true"] {
    position: relative;
    max-height: fit-content;
    min-height: 120px;   min-width: 160px !important;
    max-width: 160px !important;

}

button#formulesolo.e-n-tab-title {
    position: relative;
    max-height: fit-content;
    min-height: 120px;  min-width: 160px !important;
    max-width: 160px !important;
}

button#formulesolo.e-n-tab-title:hover {
    position: relative;
    max-height: fit-content;
    min-height: 120px;   min-width: 160px !important;
    max-width: 160px !important;
}


button#formulebasic.e-n-tab-title[aria-selected="true"] {
    position: relative;
    max-height: fit-content;
    min-height: 120px;    min-width: 160px !important;
    max-width: 160px !important;

}

button#formulebasic.e-n-tab-title {
    position: relative;
    max-height: fit-content;
    min-height: 120px;  min-width: 160px !important;
    max-width: 160px !important;
}

button#formulebasic.e-n-tab-title:hover {
    position: relative;
    max-height: fit-content;
    min-height: 120px;   min-width: 160px !important;
    max-width: 160px !important;
}

}


/* Ajouter une règle media query pour les écrans de moins de 727px */
@media screen and (max-width: 727px) {

    #pricetab.elementor-widget-n-tabs .e-n-tabs-heading {
        overflow-x: auto;
        white-space: nowrap;
        display: flex;
        flex-wrap: nowrap; /* Empêcher le passage à la ligne des éléments flexibles */
        padding-top:30px;
        padding-bottom:60px;
    }

        button#formulepremium.e-n-tab-title,
    button#formulebasic.e-n-tab-title,
    button#formulesolo.e-n-tab-title {
        white-space: normal; /* Appliquer white-space: normal uniquement aux boutons spécifiques */
    }


#formulepremium.e-n-tab-title h4,
#formulebasic.e-n-tab-title h4,
#formulesolo.e-n-tab-title h4 {
 font-size:24px;
line-height: 28px;
font-weight: 600;
  margin-top: 6px; /* ajustez la valeur selon vos besoins */
  margin-bottom: 6px; /* ajustez la valeur selon vos besoins */
}


#formulepremium.e-n-tab-title h6, #formulebasic.e-n-tab-title h6, #formulesolo.e-n-tab-title h6 {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-top: 4px;
    margin-bottom: 2px;
}



button#formulepremium.e-n-tab-title:before {
  content: '';
  position: absolute;
  background-image: url('https://pretavendre-immo.fr/wp-content/uploads/2024/01/icon-premium.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 60px;
  width: 60px;
  left: 0px;
  top: -50px; /* Marge négative de 20 pixels en haut */
}

#formulepremium.e-n-tab-title p,
#formulebasic.e-n-tab-title p,
#formulesolo.e-n-tab-title p {
    line-height: 14px;
    font-size: 10px !important;
    font-weight: 400 !important;
}

button#formulepremium.e-n-tab-title[aria-selected="true"] {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 140px !important;
    max-width: 140px !important;
}

button#formulepremium.e-n-tab-title {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 140px !important;
    max-width: 140px !important;
}

button#formulepremium.e-n-tab-title:hover {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 140px !important;
    max-width: 140px !important;
}



button#formulesolo.e-n-tab-title[aria-selected="true"] {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 140px !important;
    max-width: 140px !important;

}

button#formulesolo.e-n-tab-title {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 140px !important;
    max-width: 140px !important;
}

button#formulesolo.e-n-tab-title:hover {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 140px !important;
    max-width: 140px !important;
}


button#formulebasic.e-n-tab-title[aria-selected="true"] {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 140px !important;
    max-width: 140px !important;

}

button#formulebasic.e-n-tab-title {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 140px !important;
    max-width: 140px !important;
}

button#formulebasic.e-n-tab-title:hover {
    position: relative;
max-height: 140px;
    min-height: 106px;    min-width: 140px !important;
    max-width: 140px !important;
}
}


/* Ajouter une règle media query pour les écrans de moins de 360px */
@media screen and (max-width: 420px) {

#pricetab.elementor-widget-n-tabs .e-n-tabs-heading {
    overflow-x: auto; /* Ajoute un défilement horizontal si le contenu dépasse */
    white-space: nowrap; /* Empêche le retour à la ligne du contenu */
}

button#formulepremium.e-n-tab-title[aria-selected="true"] {
    position: relative;
max-height: 140px;
    min-height: 120px;   min-width: 140px !important;
    max-width: 140px !important;
}

button#formulepremium.e-n-tab-title {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 140px !important;
    max-width: 140px !important;
}

button#formulepremium.e-n-tab-title:hover {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 140px !important;
    max-width: 140px !important;
}



button#formulesolo.e-n-tab-title[aria-selected="true"] {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 140px !important;
    max-width: 140px !important;

}

button#formulesolo.e-n-tab-title {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 140px !important;
    max-width: 140px !important;
}

button#formulesolo.e-n-tab-title:hover {
    position: relative;
max-height: 140px;
    min-height: 120px;min-width: 140px !important;
    max-width: 140px !important;
}


button#formulebasic.e-n-tab-title[aria-selected="true"] {
    position: relative;
max-height: 140px;
    min-height: 120px;   min-width: 140px !important;
    max-width: 140px !important;

}

button#formulebasic.e-n-tab-title {
    position: relative;
max-height: 140px;
    min-height: 120px;    min-width: 140px !important;
    max-width: 140px !important;
}

button#formulebasic.e-n-tab-title:hover {
    position: relative;
max-height: 140px;
    min-height: 106px;    min-width: 140px !important;
    max-width: 140px !important;
}


}


/* Premier bouton classe */
#buttonpavhero .elementor-button-icon svg {
        font-size: 32px;
}

/* Style pour les écrans inférieurs à 767px */
@media screen and (max-width: 767px) {
    #buttonpavhero .elementor-button-icon svg {
        font-size: 20px;
    }
}



/* bouton classe */
#buttonpavherobloc .elementor-button-icon svg {
        font-size: 22px;
            margin: auto;
}

/* Style pour les écrans inférieurs à 767px */
@media screen and (max-width: 767px) {
    #buttonpavherobloc .elementor-button-icon svg {
        font-size: 18px;
            margin: auto;
    }
}

.cmplz-cookiebanner {
    z-index: 9999999;
}

#qlwapp.qlwapp-middle-left, #qlwapp.qlwapp-bottom-left, #qlwapp.qlwapp-middle-right, #qlwapp.qlwapp-bottom-right {
    z-index: 998 !important;
}


#icon_benef .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon {
    margin-top: 8px !important;
}