@media all {
  *#dm .dmInner nav.u_1998592992 { color:black !important; }

  *#dm .dmInner *.u_1779220867 .svg { width:100% !important; }

  *#dm .dmInner *.u_1864779452 .svg { width:100% !important; }

  *#dm .dmInner *.u_1131286209 .svg { width:100% !important; }

  *#dm .dmInner *.u_1189641253 .svg { width:100% !important; }

  *#dm .dmInner div.u_1779220867 {
    padding:25% !important;
    border-radius:50% !important;
    border-color:rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) !important;
    border-width:0px 0px 0px 0px !important;
    border-style:solid !important;
    background-color:var(--color_5) !important;
    background-image:none !important;
  }

  *#dm .dmInner div.u_1189641253 {
    padding:25% !important;
    border-radius:50% !important;
    border-color:rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) !important;
    border-width:0px 0px 0px 0px !important;
    border-style:solid !important;
    background-color:var(--color_5) !important;
    background-image:none !important;
  }

  *#dm .dmInner div.u_1131286209 {
    padding:25% !important;
    border-radius:50% !important;
    border-color:rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) !important;
    border-width:0px 0px 0px 0px !important;
    border-style:solid !important;
    background-color:var(--color_5) !important;
    background-image:none !important;
  }

  *#dm .dmInner div.u_1864779452 {
    padding:25% !important;
    border-radius:50% !important;
    border-color:rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) !important;
    border-width:0px 0px 0px 0px !important;
    border-style:solid !important;
    background-color:var(--color_5) !important;
    background-image:none !important;
  }

  *#dm .dmInner div.u_1779220867 .svg { fill:var(--color_1) !important; }

  *#dm .dmInner div.u_1189641253 .svg { fill:var(--color_1) !important; }

  *#dm .dmInner div.u_1131286209 .svg { fill:var(--color_1) !important; }

  *#dm .dmInner div.u_1864779452 .svg { fill:var(--color_1) !important; }

  *#dm .dmInner div.u_1163796883 hr {
    color:var(--color_4) !important;
    border-width:2px !important;
  }
}
@media (min-width:1025px) {
  *#dm .d-page-1716942098 DIV.dmInner { background-color:var(--color_5) !important; }

  *#dm .d-page-1716942098 DIV#dmSlideRightNavRight { background-color:var(--color_5) !important; }
}
@media (min-width:768px) and (max-width:1024px) {}
@media (min-width:0px) and (max-width:767px) {}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#\36 3d24979f4a54e38542a8abe::before, #\36 3d24979f4a54e38542a8abe > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(34, 34, 34, 1);
    opacity: 0.6;
    border-radius: inherit;
}
#\36 3d24979f4a54e38542a8abe {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://le-de.cdn-website.com/51afb848c6654e36b8d667fd575d77b1/dms3rep/multi/opt/Bongard+Chauffage+Sanitaire+SA+%282%29-1920w.jpg");
}
    
#\36 3d24979f4a54e38542a8abb {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 35px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    align-items: center;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\36 3d24979f4a54e38542a8abc {
    min-height: 320px;
    column-gap: 1%;
    row-gap: 6px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 200px 40px 200px 40px;
    margin: 0% 0% 0% 0%;
}
    
#widget_c6i {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#ce697008 {
    width: 100.00%;
    height: auto;
    max-width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3d24979f4a54e38542a8abc {
    padding-left: 40px;
    padding-right: 40px;
}
    
#\36 3d24979f4a54e38542a8abe::before, #\36 3d24979f4a54e38542a8abe > .bgExtraLayerOverlay {
    
}
    
#ce697008 {
    width: 97.40%;
}
}



@media (max-width: 767px) {
    
#\36 3d24979f4a54e38542a8abb {
    min-height: 80px;
    align-items: flex-start;
    width: 100%;
    row-gap: 20px;
}
    
#\36 3d24979f4a54e38542a8abc {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 100px 15px 100px 15px;
}
    
#\36 3d24979f4a54e38542a8abe::before, #\36 3d24979f4a54e38542a8abe > .bgExtraLayerOverlay {
    
}
    
#ce697008 {
    width: 100.00%;
}
    
#\36 3d24979f4a54e38542a8aba {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\34 b4959e5 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#d76cd929 {
    min-height: 240px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 100px 40px 100px 40px;
    margin: 0% 0% 0% 0%;
}
    
#widget_848 {
    width: 94.73%;
    height: auto;
    max-width: 100%;
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
    
#\30 ec1f7d0 {
    width: 95.09%;
    height: auto;
    max-width: 100%;
    align-self: center;
    margin-top: 0px;
}
    
#\38 44df26b {
    background-color: var(--color_5);
    background-image: none;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#d76cd929 {
    padding: 30px 40px 30px 40px;
}
    
#\30 ec1f7d0 {
    width: 100.00%;
}
    
#fac010be {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\34 b4959e5 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    justify-content: flex-start;
}
    
#d76cd929 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 30px 15px 30px 15px;
}
    
#\30 ec1f7d0 {
    width: 100.00%;
}
    
#fac010be {
    margin: 0px 0% 0px 0%;
}
    
#widget_848 {
    width: 100.00%;
}
}



@media all {
    
#\37 879b085 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 15px;
    width: 100%;
    min-width: 4%;
    padding: 0% 16px 0% 16px;
    margin: 0% 0% 0% 0%;
}
    
#\36 81b68d5 {
    min-height: 101px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 3px 40px 3px 40px;
    margin: 0% 0% 0% 0%;
}
    
#\38 8f0c4a2 {
    background-color: var(--color_8);
    background-image: none;
}
    
#\33 d852506 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-top: 3px;
}
    
#\33 6736c5d {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 81b68d5 {
    padding-left: 40px;
    padding-right: 40px;
    min-height: 107px;
}
}



@media (max-width: 767px) {
    
#\37 879b085 {
    width: 100%;
    min-height: 32px;
    align-items: flex-start;
    height: auto;
    padding: 0px 0px 0px 0px;
}
    
#\36 81b68d5 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 30px 15px 10px 15px;
}
    
#\33 d852506 {
    margin-left: 0px;
    margin-right: 0px;
}
    
#\33 6736c5d {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\32 9745012 {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\36 cd1e0f3 {
    min-height: 8px;
    column-gap: 1%;
    row-gap: 15px;
    width: 100%;
    min-width: 4%;
    flex-direction: row;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\35 6a4594b {
    background-color: var(--color_8);
    background-image: none;
}
    
#b2896383 {
    min-height: 304px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 20px 40px 20px 40px;
    margin: 0% 0% 0% 0%;
}
    
#group_25h {
    align-items: flex-start;
    width: 100%;
    min-height: 100%;
    max-height: none;
    row-gap: 24px;
    column-gap: 4%;
    background-color: var(--color_2);
    background-image: none;
    align-self: stretch;
    height: auto;
    justify-content: flex-start;
    padding: 15px 15px 15px 15px;
    margin: 0px 0% 0px 0%;
}
    
#widget_4gp {
    width: 100.16%;
    height: auto;
    max-width: 100%;
}
    
#widget_pgr {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#bf2128df {
    align-items: flex-start;
    width: 100%;
    min-height: 100%;
    max-height: none;
    row-gap: 24px;
    column-gap: 4%;
    background-color: var(--color_2);
    background-image: none;
    justify-content: flex-start;
    align-self: stretch;
    height: auto;
    padding: 15px 15px 15px 15px;
    margin: 0px 0% 0px 0%;
}
    
#\30 f49c1d2 {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#fa3452ec {
    width: 108.02%;
    height: auto;
    max-width: 100%;
}
    
#\38 0b0c44e {
    align-items: flex-start;
    width: 100%;
    min-height: 100%;
    max-height: none;
    row-gap: 24px;
    column-gap: 4%;
    background-color: var(--color_2);
    background-image: none;
    justify-content: flex-start;
    align-self: stretch;
    height: auto;
    padding: 15px 15px 15px 15px;
    margin: 0px 0% 0px 0%;
}
    
#\34 ec363d6 {
    width: 106.78%;
    height: auto;
    max-width: 100%;
}
    
#a1ffefa6 {
    align-items: flex-start;
    width: 100%;
    min-height: 100%;
    max-height: none;
    row-gap: 24px;
    column-gap: 4%;
    background-color: var(--color_2);
    background-image: none;
    justify-content: flex-start;
    align-self: stretch;
    height: auto;
    padding: 15px 15px 15px 15px;
    margin: 0px 0% 0px 0%;
}
    
#\31 3bd2ca4 {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\30 47ba733 {
    width: 98.09%;
    height: auto;
    max-width: 100%;
}
    
#widget_p5u {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_ntf {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\39 57cae50 {
    margin: 0px 0% 0px 0%;
}
    
#widget_v94 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_vd2 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 9745012 {
    width: 59px;
    height: auto;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#b2896383 {
    padding-left: 40px;
    padding-right: 40px;
}
    
#group_25h {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    height: auto;
    min-height: auto;
    width: 49%;
    justify-content: flex-start;
    align-self: stretch;
    min-width: 32px;
    max-height: none;
    margin: 0px 0% 0px 0%;
}
    
#bf2128df {
    flex-direction: column;
    align-items: flex-start;
    min-height: auto;
    width: 49%;
    justify-content: flex-start;
    min-width: 32px;
    flex-wrap: nowrap;
    margin: 0px 0% 0px 0%;
}
    
#\38 0b0c44e {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    min-height: auto;
    width: 49%;
    justify-content: flex-start;
    min-width: 32px;
    flex-wrap: nowrap;
    margin: 0px 0% 0px 0%;
}
    
#a1ffefa6 {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    min-height: auto;
    width: 50%;
    justify-content: flex-start;
    min-width: 32px;
    flex-wrap: nowrap;
    margin: 0px 0% 0px 0%;
}
    
#\36 cd1e0f3 {
    flex-wrap: wrap;
    align-content: stretch;
    flex-direction: row;
}
    
#widget_pgr {
    width: 59px;
    height: auto;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#widget_4gp {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\31 3bd2ca4 {
    width: 59px;
    height: auto;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\30 47ba733 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\34 ec363d6 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\30 f49c1d2 {
    width: 59px;
    height: auto;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#fa3452ec {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#widget_p5u {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#widget_ntf {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#widget_v94 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#widget_vd2 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\36 cd1e0f3 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 5px;
    padding: 0px 0px 0px 0px;
}
    
#b2896383 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 30px;
    padding: 10px 15px 30px 15px;
}
    
#group_25h {
    margin: 0px 0% 0px 0%;
}
    
#bf2128df {
    margin: 0px 0% 0px 0%;
}
    
#\38 0b0c44e {
    margin: 0px 0% 0px 0%;
}
    
#a1ffefa6 {
    margin: 0px 0% 0px 0%;
}
    
#widget_4gp {
    width: 80.20%;
}
    
#\39 57cae50 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\33 8648099 {
    width: 32.666666666666664%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    background-color: var(--color_8);
    background-image: none;
    order: 0;
    justify-content: space-between;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\38 bce27c3 {
    min-height: 641px;
    column-gap: 1%;
    row-gap: 6px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 0% 40px 0% 40px;
    margin: 0% 0% 0% 0%;
}
    
#group_115 {
    width: 32.666666666666664%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    background-color: rgba(241, 241, 241, 1);
    background-image: none;
    justify-content: space-between;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#widget_5js {
    width: 100%;
    height: 320px;
    max-width: 100%;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#widget_kdr {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#widget_cor {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    margin-top: -9px;
    grid-area: auto / auto / auto / auto;
}
    
#\31 1790c6e {
    width: 100%;
    height: 320px;
    max-width: 100%;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\33 98a0b7a {
    width: 32.666666666666664%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    background-color: var(--color_8);
    background-image: none;
    order: 0;
    justify-content: space-between;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\36 72c8bc5 {
    width: 99.99755680935866%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#\31 47f4ebd.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\31 47f4ebd {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 c0b1a71 {
    width: 100%;
    height: 320px;
    max-width: 100%;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\36 c91caf6 {
    width: 99.99779098610006%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#c6a3f7d4 {
    width: 99.99779098610006%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    margin-top: 2px;
    grid-area: auto / auto / auto / auto;
}
    
#df11397e {
    width: 32.666666666666664%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    background-color: var(--color_8);
    background-image: none;
    order: 0;
    justify-content: space-between;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#d2b774b2 {
    align-items: center;
    width: 99.99779098610006%;
    min-height: 0px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    align-self: auto;
    order: 4;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 4d20194 {
    width: 240px;
    height: auto;
    min-height: 55px;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\37 b4b081f {
    align-items: center;
    width: 99.99779098610006%;
    min-height: 0px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    align-self: auto;
    order: 3;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a3d40e72 {
    width: 240px;
    height: auto;
    min-height: 55px;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#group_q1m {
    align-items: flex-start;
    width: 99.99779098610006%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    align-self: auto;
    order: 0;
    justify-content: flex-start;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    grid-area: auto / auto / auto / auto;
}
    
#group_n0v {
    align-items: flex-start;
    width: 100%;
    min-height: 502px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    order: 0;
    justify-content: flex-start;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#group_aat {
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    justify-content: flex-start;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#ea361dd1 {
    align-items: center;
    width: 99.99779098610006%;
    min-height: 0px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    align-self: auto;
    order: 2;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    grid-area: auto / auto / auto / auto;
}
    
#e2d39f75 {
    width: 240px;
    height: auto;
    min-height: 55px;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\39 6c81cd8 {
    align-items: center;
    width: 99.99779098610006%;
    min-height: 0px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    align-self: auto;
    order: 3;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    grid-area: auto / auto / auto / auto;
}
    
#fd8f4c89 {
    width: 240px;
    height: auto;
    min-height: 55px;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\36 108aa2a {
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    justify-content: flex-start;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\36 fe5c55e {
    width: 100%;
    height: 320px;
    max-width: 100%;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#f2d19e00 {
    width: 99.99779098610006%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#\39 7977b19 {
    width: 99.99779098610006%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    grid-area: auto / auto / auto / auto;
}
    
#e7182944 {
    margin: 0px 4% 0px 4%;
}
    
#\36 c79f649 {
    background-color: rgba(255,255,255,1);
    background-image: none;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 8648099 {
    width: 100%;
    min-height: 80px;
}
    
#\38 bce27c3 {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    padding: 0px 40px 0px 40px;
}
    
#group_115 {
    width: 100%;
    min-height: 80px;
}
    
#\33 98a0b7a {
    width: 100%;
    min-height: 80px;
}
    
#df11397e {
    width: 100%;
    min-height: 80px;
}
    
#e7182944 {
    margin: 0px 0% 0px 0%;
}
    
#e2d39f75 {
    width: 308px;
}
    
#\39 4d20194 {
    width: 302px;
}
    
#fd8f4c89 {
    width: 272px;
}
    
#group_n0v {
    height: auto;
    min-height: 453px;
}
}



@media (max-width: 767px) {
    
#\33 8648099 {
    width: 100%;
    min-height: 0px;
    align-items: center;
    row-gap: 12px;
}
    
#\38 bce27c3 {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
}
    
#group_115 {
    width: 100%;
    min-height: 0px;
    align-items: center;
    row-gap: 12px;
}
    
#widget_5js {
    height: 240px;
}
    
#\31 1790c6e {
    height: 240px;
}
    
#\33 98a0b7a {
    width: 100%;
    min-height: 0px;
    align-items: center;
    row-gap: 12px;
}
    
#\34 c0b1a71 {
    height: 240px;
}
    
#df11397e {
    width: 100%;
    min-height: 0px;
    align-items: center;
    row-gap: 12px;
}
    
#\39 4d20194 {
    width: 100%;
}
    
#a3d40e72 {
    width: 100%;
}
    
#e2d39f75 {
    width: 100%;
}
    
#fd8f4c89 {
    width: 100%;
}
    
#\36 fe5c55e {
    height: 240px;
}
    
#group_n0v {
    height: auto;
    min-height: auto;
}
}



@media all {
    
#\39 9840705 {
    min-height: 0px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0px 40px 20px 40px;
    margin: 0% 0% 0% 0%;
}
    
#\34 b8ff896 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#bffde52e {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#a717ec81 {
    width: 95.09%;
    height: auto;
    max-width: 100%;
    align-self: center;
    margin-top: 0px;
}
    
#\37 63ffbc7 {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\39 9840705 {
    min-height: 18px;
    padding: 20px 40px 20px 40px;
}
    
#a717ec81 {
    width: 65.04%;
}
    
#\37 63ffbc7 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\39 9840705 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 15px 10px 15px;
}
    
#\34 b8ff896 {
    width: 100%;
    min-height: 117px;
    align-items: flex-start;
    height: auto;
}
    
#\37 63ffbc7 {
    margin: 0px 0% 0px 0%;
}
    
#bffde52e {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
    
#a717ec81 {
    width: 100.00%;
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
}



@media all {
    
#\39 7113071 {
    width: 100%;
    height: 200px;
    max-width: 100%;
}
    
#\36 eaadec3 {
    align-items: flex-start;
    width: 44.239705882352936%;
    min-height: 516px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    height: auto;
    align-self: flex-start;
    background-image: url(https://le-de.cdn-website.com/51afb848c6654e36b8d667fd575d77b1/dms3rep/multi/opt/Bongard+Chauffage+Sanitaire+SA+%284%29-619h.png);
    order: 1;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
#\36 eaadec3.lazy {
    background-image: url('data:image/jpeg; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAACXBIWXMAAAsTAAALEwEAmpwYAAABPUlEQVQY0xXM6y7DYACA4e96XIBEEGZjx07NupNtqbVraz1sfNNsxn6wE3aISITwW+IO/BJ39ornAh7RXPxgLn/RZ99ogy/SwTsx+5loc0ncWbFvLYicPiDynSfK4Ru1qw9KF8/kvDkp45ZYbcCBOSHjv3DU+0QU7WuK/oyyfKLQfqTojcmZfVI1SUIforbmlLqviNOzS8pn1+S9KVrwSFWuqHZmqI0eByWfbNWn5oQIeXOP0Z2Scycozhjtfw8mlLwRh7pEKdRJK2lEJxziXNxgd+9oyBFG+MBJe0zFH1GwBmQrFpFUBhF0zmkF53iyj+5eUvcHHDd7aM4QVQ/ZVaqsrW8jAs8h8F1kV2LaLpWGS1IzSBYsknmTqFJmM5pBtD2LoGViG3VU9ZC9/RQbO3G2YgqRhEo8m0c5LvIHJJTGb58eeg0AAAAASUVORK5CYII=');
}
    
#\30 44953b0.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 4px;
    padding-bottom: 30px;
}
#\30 44953b0 {
    width: 100%;
    height: auto;
    min-height: 1px;
    max-width: 100%;
    order: 2;
}
    
#\39 edb8fcd {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#\33 c28bc6b {
    align-items: flex-start;
    width: 53.75836397058823%;
    min-height: 508px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    height: auto;
    order: 0;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
}
    
#df694107 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 100px 40px 100px 40px;
    margin: 0% 0% 0% 0%;
}
    
#d0018f57 {
    background-color: var(--color_5);
    background-image: none;
}
    
#\33 b25645c {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 3;
    margin-top: 4px;
}
    
#d22ca574 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 eaadec3 {
    width: 100.00%;
    height: auto;
    min-height: 378px;
    order: 0;
    margin: 0px 0% 0px 0%;
}
#\36 eaadec3.lazy {
    background-image: url('data:image/jpeg; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAACXBIWXMAAAsTAAALEwEAmpwYAAABPUlEQVQY0xXM6y7DYACA4e96XIBEEGZjx07NupNtqbVraz1sfNNsxn6wE3aISITwW+IO/BJ39ornAh7RXPxgLn/RZ99ogy/SwTsx+5loc0ncWbFvLYicPiDynSfK4Ru1qw9KF8/kvDkp45ZYbcCBOSHjv3DU+0QU7WuK/oyyfKLQfqTojcmZfVI1SUIforbmlLqviNOzS8pn1+S9KVrwSFWuqHZmqI0eByWfbNWn5oQIeXOP0Z2Scycozhjtfw8mlLwRh7pEKdRJK2lEJxziXNxgd+9oyBFG+MBJe0zFH1GwBmQrFpFUBhF0zmkF53iyj+5eUvcHHDd7aM4QVQ/ZVaqsrW8jAs8h8F1kV2LaLpWGS1IzSBYsknmTqFJmM5pBtD2LoGViG3VU9ZC9/RQbO3G2YgqRhEo8m0c5LvIHJJTGb58eeg0AAAAASUVORK5CYII=');
}
    
#\33 c28bc6b {
    width: 100.00%;
    height: auto;
    min-height: 413px;
    order: 1;
    margin: 0px 0% 0px 0%;
}
    
#df694107 {
    padding: 100px 40px 100px 40px;
}
    
#d22ca574 {
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#\31 5123f17 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\36 eaadec3 {
    width: 100.00%;
    height: auto;
    min-height: 270px;
    order: 0;
    margin: 0px 0% 0px 0%;
}
#\36 eaadec3.lazy {
    background-image: url('data:image/jpeg; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAACXBIWXMAAAsTAAALEwEAmpwYAAABPUlEQVQY0xXM6y7DYACA4e96XIBEEGZjx07NupNtqbVraz1sfNNsxn6wE3aISITwW+IO/BJ39ornAh7RXPxgLn/RZ99ogy/SwTsx+5loc0ncWbFvLYicPiDynSfK4Ru1qw9KF8/kvDkp45ZYbcCBOSHjv3DU+0QU7WuK/oyyfKLQfqTojcmZfVI1SUIforbmlLqviNOzS8pn1+S9KVrwSFWuqHZmqI0eByWfbNWn5oQIeXOP0Z2Scycozhjtfw8mlLwRh7pEKdRJK2lEJxziXNxgd+9oyBFG+MBJe0zFH1GwBmQrFpFUBhF0zmkF53iyj+5eUvcHHDd7aM4QVQ/ZVaqsrW8jAs8h8F1kV2LaLpWGS1IzSBYsknmTqFJmM5pBtD2LoGViG3VU9ZC9/RQbO3G2YgqRhEo8m0c5LvIHJJTGb58eeg0AAAAASUVORK5CYII=');
}
    
#\30 44953b0.flex-element.widget-wrapper > [data-element-type] {
    padding-bottom: 10px;
}
    
#\33 c28bc6b {
    width: 100.00%;
    row-gap: 15px;
    order: 1;
    min-height: auto;
    margin: 0px 0% 0px 0%;
}
    
#df694107 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 30px 15px 30px 15px;
}
    
#d22ca574 {
    width: 100%;
    min-height: 0px;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    padding: 0px 0px 0px 0px;
}
    
#\31 5123f17 {
    margin: 0px 0% 0px 0%;
}
}