@media screen and (max-width: 780px) {
    html {
        position: relative;
    }

    #wpadminbar {
        display: none;
    }
}


    .container_contact {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      padding: 80px 0px;
      gap: 60px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .contact-info {
      flex: 1;
      max-width: 400px;
    }

    .contact-info h2 {
      font-size: 40px;
      margin-bottom: 20px;
    }

    .contact-info p {
      color: #555;
      line-height: 1.7;
      margin-bottom: 20px;
    }

    .contact-info a {
      color: #F07E1E;
      text-decoration: none;
      font-weight: 500;
    }

    .contact-form {
      flex: 1.5;
      background: #F1F1F1;
      padding: 40px;
      border-radius: 20px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            height: -webkit-fill-available;
    }

    form {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }

    .form-group {
      display: flex;
      flex-direction: column;
    }

    .form-group.full {
      grid-column: span 2;
    }

    label {
      font-size: 14px;
      margin-bottom: 6px;
      color: #333;
    }

    input, select, textarea {
      padding: 12px 15px;
      border: 1.5px solid #e0e0e0;
      border-radius: 10px;
      font-size: 15px;
      outline: none;
      transition: all 0.2s ease;
    }

    input:focus, select:focus, textarea:focus {
      border-color: #F07E1E;
      box-shadow: 0 0 0 3px rgba(91, 61, 253, 0.15);
    }

    .services {
      grid-column: span 2;
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
      margin-top: 5px;
    }

    .services label {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 14px;
    }

    .services input[type="checkbox"] {
      accent-color: #F07E1E;
    }

    textarea {
      resize: vertical;
      min-height: 100px;
    }

    .submit-btn {
      grid-column: span 2;
      padding: 14px 20px;
      background: #F07E1E;
      color: #fff;
      font-weight: 600;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .submit-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 5px 15px rgba(240, 126, 30, 0.3);
    }

    @media (max-width: 900px) {
      .container {
        flex-direction: column;
        padding: 40px 20px;
      }

      form {
        grid-template-columns: 1fr;
      }
    }



@font-face {
    font-family: 'montserratlight';
    src: url('../font/montserrat-light-webfont.woff2') format('woff2'),
         url('../font/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat';
    src: url('../font/montserrat-regular-webfont.woff2') format('woff2'),
         url('../font/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url('../font/montserrat-bold-webfont.woff2') format('woff2'),
         url('../font/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


html{ 
	font-size: 62.5%;
}

body {
    background-color: #fff;
    font-size: 1.6rem;
    color: #000;
    font-family: 'montserrat', sans-serif;
    line-height: 1.5;
    overflow-x: hidden;
}


#header input::placeholder,
div.asl_r *,
#header .asl_w,
#header .asl_w *,
#header input, textarea, button{
    font-family: 'montserrat', sans-serif !important;
}

/* Custom images from fiche renseignement plancher form */
#field_7_83 {
    position : absolute ;
    width: 45%;
    left: 50vw;
    /* top: 70rem; */
}
#field_7_86{
    position : absolute ;
    width: 45%;
    left: 50vw;
    /* top: 55rem; */
}
#field_7_92{
    position : absolute ;
    width: 45%;
    left: 50vw;
    /* top: 65rem; */
}
#field_7_98{
    position : absolute ;
    width: 45%;
    left: 50vw;
    /* top: 68rem; */
}

@media screen and (max-width: 414px) {
    #field_7_83 {
        position : relative ;
        width: 100%;
        left: 0rem;
        top: 0rem;
    }
    #field_7_86{
        position : relative ;
        width: 100%;
        left: 0rem;
        top: 0rem;
    }
    #field_7_92{
        position : relative ;
        width: 100%;
        left: 0rem;
        top: 0rem;
    }
    #field_7_98{
        position : relative ;
        width: 100%;
        left: 0rem;
        top: 0rem;
    }
    .field_7_73_img_beton{
        width : 20% !important;
    }
    /* .field_7_73_beton:hover + .field_7_73_img_beton{
        width : 20% !important;
    } */
    .field_7_73_img_bois{
        width : 20% !important;
    }
    /* .field_7_73_bois:hover + .field_7_73_img_bois{
        width : 20% !important;
    } */
    .field_7_73_img_coffrant{
        width : 20% !important;
        padding: 10px 0px;
    }
    /* .field_7_73_bois:hover + .field_7_73_img_bois{
        width : 20% !important;
    } */
    .field_7_73_img_isolant{
        width : 20% !important;
        padding: 10px 0px;
    }
    /* .field_7_73_bois:hover + .field_7_73_img_bois{
        width : 20% !important;
    } */
    .field_7_73_img_rupteurs{
        width : 20% !important;
        padding: 10px 0px;
    }
    /* .field_7_73_bois:hover + .field_7_73_img_bois{
        width : 20% !important;
    } */
    .field_7_73_img_planelles{
        width : 20% !important;
        padding: 10px 0px;
    }
    /* .field_7_73_bois:hover + .field_7_73_img_bois{
        width : 20% !important;
    } */
}
.field_7_73_beton{
    display: inline-block;
    /* padding:5px 0px; */
}
/* .field_7_73_beton:hover + .field_7_73_img_beton{
    display:inline-block;
    width : 10%;
    vertical-align: middle;
} */
.field_7_73_img_beton{
    /* display: none; */
    margin: -10px 0px;
    display:inline-block;
    width : 10%;
    vertical-align: middle;
}
.field_7_73_bois{
    display: inline-block;
    /* padding:5px 0px; */
}
/* .field_7_73_bois:hover + .field_7_73_img_bois{
    display:inline-block;
    width : 10%;
    vertical-align: middle;
} */
.field_7_73_img_bois{
    /* display: none; */
    margin: -10px 0px;
    display:inline-block;
    width : 10%;
    vertical-align: middle;
}
.field_7_73_coffrant{
    display: inline-block;
    /* padding:5px 0px; */
}
/* .field_7_73_bois:hover + .field_7_73_img_bois{
    display:inline-block;
    width : 10%;
    vertical-align: middle;
} */
.field_7_73_img_coffrant{
    /* display: none; */
    margin: -10px 0px;
    display:inline-block;
    width : 8%;
    vertical-align: middle;
    padding: 10px 0px;
}
.field_7_73_isolant{
    display: inline-block;
    /* padding:5px 0px; */
}
/* .field_7_73_bois:hover + .field_7_73_img_bois{
    display:inline-block;
    width : 10%;
    vertical-align: middle;
} */
.field_7_73_img_isolant{
    /* display: none; */
    margin: -10px 0px;
    display:inline-block;
    width : 8%;
    vertical-align: middle;
    padding: 10px 0px;
}
.field_7_73_rupteurs{
    display: inline-block;
    /* padding:5px 0px; */
}
/* .field_7_73_bois:hover + .field_7_73_img_bois{
    display:inline-block;
    width : 10%;
    vertical-align: middle;
} */
.field_7_73_img_rupteurs{
    /* display: none; */
    margin: -10px 0px;
    display:inline-block;
    width : 8%;
    vertical-align: middle;
    padding: 10px 0px;
}
.field_7_73_planelles{
    display: inline-block;
    /* padding:5px 0px; */
}
/* .field_7_73_bois:hover + .field_7_73_img_bois{
    display:inline-block;
    width : 10%;
    vertical-align: middle;
} */
.field_7_73_img_planelles{
    /* display: none; */
    margin: -10px 0px;
    display:inline-block;
    width : 8%;
    vertical-align: middle;
    padding: 10px 0px;
}

.gform-field-row--span-eight {
    grid-row: span 8;
    }
.gfield_description{
    padding-bottom: 0 !important;
}