.elementor-18154 .elementor-element.elementor-element-6f21b115{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18154 .elementor-element.elementor-element-932cfb5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-630bae4b */.elementor-element-6f21b115 {
    margin-top: -20px;
}

.formules-container {
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
    background-color: #F8F9FC; 
}

.elementor-element-630bae4b {
    padding: 0;
    background-color: #F8F9FC; 
    padding-bottom: 0;
    margin-bottom: 0;
}

.elementor-widget-container .button-switch {
    background-color: #F8F9FC; 
    
}

.elementor-widget-container .formule-essentiel {
    background-color: #F8F9FC; 
}

.elementor-widget-container .formule-equilibre {
    background-color: #F8F9FC; 
}

.elementor-widget-container .formule-serenite {
    background-color: #F8F9FC; 
}

.elementor-widget-container .formule-confort {
    background-color: #F8F9FC; 
}

.elementor-widget-container .formule-serviceplus {
    background-color: #F8F9FC; 
}

.col-button-switch {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    width: 20%;
}

.col-formule-essentiel {
    margin: 0;
    padding-left: 0;
    padding-right: 0; 

}

.col-formule-equilibre {
    margin: 0;
    padding-left: 0;
    padding-right: 0; 
}

.col-formule-serenite {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.col-formule-confort {
    margin: 0;
    padding-left: 0;
    padding-right: 0;

}

.col-formule-serviceplus {
    margin: 0;
    padding-left: 0;
    padding-right: 0; 
}

.elementor-element-2d12e672 {
    padding: 10px; 
}

.elementor-element-5fa511e5 {
    padding: 10px;  
}

.elementor-element-72479051 {
    padding: 10px;  
}

.elementor-element-696947f {
    padding: 10px;  
}

.elementor-element-53984127 {
    padding: 10px;  
}

.elementor-element-630bae4b .scrollable-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
}

.elementor-element-630bae4b .custom-table-container table {
    width: 100%;
    height: 100%;
    background-color: #F8F9FC;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 0;
    margin-top: 0;
    box-sizing: border-box;
}

.elementor-18174 {
    background-color: #F8F9FC;
    width: 20%;
}


td[class*="content2"] {
    display: none; 
}


.switch-button {
    cursor: pointer;
    padding: 10px 15px;
    border: 1px solid;
    display: inline-flex;
    align-items: center;
    border-radius: 16px; 
    font-weight: normal;
    color: #333;

}

.switch-button.active {
    background-color: #fff; 
    color: #000; 
    border: 3px solid; 
    border-color: #739CCE;
}

.switch-button.inactive {
    background-color: #fff;
    color: #ccc;
    border: 1px solid #ddd;
}

.switch-button .icon {
    margin-left: 8px;
    font-size: 16px;
    
    
}

.switch-button.active .icon-visible {
    display: inline-block;
    color: #F0A22A;
}


.switch-button.inactive .icon-hidden {
    display: none;
    color: #ddd
}

#form-essentiel,
#form-equilibre,
#form-serenite,
#form-confort,
#form-serviceplus {
    background-color: white;
    padding: 10px;
    border-radius: 16px;

}

.title {
    color: #F0A23D;
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    }

.subtitle {
    font-size: 1em;
    color: #4A4A4A;
    font-weight: normal;
    margin-top: 0.5em;
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f21b115 */.custom-table-container {
    padding: 0;
}

.custom-table-container table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px 0;    
    text-align: center;
    background-color: #EEF3FF;
    padding: 10px;
}

.custom-table-container table th, 
.custom-table-container table td {
    border: 0;
    position: relative;
    background-color: #fff;
}

.custom-table-container td:not(:first-child) {
    width: 15%;
}


tr:first-of-type td.col-accordion {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
tr:last-of-type td.col-garantie {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

tr:nth-of-type(2) td.col-garantie {
    border-top-left-radius: 20px; 
    border-top-right-radius: 20px;
}


tr:first-of-type td.col-essentiel {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
tr:last-of-type td.col-essentiel {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}


tr:first-of-type td.col-equilibre {
  border-top-left-radius: 20px; 
  border-top-right-radius: 20px;
}
tr:last-of-type td.col-equilibre {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

tr:first-of-type td.col-serenite {
  border-top-left-radius: 20px; 
  border-top-right-radius: 20px;
}
tr:last-of-type td.col-serenite {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}


tr:first-of-type td.col-confort {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
tr:last-of-type td.col-confort {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}


tr:first-of-type td.col-serviceplus {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
tr:last-of-type td.col-serviceplus {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.level-points {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.level-point {
    width: 10px;
    height: 10px;
    background-color: #004b8d;
    border-radius: 50%;
}

.level-point.empty {
    background-color: #ddd;
}

.custom-orange-button {
    display: block;
    box-sizing: border-box;
    width: 70%;
    padding: 10px 15px;
    background-color: #f1a73e;
    color: #ffffff;
    font-size: 0.7rem;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    white-space: normal;
    line-height: 1;
    margin-left: 40px;
}

@media (max-width: 768px) {
    .custom-orange-button {
        font-size: 8px;
    }
}


.col-accordion {
    text-align: left;
    font-weight: bold;
    padding: 20px;
}

.accordion-header {
    background-color: #a8c9f1; 
    color: #fff;
    font-weight: bold;
    padding: 15px;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accordion-header i {
    font-size: 16px;
}

.accordion-content.hidden {
    display: none;
}

.col-essentiel,
.col-confort {
    display: none; 
}

.content-col i {
    color: #29CA5A;
    font-size: 18px;
}

.level-points {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.level-point {
    width: 10px;
    height: 10px;
    background-color: #004b8d;
    border-radius: 50%;
}

.level-point.empty {
    background-color: #ddd;
}
        
.custom-orange-button {
    display: block;
    box-sizing: border-box;
    width: 70%;
    padding: 10px 15px;
    background-color: #f1a73e;
    color: #ffffff;
    font-size: 0.7rem !important;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    white-space: normal;
    line-height: 1 !important;
    margin-left: 40px;
}

@media (max-width: 768px) {
.custom-orange-button {
    font-size: 8px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d582a08 */.formules-container {
    padding-bottom: 0;
    margin-bottom: 0;
    background-color: #F8F9FC; 
}

.elementor-element-630bae4b {
    padding: 0;
    background-color: #F8F9FC; 
    padding-bottom: 0;
    margin-bottom: 0;
}

.elementor-widget-container .button-switch {
    background-color: #F8F9FC; 
    
}

.elementor-widget-container .formule-essentiel {
    background-color: #F8F9FC; 
}

.elementor-widget-container .formule-equilibre {
    background-color: #F8F9FC; 
}

.elementor-widget-container .formule-serenite {
    background-color: #F8F9FC; 
}

.elementor-widget-container .formule-confort {
    background-color: #F8F9FC; 
}

.elementor-widget-container .formule-serviceplus {
    background-color: #F8F9FC; 
}

.col-button-switch {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    width: 20%;
}

.col-formule-essentiel {
    margin: 0;
    padding-left: 0;
    padding-right: 0; 

}

.col-formule-equilibre {
    margin: 0;
    padding-left: 0;
    padding-right: 0; 
}

.col-formule-serenite {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.col-formule-confort {
    margin: 0;
    padding-left: 0;
    padding-right: 0;

}

.col-formule-serviceplus {
    margin: 0;
    padding-left: 0;
    padding-right: 0; 
}

.elementor-element-2d12e672 {
    padding: 10px; 
}

.elementor-element-5fa511e5 {
    padding: 10px;  
}

.elementor-element-72479051 {
    padding: 10px;  
}

.elementor-element-696947f {
    padding: 10px;  
}

.elementor-element-53984127 {
    padding: 10px;  
}

.elementor-element-630bae4b .scrollable-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
}

.elementor-element-630bae4b .custom-table-container table {
    width: 100%;
    height: 100%;
    background-color: #F8F9FC;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 0;
    margin-top: 0;
    box-sizing: border-box;
}

.elementor-18174 {
    background-color: #F8F9FC;
    width: 20%;
}


td[class*="content2"] {
    display: none; 
}


.switch-button {
    cursor: pointer;
    padding: 10px 15px;
    border: 1px solid;
    display: inline-flex;
    align-items: center;
    border-radius: 16px; 
    font-weight: normal;
    color: #333;

}

.switch-button.active {
    background-color: #fff; 
    color: #000; 
    border: 3px solid; 
    border-color: #739CCE;
}

.switch-button.inactive {
    background-color: #fff;
    color: #ccc;
    border: 1px solid #ddd;
}

.switch-button .icon {
    margin-left: 8px;
    font-size: 16px;
    
    
}

.switch-button.active .icon-visible {
    display: inline-block;
    color: #F0A22A;
}


.switch-button.inactive .icon-hidden {
    display: none;
    color: #ddd
}

#form-essentiel,
#form-equilibre,
#form-serenite,
#form-confort,
#form-serviceplus {
    background-color: white;
    padding: 10px;
    border-radius: 16px;

}

.title-mobile {
    color: #F0A23D;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    }

.subtitle-mobile {
    font-size: 0.7em;
    color: #4A4A4A;
    font-weight: normal;
    margin-top: 0.5em;
    }
    
  #mobile-table-formules td {
      padding: 15px !important;
      background-color: white;
      border-radius: 16px;
      border: none ;
      
  }
  
  #mobile-table-formules {
      border-collapse: separate !important;
      border-spacing: 5px 5px;
      }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-932cfb5 */.custom-table-container {
    padding: 0;
}

.custom-table-container table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px 0;    
    text-align: center;
    background-color: #EEF3FF;
    padding: 10px;
}

.custom-table-container table th, 
.custom-table-container table td {
    border: 0;
    position: relative;
    background-color: #fff;
}

.custom-table-container td:not(:first-child) {
    width: 15%;
}


tr:first-of-type td.col-accordion {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
tr:last-of-type td.col-garantie {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

tr:nth-of-type(2) td.col-garantie {
    border-top-left-radius: 20px; 
    border-top-right-radius: 20px;
}


tr:first-of-type td.col-essentiel {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
tr:last-of-type td.col-essentiel {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}


tr:first-of-type td.col-equilibre {
  border-top-left-radius: 20px; 
  border-top-right-radius: 20px;
}
tr:last-of-type td.col-equilibre {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

tr:first-of-type td.col-serenite {
  border-top-left-radius: 20px; 
  border-top-right-radius: 20px;
}
tr:last-of-type td.col-serenite {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}


tr:first-of-type td.col-confort {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
tr:last-of-type td.col-confort {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}


tr:first-of-type td.col-serviceplus {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
tr:last-of-type td.col-serviceplus {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.level-points {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.level-point {
    width: 10px;
    height: 10px;
    background-color: #004b8d;
    border-radius: 50%;
}

.level-point.empty {
    background-color: #ddd;
}

.custom-orange-button {
    display: block;
    box-sizing: border-box;
    width: 70%;
    padding: 10px 15px;
    background-color: #f1a73e;
    color: #ffffff;
    font-size: 0.7rem;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    white-space: normal;
    line-height: 1;
    margin-left: 40px;
}

@media (max-width: 768px) {
    .custom-orange-button {
        font-size: 8px;
    }
}


.col-accordion {
    text-align: left;
    font-weight: bold;
    padding: 20px;
}

.accordion-header {
    background-color: #a8c9f1; 
    color: #fff;
    font-weight: bold;
    padding: 15px;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accordion-header i {
    font-size: 16px;
}

.accordion-content.hidden {
    display: none;
}

.col-essentiel,
.col-confort {
    display: none; 
}

.content-col i {
    color: #29CA5A;
    font-size: 18px;
}

.level-points {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.level-point {
    width: 10px;
    height: 10px;
    background-color: #004b8d;
    border-radius: 50%;
}

.level-point.empty {
    background-color: #ddd;
}
        
.custom-orange-button {
    display: block;
    box-sizing: border-box;
    width: 70%;
    padding: 10px 15px;
    background-color: #f1a73e;
    color: #ffffff;
    font-size: 0.7rem !important;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    white-space: normal;
    line-height: 1 !important;
    margin-left: 40px;
}

@media (max-width: 768px) {
.custom-orange-button {
    font-size: 8px;
    }
}/* End custom CSS */