@media all {
  *#dm .dmInner div.u_1393196466 hr {
    color:rgba(247,171,70,1) !important;
    border-width:2px !important;
  }

  *#dm .dmInner div.u_1288407549 img { object-fit:contain !important; }

  *#dm .dmInner div.u_1232126990 hr {
    color:rgba(226,137,32,1) !important;
    border-width:2px !important;
  }

  *#dm .dmInner div.u_584730809 img { object-fit:contain !important; }

  *#dm .dmInner div.u_249966917 {
    background-color:rgba(229,209,190,0.67) !important;
    background-image:none !important;
  }

  *#dm .dmInner div.u_1955885935 {
    background-color:rgba(229,209,190,0.67) !important;
    background-image:none !important;
  }

  *#dm .dmInner div.u_1952889828 img { object-fit:contain !important; }

  *#dm .dmInner div.u_1695966249 img { object-fit:contain !important; }

  *#dm .dmInner div.u_1148792065 {
    background-color:rgba(229,209,190,0.67) !important;
    background-image:none !important;
  }

  *#dm .dmInner div.u_1534246284 img { object-fit:contain !important; }

  *#dm .dmInner div.u_1677866769 {
    background-color:rgba(229,209,190,0.67) !important;
    background-image:none !important;
  }

  *#dm .dmInner div.u_1727181427 img { object-fit:contain !important; }

  *#dm .dmInner div.u_1366108873 {
    background-color:rgba(229,209,190,0.67) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_208280178 span.text { font-size:20px !important; }

  *#dm .dmInner a.u_208280178:hover {
    background-color:rgba(127,91,69,1) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_208280178.hover {
    background-color:rgba(127,91,69,1) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_208280178 {
    background-color:rgba(74,62,58,1) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_208280178:hover span.text { color:var(--color_2) !important; }

  *#dm .dmInner a.u_208280178.hover span.text { color:var(--color_2) !important; }

  *#dm .dmInner *.u_1479966747 { display:none !important; }

  *#dm .dmInner *.u_1072859517 { display:none !important; }

  *#dm .dmInner *.u_1397213132 { display:none !important; }

  *#dm .dmInner *.u_1198092048 { display:none !important; }

  *#dm .dmInner div.u_1043778252 img {
    object-fit:contain !important;
    object-position:50% 0% !important;
  }

  *#dm .dmInner a.u_1588070248 {
    border-style:solid !important;
    border-width:2px 1px 1px 1px !important;
    border-color:var(--color_5) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important;
  }

  *#dm .dmInner a.u_1588070248 span.text { font-size:18px !important; }

  *#dm .dmInner a.u_1221038923 {
    border-style:solid !important;
    border-width:2px 1px 1px 1px !important;
    border-color:var(--color_5) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important;
  }

  *#dm .dmInner a.u_1221038923 span.text { font-size:18px !important; }

  *#dm .dmInner *.u_1170700474 { display:none !important; }

  *#dm .dmInner *.u_1939578275 { display:none !important; }

  *#dm .dmInner *.u_1130025227 { display:none !important; }

  *#dm .dmInner *.u_1013789789 { display:none !important; }

  *#dm .dmInner *.u_1879877863 .photoGalleryThumbs .image-container a { background-size:contain !important; }

  *#dm .dmInner *.u_1862540537 { display:none !important; }

  *#dm .dmInner *.u_1049688798 { display:none !important; }

  *#dm .dmInner *.u_1297120025 { display:none !important; }

  *#dm .dmInner *.u_1558804662 { display:none !important; }

  *#dm .dmInner *.u_1794510805 .photoGalleryThumbs .image-container a { background-size:contain !important; }

  *#dm .dmInner *.u_1355930982 { display:none !important; }

  *#dm .dmInner *.u_1299254972 { display:none !important; }

  *#dm .dmInner *.u_1944539322 { display:none !important; }

  *#dm .dmInner *.u_1031567003 { display:none !important; }

  *#dm .dmInner *.u_1299984451 .photoGalleryThumbs .image-container a { background-size:contain !important; }

  *#dm .dmInner *.u_1785052933 { display:none !important; }

  *#dm .dmInner *.u_1550875822 { display:none !important; }

  *#dm .dmInner *.u_1293039963 { display:none !important; }

  *#dm .dmInner *.u_1135127102 { display:none !important; }

  *#dm .dmInner *.u_1677741719 .photoGalleryThumbs .image-container a { background-size:contain !important; }

  *#dm .dmInner *.u_1381532804 { display:none !important; }

  *#dm .dmInner *.u_1594406227 { display:none !important; }

  *#dm .dmInner *.u_1537496204 { display:none !important; }

  *#dm .dmInner *.u_1102940983 { display:none !important; }

  *#dm .dmInner div.u_1188036357 hr {
    color:rgba(247,171,70,1) !important;
    border-width:2px !important;
  }

  *#dm .dmInner *.u_1299661629 { display:none !important; }

  *#dm .dmInner *.u_1715388963 { display:none !important; }

  *#dm .dmInner *.u_1382127595 { display:none !important; }

  *#dm .dmInner *.u_1943935706 { display:none !important; }

  *#dm .dmInner *.u_1605742237 .photoGalleryThumbs .image-container a { background-size:contain !important; }

  *#dm .dmInner a.u_1197516168 {
    border-style:solid !important;
    border-width:2px 1px 1px 1px !important;
    border-color:var(--color_5) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important;
  }

  *#dm .dmInner a.u_1197516168 span.text {
    font-size:18px !important;
    color:var(--color_1) !important;
  }
}
@media (min-width:1025px) {
  *#dm .dmInner *.u_1524423068 .photoGalleryThumbs .image-container a { padding-top:300px !important; }

  *#dm .dmInner *.u_1879877863 .photoGalleryThumbs .image-container a { padding-top:125px !important; }

  *#dm .dmInner *.u_1794510805 .photoGalleryThumbs .image-container a { padding-top:125px !important; }

  *#dm .dmInner *.u_1299984451 .photoGalleryThumbs .image-container a { padding-top:125px !important; }

  *#dm .dmInner *.u_1677741719 .photoGalleryThumbs .image-container a { padding-top:125px !important; }

  *#dm .dmInner *.u_1541978359 .photoGalleryThumbs .image-container a { padding-top:300px !important; }

  *#dm .dmInner *.u_1605742237 .photoGalleryThumbs .image-container a { padding-top:180px !important; }
}
@media (min-width:768px) and (max-width:1024px) {
  *#dm .dmInner *.u_1677741719 .photoGalleryThumbs .image-container a { padding-top:125px !important; }

  *#dm .dmInner *.u_1299984451 .photoGalleryThumbs .image-container a { padding-top:125px !important; }

  *#dm .dmInner *.u_1794510805 .photoGalleryThumbs .image-container a { padding-top:125px !important; }

  *#dm .dmInner *.u_1879877863 .photoGalleryThumbs .image-container a { padding-top:125px !important; }
}
@media (min-width:0px) and (max-width:767px) {
  *#dm .dmInner *.u_1524423068 .photoGalleryThumbs .image-container a { padding-top:200px !important; }

  *#dm .dmInner a.u_1588070248 span.text { font-size:15px !important; }

  *#dm .dmInner a.u_1221038923 span.text { font-size:15px !important; }

  *#dm .dmInner *.u_1879877863 .photoGalleryThumbs .image-container a { padding-top:125px !important; }

  *#dm .dmInner *.u_1794510805 .photoGalleryThumbs .image-container a { padding-top:125px !important; }

  *#dm .dmInner *.u_1299984451 .photoGalleryThumbs .image-container a { padding-top:125px !important; }

  *#dm .dmInner *.u_1677741719 .photoGalleryThumbs .image-container a { padding-top:125px !important; }

  *#dm .dmInner *.u_1541978359 .photoGalleryThumbs .image-container a { padding-top:200px !important; }

  *#dm .dmInner *.u_1605742237 .photoGalleryThumbs .image-container a { padding-top:200px !important; }

  *#dm .dmInner a.u_1197516168 span.text { font-size:15px !important; }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#flex-header {
    --overlapping-background-color: rgba(0,0,0,0);
    --overlapping-background-image: rgba(0,0,0,0);
}
}



@media all {
    
#\35 9919696 {
    width: 100%;
    height: 125px;
    max-width: 100%;
}
    
#\36 3bd85219866cc3622781521 {
    min-height: 80px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    align-items: center;
    padding: 50px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc3622781520 {
    min-height: 0;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: column;
    max-width: none;
    padding: 10% 2% 3% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc362278151f {
    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/6ad3237d43884f9ea2ae49ac4e4bc520/dms3rep/multi/opt/charpente-toit-2-1-1920w.jpg");
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#widget_mqe {
    width: 100%;
    height: 20px;
    max-width: 100%;
}
    
#\36 3bd85219866cc362278151d {
    margin: 0px 0% 0px 0%;
}
    
#group_d7u {
    align-items: center;
    width: 50%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    background-color: rgba(229, 209, 190, 0.67);
    background-image: none;
    padding: 20px 30px 20px 30px;
    margin: 0px 0% 0px 0%;
}
    
#widget_a82 {
    width: 100%;
    height: 115px;
    max-width: 100%;
    order: 0;
}
    
#a2b17645.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 4px;
    padding-bottom: 4px;
}
#a2b17645 {
    width: 100%;
    height: auto;
    min-height: 1px;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_f5a {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
}
    
#group_3oc {
    flex-direction: row;
    width: 100%;
    min-width: 4%;
    min-height: 80px;
    column-gap: 4%;
    row-gap: 24px;
    flex-wrap: nowrap;
    padding: 0px 10% 0px 10%;
    margin: 0px 0% 0px 0%;
}
    
#group_5ib {
    align-items: flex-start;
    width: 30.67%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 24px;
    margin-right: 0%;
    margin-left: 0%;
}
    
#widget_993 {
    width: 100%;
    height: 125px;
    max-width: 100%;
}
    
#widget_dc4.flex-element.widget-wrapper > [data-element-type] {
    padding: 30px 10px 10px 10px;
}
#widget_dc4 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: -30px 0% 0px 0%;
}
    
#\32 673d70f {
    align-items: flex-start;
    width: 30.67%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 24px;
    margin-right: 0%;
    margin-left: 0%;
}
    
#a1d2984e {
    width: 100%;
    height: 125px;
    max-width: 100%;
}
    
#\33 d69454c.flex-element.widget-wrapper > [data-element-type] {
    padding: 30px 10px 10px 10px;
}
#\33 d69454c {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: -30px 0% 0px 0%;
}
    
#\38 e4b1c49 {
    align-items: flex-start;
    width: 30.67%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 24px;
    margin-right: 0%;
    margin-left: 0%;
}
    
#\31 3789a9d {
    width: 100%;
    height: 125px;
    max-width: 100%;
}
    
#\35 ba9d24d.flex-element.widget-wrapper > [data-element-type] {
    padding: 30px 10px 10px 10px;
}
#\35 ba9d24d {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: -30px 0% 0px 0%;
}
    
#\35 fd996d2 {
    align-items: flex-start;
    width: 30.67%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 24px;
    margin-right: 0%;
    margin-left: 0%;
}
    
#c56a925a.flex-element.widget-wrapper > [data-element-type] {
    padding: 30px 10px 10px 10px;
}
#c56a925a {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: -30px 0% 0px 0%;
}
    
#\38 eea5f0a {
    align-items: flex-start;
    width: 30.67%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 24px;
    margin-right: 0%;
    margin-left: 0%;
}
    
#a3e01604 {
    width: 100%;
    height: 125px;
    max-width: 100%;
}
    
#\30 81c94d9.flex-element.widget-wrapper > [data-element-type] {
    padding: 30px 10px 10px 10px;
}
#\30 81c94d9 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: -30px 0% 0px 0%;
}
    
#group_7ur {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    min-width: 4%;
    min-height: 80px;
    column-gap: 4%;
    row-gap: 24px;
}
    
#widget_iko {
    width: 280px;
    height: auto;
    max-width: 100%;
}
}



@media all {
    
#\38 0d72f26.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 4px;
    padding-bottom: 4px;
}
#\38 0d72f26 {
    width: 55%;
    height: auto;
    min-height: 1px;
    max-width: 100%;
    order: 2;
}
    
#f7d47abc {
    min-height: 10px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 2% 0% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\30 d0d2691 {
    margin: 0px 0% 0px 0%;
}
    
#\35 da2d97a {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#\34 a594509 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 100%;
    align-items: center;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#bfb6b170 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\35 162fd09 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: stretch;
    order: 3;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a363ac1e {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: stretch;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\36 0414899 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#bd910bb7::before, #bd910bb7 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 1);
    opacity: 0.5;
    border-radius: inherit;
}
#bd910bb7 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 44%;
    min-width: 4%;
    background-image: none;
}
    
#\34 9faff29.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 10px 0px 10px;
}
#\34 9faff29 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    margin: 0px 0% 0px 0%;
}
    
#bf0bb118 {
    min-height: 240px;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#\34 30ce2ec.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\34 30ce2ec {
    width: 100%;
    height: 300px;
    max-width: 100%;
    order: 0;
    margin: 0px 0% -280px 0%;
}
    
#\34 662d3ea {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 26%;
    min-width: 4%;
    padding: 30px 0px 30px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\32 52372b4 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 26%;
    min-width: 4%;
    align-items: flex-end;
    padding: 30px 0px 30px 0px;
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\30 4ac7130 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 50%;
    min-width: 4%;
    background-image: url("https://le-de.cdn-website.com/6ad3237d43884f9ea2ae49ac4e4bc520/dms3rep/multi/opt/r%C3%A9novation-toiture-1920w.jpg");
    align-items: flex-end;
    justify-content: flex-end;
    background-position: 100% 50%;
    padding: 350px 20px 20px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\31 e4a81db {
    min-height: 240px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 0% 0% 0% 0%;
}
    
#c2dc6bcc {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 50%;
    min-width: 4%;
    background-image: url("https://le-de.cdn-website.com/6ad3237d43884f9ea2ae49ac4e4bc520/dms3rep/multi/opt/couverture-neuve-1920w.jpg");
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0px 20px 0px 20px;
    margin: 0px 0% 0px 0%;
}
    
#\30 0897a3a {
    margin: 0px 0% 0px 0%;
}
    
#\39 8b2a786 {
    width: 100%;
    height: 60px;
    max-width: 100%;
}
    
#befe8eca {
    align-items: flex-start;
    width: 55%;
    min-height: 10px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 24px;
    background-color: rgba(127,91,69,0.92);
    background-image: none;
    order: 2;
    padding: 0px 0px 0px 0px;
    margin: 100px 0% 0px 0%;
}
    
#\37 5616ab0 {
    align-items: center;
    width: 55%;
    min-height: 10px;
    max-height: 100%;
    row-gap: 20px;
    column-gap: 24px;
    background-color: rgba(127,91,69,0.92);
    background-image: none;
    order: 0;
    align-self: flex-start;
    justify-content: flex-start;
    padding: 20px 40px 20px 40px;
    margin: -50px 0% 0px 0%;
}
    
#ce9962b9 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 477f7e4 {
    width: 80%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\32 6454936 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\38 9102a6c {
    width: 100%;
    height: 550px;
    max-width: 100%;
    align-self: stretch;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}
    
#\35 e6bde6d {
    background-color: rgba(74, 62, 58, 1);
    background-image: none;
}
    
#\37 0bea923 {
    width: 100%;
    height: 550px;
    max-width: 100%;
    align-self: stretch;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}
    
#\35 dd6dbc5 {
    min-height: 240px;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
}
    
#\31 9f1f789 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 23.5%;
    min-width: 4%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    order: 2;
}
    
#\34 521bae7 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 23.5%;
    min-width: 4%;
    order: 3;
}
    
#f99c7ae0 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 23.5%;
    min-width: 4%;
    order: 1;
}
    
#\32 4ce9e39 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 23.5%;
    min-width: 4%;
    flex-wrap: nowrap;
    align-items: center;
    order: 0;
}
    
#widget_prb {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    margin-right: 0%;
    margin-left: 0%;
}
    
#\34 aea2912 {
    width: 70%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#bcff8614 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 22%;
    min-width: 4%;
    align-items: center;
}
    
#baea16a4 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\31 2c576f4 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\39 66ef183.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\39 66ef183 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#f3500211 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\30 d07f5ef {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-top: 0px;
}
    
#\38 b196343 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 22%;
    min-width: 4%;
    align-items: center;
}
    
#\38 f2ccf87.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\38 f2ccf87 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 823b222 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 22%;
    min-width: 4%;
    align-items: center;
}
    
#a266ade8 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 22%;
    min-width: 4%;
    align-items: center;
}
    
#\31 00f27ea.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\31 00f27ea {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#eb3b8dca::before, #eb3b8dca > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 1);
    opacity: 0.25;
    border-radius: inherit;
}
#eb3b8dca {
    background-image: url("https://le-de.cdn-website.com/6ad3237d43884f9ea2ae49ac4e4bc520/dms3rep/multi/opt/planches-bois-1-1920w.jpg");
}
    
#\39 764354e {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#af4676fa.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#af4676fa {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\39 8aae0ca {
    min-height: 240px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 0% 0% 0% 0%;
}
    
#\38 507d68a {
    align-items: center;
    width: 55%;
    min-height: 10px;
    max-height: 100%;
    row-gap: 20px;
    column-gap: 24px;
    background-color: rgba(127,91,69,0.92);
    background-image: none;
    order: 0;
    justify-content: flex-end;
    padding: 40px 40px 40px 40px;
    margin: 0px 0% 0px 0%;
}
    
#f20e739b {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 50%;
    min-width: 4%;
    background-image: url("https://le-de.cdn-website.com/6ad3237d43884f9ea2ae49ac4e4bc520/dms3rep/multi/opt/isolation-combles-1920w.jpg");
    align-items: flex-end;
    justify-content: flex-end;
    padding: 200px 20px 200px 20px;
    margin: 0px 0% 0px 0%;
}
    
#\33 8b016ba {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\38 1ee05a2 {
    margin: 0px 0% 0px 0%;
}
    
#group_bau {
    width: 50%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    background-color: var(--color_7);
    background-image: none;
}
}



@media all {
    
#\38 2c4573b {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 26%;
    min-width: 4%;
    padding: 30px 0px 30px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\35 f629a18 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#c7a808c4 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 26%;
    min-width: 4%;
    align-items: flex-end;
    padding: 30px 0px 30px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\36 84607a7::before, #\36 84607a7 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 1);
    opacity: 0.5;
    border-radius: inherit;
}
#\36 84607a7 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 44%;
    min-width: 4%;
    background-image: none;
}
    
#\37 4fd0ba4.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\37 4fd0ba4 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    margin: 0px 0% 0px 0%;
}
    
#\31 7b6561f {
    min-height: 240px;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#\36 8642dee.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\36 8642dee {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#dde59193 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: stretch;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\36 652ddb6 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\33 0ea3498 {
    min-height: 10px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 2% 0% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\30 01b3519 {
    margin: 0px 0% 0px 0%;
}
    
#\39 ec93f07 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#\37 9c1532d.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 4px;
    padding-bottom: 4px;
}
#\37 9c1532d {
    width: 55%;
    height: auto;
    min-height: 1px;
    max-width: 100%;
}
    
#\32 59739ee {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 100%;
    align-items: center;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3bd85219866cc3622781520 {
    padding-right: 2%;
    min-height: 180px;
}
    
#group_3oc {
    column-gap: 4%;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
}
    
#group_5ib {
    margin-right: 0%;
    margin-left: 0%;
    width: 48%;
}
    
#\32 673d70f {
    margin-right: 0%;
    margin-left: 0%;
    width: 48%;
}
    
#\38 e4b1c49 {
    margin-right: 0%;
    margin-left: 0%;
    width: 48%;
}
    
#\35 fd996d2 {
    margin-right: 0%;
    margin-left: 0%;
    width: 48%;
}
    
#\38 eea5f0a {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#group_d7u {
    width: 80%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#f7d47abc {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#bd910bb7::before, #bd910bb7 > .bgExtraLayerOverlay {
    
}
#bd910bb7 {
    width: 49%;
    min-height: 8px;
    margin: 0% 0% 0% 0%;
}
    
#bf0bb118 {
    flex-direction: row;
    flex-wrap: nowrap;
    column-gap: 2%;
    min-height: 240px;
    padding: 2% 2% 10% 2%;
}
    
#\34 05cba86 {
    margin: 0px 0% 0px 0%;
}
    
#\32 52372b4 {
    width: 49%;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#\34 662d3ea {
    width: 49%;
    min-height: 8px;
    margin: 0% 0% 0% 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\30 4ac7130 {
    width: 50%;
    padding: 350px 20px 20px 20px;
    margin: 0px 0% 0px 0%;
}
    
#\31 e4a81db {
    padding: 0% 0% 0% 0%;
}
    
#c2dc6bcc {
    width: 50%;
}
    
#\30 0897a3a {
    margin: 0px 0% 0px 0%;
}
    
#\37 5616ab0 {
    width: 80%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 6454936 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\38 9102a6c {
    height: 300px;
}
    
#\37 0bea923 {
    height: 300px;
}
    
#\35 dd6dbc5 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    column-gap: 2%;
}
    
#\31 9f1f789 {
    width: 100%;
    min-height: 80px;
    column-gap: 4%;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#\34 521bae7 {
    width: 100%;
    min-height: 80px;
    margin: 0% 0% 0% 0%;
}
    
#f99c7ae0 {
    width: 100%;
    min-height: 80px;
    margin: 0% 0% 0% 0%;
}
    
#\32 4ce9e39 {
    width: 100%;
    min-height: 80px;
    column-gap: 4%;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#eb3b8dca::before, #eb3b8dca > .bgExtraLayerOverlay {
    
}
    
#\39 764354e {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\39 8aae0ca {
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 240px;
    padding: 0% 0% 0% 0%;
}
    
#f20e739b {
    width: 50%;
    min-height: 8px;
}
    
#\38 1ee05a2 {
    margin: 0px 0% 0px 0%;
}
    
#group_bau {
    width: 50%;
    min-height: 8px;
}
    
#\38 507d68a {
    width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 84607a7::before, #\36 84607a7 > .bgExtraLayerOverlay {
    
}
    
#\31 7b6561f {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 0ea3498 {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (max-width: 767px) {
    
#\35 9919696 {
    height: 100px;
}
    
#\36 3bd85219866cc3622781521 {
    min-height: 80px;
    align-items: center;
    width: 100%;
    padding: 50px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc3622781520 {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
}
    
#widget_a82 {
    height: 100px;
}
    
#group_3oc {
    width: 100%;
    min-height: 80px;
    align-items: center;
    column-gap: 4%;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    row-gap: 0px;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#widget_993 {
    height: 100px;
}
    
#a1d2984e {
    height: 100px;
}
    
#\31 3789a9d {
    height: 100px;
}
    
#a3e01604 {
    height: 100px;
}
    
#group_7ur {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#group_d7u {
    width: 100%;
}
    
#group_5ib {
    margin-right: 0%;
    margin-left: 0%;
    width: 48%;
}
    
#\32 673d70f {
    margin-right: 0%;
    margin-left: 0%;
    width: 48%;
}
    
#\38 e4b1c49 {
    margin-right: 0%;
    margin-left: 0%;
    width: 48%;
}
    
#\35 fd996d2 {
    margin-right: 0%;
    margin-left: 0%;
    width: 48%;
}
    
#\38 eea5f0a {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
}



@media (max-width: 767px) {
    
#f7d47abc {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 4% 4% 0% 4%;
}
    
#\30 d0d2691 {
    margin: 0px 0% 0px 0%;
}
    
#\34 a594509 {
    min-height: 80px;
    align-items: flex-start;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
}



@media (max-width: 767px) {
    
#bd910bb7::before, #bd910bb7 > .bgExtraLayerOverlay {
    
}
#bd910bb7 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#bf0bb118 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 20px;
    padding: 2% 4% 20% 4%;
}
    
#\34 30ce2ec.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\34 30ce2ec {
    height: 200px;
    margin: 0px 0% -200px 0%;
}
    
#\34 662d3ea {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\34 05cba86 {
    margin: 0px 0% 0px 0%;
}
    
#\32 52372b4 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\30 4ac7130 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 130px 20px 20px 20px;
    margin: 0px 0% 0px 0%;
}
    
#\31 e4a81db {
    min-height: unset;
    flex-direction: column;
    padding: 0% 0% 0% 0%;
}
    
#c2dc6bcc {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 0px 20px 150px 20px;
    margin: 0px 0% 0px 0%;
}
    
#\30 0897a3a {
    margin: 0px 0% 0px 0%;
}
    
#\37 5616ab0 {
    width: 80%;
}
}



@media (max-width: 767px) {
    
#\32 6454936 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\38 9102a6c {
    height: 240px;
}
    
#\37 0bea923 {
    height: 240px;
}
    
#\35 dd6dbc5 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 4% 4% 4% 4%;
}
    
#\31 9f1f789 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    column-gap: 4%;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#\34 521bae7 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#f99c7ae0 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\32 4ce9e39 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    column-gap: 4%;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#\39 aaf0e03 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\38 b196343 {
    width: 48%;
    min-height: 80px;
    align-items: center;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#bcff8614 {
    width: 48%;
    min-height: 80px;
    align-items: center;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#\32 823b222 {
    width: 48%;
    min-height: 80px;
    align-items: center;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#a266ade8 {
    width: 48%;
    min-height: 80px;
    align-items: center;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#eb3b8dca::before, #eb3b8dca > .bgExtraLayerOverlay {
    
}
    
#e43223ca {
    margin: 0px 0% 0px 0%;
}
    
#\39 764354e {
    min-height: 240px;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 4%;
    padding: 4% 4% 4% 4%;
}
}



@media (max-width: 767px) {
    
#\39 8aae0ca {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
}
    
#f20e739b {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 20px 20px 150px 20px;
    margin: 0px 0% 0px 0%;
}
    
#\38 1ee05a2 {
    margin: 0px 0% 0px 0%;
}
    
#group_bau {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\38 507d68a {
    width: 100%;
}
}



@media (max-width: 767px) {
    
#\38 2c4573b {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#c7a808c4 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\36 84607a7::before, #\36 84607a7 > .bgExtraLayerOverlay {
    
}
#\36 84607a7 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\36 ef3e893 {
    margin: 0px 0% 0px 0%;
}
    
#\31 7b6561f {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 20px;
    padding: 2% 4% 8% 4%;
}
}



@media (max-width: 767px) {
    
#\33 0ea3498 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 4% 4% 0% 4%;
}
    
#\30 01b3519 {
    margin: 0px 0% 0px 0%;
}
    
#\32 59739ee {
    min-height: 80px;
    align-items: flex-start;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
}