@media all {
  *#dm .dmInner div.u_543023852 img { object-fit:contain !important; }

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

  *#dm .dmInner a.u_3979948743 {
    background-color:var(--color_4) !important;
    background-image:none !important;
    border-style:solid !important;
    border-width:0px 0px 0px 0px !important;
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important;
    border-radius:0px 0px 0px 0px !important;
  }

  *#dm .dmInner a.u_3979948743 span.text {
    font-size:30px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    font-style:italic !important;
    color:var(--color_7) !important;
  }

  *#dm .dmInner a.u_3979948743:hover {
    background-color:var(--color_1) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_3979948743.hover {
    background-color:var(--color_1) !important;
    background-image:none !important;
  }

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

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

  *#dm .dmInner div.u_830596900 hr {
    color:var(--color_4) !important;
    border-width:4px !important;
  }

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

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

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

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

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

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

  *#dm .dmInner div.u_1243547360 hr {
    border-width:1px !important;
    color:var(--color_4) !important;
  }

  *#dm .dmInner a.u_1547080914 {
    background-color:var(--color_4) !important;
    background-image:none !important;
    border-style:solid !important;
    border-width:0px 0px 0px 0px !important;
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important;
    border-radius:0px 0px 0px 0px !important;
  }

  *#dm .dmInner a.u_1547080914:hover {
    background-color:var(--color_1) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_1547080914.hover {
    background-color:var(--color_1) !important;
    background-image:none !important;
  }

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

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

  *#dm .dmInner a.u_1547080914 span.text {
    font-size:17px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    font-style:italic !important;
    color:var(--color_7) !important;
  }

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

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

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

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

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

  *#dm .dmInner a.u_1893629712 {
    background-color:var(--color_4) !important;
    background-image:none !important;
    border-style:solid !important;
    border-width:0px 0px 0px 0px !important;
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important;
    border-radius:0px 0px 0px 0px !important;
  }

  *#dm .dmInner a.u_1893629712:hover {
    background-color:var(--color_1) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_1893629712.hover {
    background-color:var(--color_1) !important;
    background-image:none !important;
  }

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

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

  *#dm .dmInner a.u_1893629712 span.text {
    font-size:17px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    font-style:italic !important;
    color:var(--color_7) !important;
  }

  *#dm .dmInner div.u_1139205275 {
    background-color:rgba(0,0,0,0) !important;
    background-image:none !important;
  }

  *#dm .dmInner div.u_3319775475 hr {
    color:var(--color_4) !important;
    height:0px !important;
    background:none !important;
    min-height:0px !important;
    border-width:1px !important;
    border-color:currentColor !important;
    border-top-style:solid !important;
  }
}
@media (min-width:0px) and (max-width:767px) {
  *#dm .dmInner a.u_3979948743 span.text { font-size:18px !important; }

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

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

  *#dm .dmInner div.u_1457003079 { text-align:center !important; }

  *#dm .dmInner div.u_1457003079 p { text-align:center !important; }

  *#dm .dmInner div.u_1457003079 li { text-align:center !important; }

  *#dm .dmInner div.u_3750032106 { text-align:center !important; }

  *#dm .dmInner div.u_3750032106 p { text-align:center !important; }

  *#dm .dmInner div.u_3750032106 li { text-align:center !important; }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#c5912371 {
    min-height: 80px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
}
    
#e15160cf {
    min-height: 0;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 60px 20px 60px 20px;
}
    
#a225a979 {
    background-image: url("https://le-de.cdn-website.com/deea2580f5594d2c8134d7235c174d3d/dms3rep/multi/opt/entreprisefrancois-menuiserie-filigrane-gris-1920w.png");
    background-repeat: repeat;
    background-size: auto;
    border-width: 1px 0 0 0;
    border-color: var(--color_6) #000000 #000000 #000000;
    border-style: solid;
}
    
#group_lr7 {
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 24px;
    background-color: var(--color_2);
    background-image: none;
    border-width: 1px 1px 1px 1px;
    border-color: var(--color_6) var(--color_6) var(--color_6) var(--color_6);
    border-style: solid;
    padding: 30px 30px 30px 30px;
    margin: 0px 0% 0px 0%;
}
    
#widget_9ad {
    width: 100%;
    height: auto;
    min-height: auto;
    max-width: 100%;
    order: 1;
    max-height: none;
}
    
#group_pnt {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 0%;
    order: 0;
    flex-wrap: nowrap;
    border-radius: 0 300px 300px 0;
    --column-gap: 0%;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: none;
    padding: 20px 20px 20px 60px;
    margin: 0px 0% 0px 0%;
}
    
#widget_27m.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 30px 0px 0px;
}
#widget_27m {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#widget_k3i {
    width: 44.0625px;
    height: auto;
    max-width: 100%;
    margin-right: 0%;
    margin-left: 0%;
}
    
#group_asb {
    align-items: center;
    width: 100%;
    min-width: 4%;
    min-height: 0px;
    column-gap: 4%;
    row-gap: 24px;
}
    
#widget_qkr.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 20px 60px 20px 60px;
}
#widget_qkr {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\37 9794a05 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\36 0df144e {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
}
    
#\32 ab2ff6f {
    min-height: 290px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 60px 20px 120px 20px;
}
    
#\31 c3cbc30 {
    background-image: url("https://le-de.cdn-website.com/deea2580f5594d2c8134d7235c174d3d/dms3rep/multi/opt/entreprisefrancois-menuiserie-filigrane-noir-1-1920w.png");
    background-repeat: repeat;
    background-size: auto;
}
    
#widget_o7l {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_rm9.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 4px;
    padding-bottom: 4px;
}
#widget_rm9 {
    width: 30%;
    height: auto;
    min-height: 1px;
    max-width: 100%;
}
    
#b78056e7 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#fa156d35 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 60px;
    width: 100%;
    min-width: 4%;
    justify-content: flex-start;
}
    
#af9e1853 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0px 20px 60px 20px;
}
    
#group_o7k {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    background-color: var(--color_2);
    background-image: none;
    border-width: 2px 2px 2px 2px;
    border-color: var(--color_6) var(--color_6) var(--color_6) var(--color_6);
    border-style: solid;
    padding: 0px 0px 0px 0px;
    margin: -40px 0% 0px 0%;
}
    
#\31 d8edd84 {
    margin: 0px 0% 0px 0%;
}
    
#group_fvj {
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 40px;
    column-gap: 24px;
}
    
#group_19g {
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 2.0689655172413794%;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#group_pef {
    justify-content: flex-start;
    align-items: flex-start;
    width: 31.95%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 24px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#group_kla {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 450px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    background-color: var(--color_8);
    background-image: none;
    order: 2;
    padding: 20px 20px 20px 20px;
    margin: 0px 0% 0px 0%;
}
    
#widget_tue {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#group_urp {
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\32 c8a8dc5.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\32 c8a8dc5 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0px 0px 0px;
    grid-area: auto / auto / auto / auto;
}
    
#\33 09752be {
    justify-content: flex-start;
    align-items: flex-start;
    width: 31.95%;
    min-height: 100%;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 24px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\32 66863ee {
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#fb2c3deb.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#fb2c3deb {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0px 0px 0px;
    grid-area: auto / auto / auto / auto;
}
    
#\35 2b5c3cb {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 450px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    background-color: var(--color_8);
    background-image: none;
    order: 2;
    padding: 20px 20px 20px 20px;
    margin: 0px 0% 0px 0%;
}
    
#\31 a9b00f3 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#b9a9ec4a {
    justify-content: flex-start;
    align-items: flex-start;
    width: 31.95%;
    min-height: 100%;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 24px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#d935b852 {
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#bfe5d712.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#bfe5d712 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0px 0px 0px;
    grid-area: auto / auto / auto / auto;
}
    
#a3ec9e4b {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 450px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    background-color: var(--color_8);
    background-image: none;
    order: 2;
    padding: 20px 20px 20px 20px;
    margin: 0px 0% 0px 0%;
}
    
#\30 2b2f747 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\37 4eafa88 {
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 2.0689655172413794%;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\35 c60964a {
    justify-content: flex-start;
    align-items: flex-start;
    width: 31.95%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 24px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\36 4ceb013 {
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#ea2c8b1e.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#ea2c8b1e {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0px 0px 0px;
    grid-area: auto / auto / auto / auto;
}
    
#\37 94b5f54 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 350px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    background-color: var(--color_8);
    background-image: none;
    order: 2;
    padding: 20px 20px 20px 20px;
    margin: 0px 0% 0px 0%;
}
    
#de9b88c8 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\37 8463bfa {
    justify-content: flex-start;
    align-items: flex-start;
    width: 31.95%;
    min-height: 100%;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 24px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#beca0d4e {
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\36 0236d0e.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\36 0236d0e {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0px 0px 0px;
    grid-area: auto / auto / auto / auto;
}
    
#\31 67971a5 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 350px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    background-color: var(--color_8);
    background-image: none;
    order: 2;
    padding: 20px 20px 20px 20px;
    margin: 0px 0% 0px 0%;
}
    
#\31 b72e741 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#eac0bb2b {
    justify-content: flex-start;
    align-items: flex-start;
    width: 31.95%;
    min-height: 100%;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 24px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#fff48581 {
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#c210beaf.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#c210beaf {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0px 0px 0px;
    grid-area: auto / auto / auto / auto;
}
    
#a764c2bc {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 350px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    background-color: var(--color_8);
    background-image: none;
    order: 2;
    padding: 20px 20px 20px 20px;
    margin: 0px 0% 0px 0%;
}
    
#\34 6d61197 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#group_r9f {
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    background-color: var(--color_2);
    background-image: none;
    padding: 20px 40px 20px 40px;
    margin: 0px 0% 0px 0%;
}
    
#\33 626816c.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 50px;
}
#\33 626816c {
    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;
}
}



@media all {
    
#\39 e6fd0cc {
    min-height: 80px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    background-color: var(--color_2);
    background-image: none;
    border-width: 1px 1px 1px 1px;
    border-color: var(--color_6) var(--color_6) var(--color_6) var(--color_6);
    border-style: solid;
    justify-content: flex-start;
    flex: 1 1 auto;
    padding: 20px 40px 20px 40px;
    margin: 0% 0% 0% 0%;
}
    
#aa13c65e {
    min-height: 80px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#ddd9c151 {
    min-height: 0;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: wrap;
}
    
#ede99be2 {
    background-image: url("https://le-de.cdn-website.com/deea2580f5594d2c8134d7235c174d3d/dms3rep/multi/opt/entreprisefrancois-menuiserie-filigrane-gris-clair-1920w.png");
    background-repeat: repeat;
    background-size: auto;
    border-width: 1px 0 0 0;
    border-color: var(--color_6) #000000 #000000 #000000;
    border-style: solid;
}
#ede99be2.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAIAAAAfVWhSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAR0lEQVQY07WQMQ4AIAgD+///tqwmGJEgunlbcwO0MDNJJCWZkyPkzBxsTSeLHPFwVZcrJKE733Xs0FZAnun8H22liGgH4WIA4Xl2jGX7yb8AAAAASUVORK5CYII=');
}
    
#widget_vtk {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#widget_6r0.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 4px;
    padding-bottom: 4px;
}
#widget_6r0 {
    width: 100%;
    height: auto;
    min-height: 1px;
    max-width: 100%;
    order: 1;
}
    
#widget_t3m {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
}
    
#edf8fad8.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 4px;
    padding-bottom: 4px;
}
#edf8fad8 {
    width: 100%;
    height: auto;
    min-height: 1px;
    max-width: 100%;
    order: 3;
}
    
#widget_kv9 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 4;
}
    
#group_n7r {
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-width: 0px 0px 0px 0px;
    border-color: var(--color_6) var(--color_6) var(--color_6) var(--color_6);
    border-style: solid;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#widget_l9m {
    width: 100%;
    height: 450px;
    max-width: 100%;
}
    
#group_jov {
    justify-content: flex-start;
    width: 48%;
    min-width: 4%;
    min-height: 80px;
    column-gap: 4%;
    row-gap: 0px;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#ec20de30.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 30px 15px 30px;
}
#ec20de30 {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\34 6570312 {
    align-items: flex-start;
    width: 33.33%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    margin-right: 0%;
    margin-left: 0%;
}
    
#c2881336 {
    margin: 0px 0% 0px 0%;
}
    
#\34 9412e9f {
    background-image: url("https://le-de.cdn-website.com/deea2580f5594d2c8134d7235c174d3d/dms3rep/multi/opt/entreprisefrancois-menuiserie-filigrane-noir-1-1920w.png");
    background-repeat: repeat;
    background-size: auto;
}
#\34 9412e9f.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAIAAAAfVWhSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAcUlEQVQY02WPUQ7AMAhC+dNKu97/tstKQmzG3xODiL03yTEGyedIWFVrLZCsKvE86oiIEGiamcaquuw86tsQ+0THzIQWxb562STnnB6plPpDngo7WRgRn61FyZ3VA/LUuRtKumwneRv/5NGE/rEfc8AL+poO2tlum4sAAAAASUVORK5CYII=');
}
    
#\36 64830ae {
    min-height: 0;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 60px 20px 120px 20px;
}
    
#c45e6b68 {
    min-height: 80px;
    column-gap: 0%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    flex-direction: row;
    flex-wrap: nowrap;
}
    
#group_r6q {
    align-items: flex-start;
    width: 33.33%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    margin-right: 0%;
    margin-left: 0%;
}
    
#cf89a893 {
    align-items: flex-start;
    width: 50%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    margin-right: 0%;
    margin-left: 0%;
}
    
#widget_r1k {
    width: 100%;
    height: auto;
    min-height: 100px;
    max-width: 100%;
}
    
#group_5q0 {
    align-items: center;
    width: 100%;
    min-width: 4%;
    min-height: 80px;
    column-gap: 4%;
    row-gap: 10px;
}
    
#widget_u2e {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_71q {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_dt1 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}



@media all {
    
#dd0ed420 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 60px;
    width: 100%;
    min-width: 4%;
    justify-content: flex-start;
}
    
#\33 551c5d5 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    background-color: var(--color_2);
    background-image: none;
    border-width: 2px 2px 2px 2px;
    border-color: var(--color_6) var(--color_6) var(--color_6) var(--color_6);
    border-style: solid;
    padding: 0px 0px 0px 0px;
    margin: -40px 0% 0px 0%;
}
    
#\33 bba534a {
    margin: 0px 0% 0px 0%;
}
    
#\38 f085e38 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0px 20px 120px 20px;
}
    
#group_apo {
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 2.0689655172413794%;
    flex-wrap: nowrap;
}
    
#group_5lj {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 48.97%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    background-color: var(--color_2);
    background-image: none;
    border-width: 1px 1px 1px 1px;
    border-color: var(--color_6) var(--color_6) var(--color_6) var(--color_6);
    border-style: solid;
    padding: 20px 20px 20px 20px;
    margin: 0px 0% 0px 0%;
}
    
#\31 16856cb {
    flex-direction: row;
    align-items: center;
    width: 48.97%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    margin-right: 0%;
    margin-left: 0%;
}
    
#widget_cam {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_fnc {
    width: 170px;
    height: auto;
    max-width: 100%;
}
    
#\31 a51c644 {
    background-image: url("https://le-de.cdn-website.com/deea2580f5594d2c8134d7235c174d3d/dms3rep/multi/opt/entreprisefrancois-menuiserie-filigrane-gris-1920w.png");
    background-repeat: repeat;
    background-size: auto;
}
#\31 a51c644.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAIAAAAfVWhSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAPklEQVQY08WPQQoAIAgE9/9f1oVAqRbDOjYnh7msMDOfWKCKvEhqXgoGLqiitAIujeS3/Ji2c/d6mxOon3kAR2mAIicdFooAAAAASUVORK5CYII=');
}
    
#group_eh5 {
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    background-color: var(--color_2);
    background-image: none;
    padding: 20px 40px 20px 40px;
    margin: 0px 0% 0px 0%;
}
    
#\30 34c45b3.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 50px;
}
#\30 34c45b3 {
    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;
}
}



@media all {
    
#\33 311ebcb {
    background-image: url("https://le-de.cdn-website.com/deea2580f5594d2c8134d7235c174d3d/dms3rep/multi/opt/entreprisefrancois-menuiserie-filigrane-gris-clair-1920w.png");
    background-repeat: repeat;
    background-size: auto;
    border-width: 1px 0 0 0;
    border-color: var(--color_6) #000000 #000000 #000000;
    border-style: solid;
}
#\33 311ebcb.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAIAAAAfVWhSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAR0lEQVQY07WQMQ4AIAgD+///tqwmGJEgunlbcwO0MDNJJCWZkyPkzBxsTSeLHPFwVZcrJKE733Xs0FZAnun8H22liGgH4WIA4Xl2jGX7yb8AAAAASUVORK5CYII=');
}
    
#a910d34a {
    margin: 0px 0% 0px 0%;
}
    
#\30 7b9f94c {
    min-height: 431px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0px 20px 60px 20px;
}
    
#\33 eb90123 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    background-color: var(--color_2);
    background-image: none;
    border-width: 2px 2px 2px 2px;
    border-color: var(--color_6) var(--color_6) var(--color_6) var(--color_6);
    border-style: solid;
    padding: 0px 0px 0px 0px;
    margin: -40px 0% 0px 0%;
}
    
#\32 ff1a393 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 60px;
    width: 100%;
    min-width: 4%;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
    
#group_orp {
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 2.0689655172413794%;
    margin-right: 0%;
    margin-left: 0%;
    flex-direction: row;
    flex-wrap: nowrap;
}
    
#\39 9bb2599 {
    width: 170px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 681caed {
    width: 170px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 b3d5d8f {
    width: 170px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 f5b38dc {
    width: 170px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#group_ng6 {
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
}
    
#\36 810fa8c.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 30px 15px 30px;
}
#\36 810fa8c {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#group_43h {
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    background-color: var(--color_2);
    background-image: none;
    padding: 20px 40px 20px 40px;
    margin: 0px 0% 0px 0%;
}
    
#\30 149330e.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 50px;
}
#\30 149330e {
    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;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#e15160cf {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
    
#widget_k3i {
    height: auto;
}
    
#group_lr7 {
    min-height: auto;
}
    
#group_pnt {
    padding: 20px 20px 20px 20px;
    margin: 0px 0% 0px 0%;
}
    
#widget_9ad {
    height: auto;
    max-height: none;
    min-height: auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 ab2ff6f {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#af9e1853 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
    
#group_19g {
    column-gap: 2.0689655172413794%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    min-height: auto;
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#group_pef {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    min-height: auto;
}
    
#\33 09752be {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    min-width: auto;
    max-width: auto;
    min-height: auto;
}
    
#b9a9ec4a {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    min-height: auto;
}
    
#group_kla {
    min-height: auto;
}
    
#\35 2b5c3cb {
    min-height: auto;
}
    
#group_fvj {
    column-gap: 3.5555555555555554%;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\37 4eafa88 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    column-gap: 2.0689655172413794%;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#fa156d35 {
    column-gap: 4%;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#group_o7k {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#a3ec9e4b {
    min-height: auto;
}
    
#fb2c3deb {
    width: 40%;
}
    
#\32 c8a8dc5 {
    width: 40%;
}
    
#bfe5d712 {
    width: 40%;
}
    
#\35 c60964a {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    min-height: auto;
}
    
#\37 8463bfa {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    min-height: auto;
}
    
#eac0bb2b {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    min-height: auto;
}
    
#ea2c8b1e {
    width: 40%;
}
    
#\36 0236d0e {
    width: 40%;
}
    
#c210beaf {
    width: 40%;
}
    
#a764c2bc {
    min-height: auto;
}
    
#\31 67971a5 {
    min-height: auto;
}
    
#\37 94b5f54 {
    min-height: auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#ddd9c151 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
}
    
#\39 e6fd0cc {
    width: 100%;
    min-height: 80px;
}
    
#aa13c65e {
    width: 100%;
    min-height: 80px;
}
    
#group_jov {
    width: 100%;
    min-height: 0px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 64830ae {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
    
#c45e6b68 {
    min-height: 0px;
    column-gap: 0%;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#widget_r1k {
    width: 100%;
}
    
#cf89a893 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\38 f085e38 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
    
#widget_fnc {
    height: auto;
}
    
#group_apo {
    align-items: center;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\30 7b9f94c {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



@media (max-width: 767px) {
    
#c5912371 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#e15160cf {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
    
#widget_k3i {
    height: auto;
}
    
#group_asb {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#group_lr7 {
    padding: 20px 20px 20px 20px;
    margin: 0px 0% 0px 0%;
}
    
#group_pnt {
    padding: 20px 20px 20px 20px;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\36 0df144e {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    justify-content: flex-start;
}
    
#\32 ab2ff6f {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
}



@media (max-width: 767px) {
    
#fa156d35 {
    width: 100%;
    min-height: 0px;
    align-items: center;
    row-gap: 40px;
}
    
#af9e1853 {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
    
#\32 c8a8dc5 {
    height: auto;
}
    
#fb2c3deb {
    height: auto;
}
    
#bfe5d712 {
    height: auto;
}
    
#ea2c8b1e {
    height: auto;
}
    
#\36 0236d0e {
    height: auto;
}
    
#c210beaf {
    height: auto;
}
    
#group_r9f {
    padding: 20px 20px 20px 20px;
    margin: 0px 0% 0px 0%;
}
    
#group_19g {
    column-gap: 2.0689655172413794%;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#group_pef {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\33 09752be {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#b9a9ec4a {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#group_kla {
    min-height: auto;
}
    
#\35 2b5c3cb {
    min-height: auto;
}
    
#a3ec9e4b {
    min-height: auto;
}
    
#\37 4eafa88 {
    column-gap: 2.0689655172413794%;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#\35 c60964a {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\37 8463bfa {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#eac0bb2b {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\37 94b5f54 {
    min-height: auto;
}
    
#\31 67971a5 {
    min-height: auto;
}
    
#a764c2bc {
    min-height: auto;
}
}



@media (max-width: 767px) {
    
#\39 e6fd0cc {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    padding: 20px 20px 20px 20px;
    margin: 0% 0% 0% 0%;
}
    
#aa13c65e {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#ddd9c151 {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
    
#widget_l9m {
    height: 240px;
}
    
#group_jov {
    width: 100%;
    min-height: 0px;
    align-items: center;
}
}



@media (max-width: 767px) {
    
#\36 64830ae {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
    
#c45e6b68 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    column-gap: 0%;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#group_5q0 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    justify-content: flex-start;
}
    
#cf89a893 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
}



@media (max-width: 767px) {
    
#dd0ed420 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\38 f085e38 {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
    
#widget_fnc {
    height: auto;
}
    
#group_eh5 {
    padding: 20px 20px 20px 20px;
    margin: 0px 0% 0px 0%;
}
    
#group_apo {
    column-gap: 2.0689655172413794%;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#group_5lj {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\31 16856cb {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
}



@media (max-width: 767px) {
    
#\30 7b9f94c {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
    
#\32 ff1a393 {
    width: 100%;
    min-height: 0px;
    align-items: center;
    row-gap: 20px;
}
    
#\39 9bb2599 {
    height: auto;
    margin-right: 0%;
    margin-left: 0%;
    width: 48.97%;
}
    
#\34 681caed {
    height: auto;
    margin-right: 0%;
    margin-left: 0%;
    width: 48.97%;
}
    
#\36 b3d5d8f {
    height: auto;
    margin-right: 0%;
    margin-left: 0%;
    width: 48.97%;
}
    
#\33 f5b38dc {
    height: auto;
    margin-right: 0%;
    margin-left: 0%;
    width: 48.97%;
}
    
#group_43h {
    padding: 20px 20px 20px 20px;
    margin: 0px 0% 0px 0%;
}
    
#group_orp {
    column-gap: 2.0689655172413794%;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
}
}