.elementor-17716 .elementor-element.elementor-element-359fa915{--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;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17716 .elementor-element.elementor-element-eff2136{--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;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-2c22b07f */.elementor-element-2c22b07f .custom-table-container {
    padding: 0;
    background-color: #F8F9FC; 
    margin-top: -50px;
}

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

.elementor-element-2c22b07f .custom-table-container {
    background-color: #F8F9FC;
}

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

.elementor-element-2c22b07f .custom-table-container table th, 
.elementor-element-2c22b07f .custom-table-container table td {
    border: 0;
    position: relative;
    background-color: white;
    vertical-align: middle;
}

.elementor-element-2c22b07f .custom-table-container td:first-child {
    width: 20%;
}

.elementor-element-2c22b07f td.content-col.col-equilibre .custom-orange-button {
    margin: 1.28rem; 
    margin-top: -0.7rem;
    margin-right: 1rem
    padding: 8px;

}


.elementor-element-2c22b07f tr:last-of-type td.col-equilibre {
    margin: 0px;
    padding: 10px;
}


.elementor-element-2c22b07f .custom-orange-button {
    display: block;
    box-sizing: border-box;
    width: 80%;
    border-radius: 16px;
    cursor: pointer;
    padding: 7px;
}


.elementor-element-2c22b07f .col-accordion {
    text-align: left;
    font-weight: normal;
   
}

.elementor-element-2c22b07f .accordion-header {
    font-weight: bold;
    padding: 15px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius:16px;
    background-color: white;
    color: #313131;
    
}


.elementor-element-2c22b07f .col-accordion-header {
    padding: 0px;
    margin: 0px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    background-color: white;
    color: #313131;
}  

.elementor-element-2c22b07f .col-header-formule {
    background-color: white;
    border-radius: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}  

.elementor-element-2c22b07f .accordion-header i {
    font-size: 16px;
}

.elementor-element-2c22b07f .accordion-content.hidden {
    display: none;
}

.elementor-element-2c22b07f .col-essentiel,
.col-confort {
    display: none; 
}

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


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

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

.elementor-element-2c22b07f .level-point.empty {
    background-color: #ddd;
}

.elementor-element-2c22b07f .border-flat {
    border-bottom: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-359fa915 */.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-5e86222 */#mobile-table {
    background-color: white;
    border-radius: 16px;
    padding-top: 10px;
    padding-right: 0px;
        padding-left: 0px;
    border:solid 1px #f4f4f4 ;
    
}

#garantie-mobile {
    background-color: #f9f9f9;
    font-size: 1rem;
    font-weight: normal;
    border-top: solid #ddd;
}

#equilibre-mobile {
    background-color: white;
}

#essentiel-mobile {
    background-color: white;
    width: 33%;
  
}

#header-accordion {
    border-radius:16px;
    margin-top: 50px;
 

}


#table-point {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    background-color: #F8F9FC;
}

.col-header-formule-mobile {
    padding-top:5px;
    }

.titre-formule-mobile {
    font-weight: bold;
        font-size: 0.75rem;
}


.elementor-element-681efbe {
    padding: 0;
}

.elementor-element-eff2136 {
    padding: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eff2136 */.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 */